@wix/design-system-tokens 1.240.0 → 1.241.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2782 @@
1
+ :root, .wds-tokens {
2
+ --wds-illustration-color-opacity-100: #F8F6F600;
3
+ --wds-illustration-color-opacity-75: #F8F6F600;
4
+ --wds-illustration-color-opacity-50: #F8F6F600;
5
+ --wds-illustration-color-opacity-25: #F8F6F600;
6
+ --wds-illustration-color-background-2: #7896FF40;
7
+ --wds-illustration-color-background: #F8F6F6;
8
+ --wds-illustration-color-7: #002294;
9
+ --wds-illustration-color-6: #002294;
10
+ --wds-illustration-color-5: #EAEFFF;
11
+ --wds-illustration-color-4: #D5DFFF;
12
+ --wds-illustration-color-3: #B8C4FF;
13
+ --wds-illustration-color-2: #7896FF;
14
+ --wds-illustration-color-1: #002294;
15
+ --wds-space-2400: 96px;
16
+ --wds-space-1700: 68px;
17
+ --wds-space-1600: 64px;
18
+ --wds-space-1500: 60px;
19
+ --wds-space-1400: 56px;
20
+ --wds-space-1300: 52px;
21
+ --wds-space-1200: 48px;
22
+ --wds-space-1150: 46px;
23
+ --wds-space-1100: 44px;
24
+ --wds-space-1050: 42px;
25
+ --wds-space-1000: 40px;
26
+ --wds-space-950: 38px;
27
+ --wds-space-900: 36px;
28
+ --wds-space-850: 34px;
29
+ --wds-space-800: 32px;
30
+ --wds-space-750: 30px;
31
+ --wds-space-700: 28px;
32
+ --wds-space-600: 24px;
33
+ --wds-space-550: 22px;
34
+ --wds-space-500: 20px;
35
+ --wds-space-475: 18px;
36
+ --wds-space-400: 16px;
37
+ --wds-space-350: 14px;
38
+ --wds-space-300: 12px;
39
+ --wds-space-250: 10px;
40
+ --wds-space-200: 8px;
41
+ --wds-space-175: 7px;
42
+ --wds-space-150: 6px;
43
+ --wds-space-100: 4px;
44
+ --wds-space-50: 2px;
45
+ --wds-space-25: 1px;
46
+ --wds-space-0: 0px;
47
+ --wds-shadow-spread-secondary-raised: -0.7px;
48
+ --wds-shadow-focus-spread: 0;
49
+ --wds-shadow-y-tertiary-toggle-button: 0.4px;
50
+ --wds-shadow-y-secondary-toggle-button: 1.2px;
51
+ --wds-shadow-y-600: 20px;
52
+ --wds-shadow-y-350: 10px;
53
+ --wds-shadow-y-300: 12px;
54
+ --wds-shadow-y-200: 8px;
55
+ --wds-shadow-y-150: 6px;
56
+ --wds-shadow-y-125: 5px;
57
+ --wds-shadow-y-100: 4px;
58
+ --wds-shadow-y-50: 2px;
59
+ --wds-shadow-y-25: 1px;
60
+ --wds-shadow-y-0: 0px;
61
+ --wds-shadow-x-tertiary-toggle-button: 0.4px;
62
+ --wds-shadow-x-secondary-toggle-button: 1.2px;
63
+ --wds-shadow-x-50: 2px;
64
+ --wds-shadow-x-25: 1px;
65
+ --wds-shadow-x-0: 0px;
66
+ --wds-shadow-blur-tertiary-toggle-button: 0.6px;
67
+ --wds-shadow-blur-secondary-toggle-button: 1.7px;
68
+ --wds-shadow-blur-800: 30px;
69
+ --wds-shadow-blur-500: 20px;
70
+ --wds-shadow-blur-400: 20px;
71
+ --wds-shadow-blur-200: 18px;
72
+ --wds-shadow-blur-150: 12px;
73
+ --wds-shadow-blur-135: 10px;
74
+ --wds-shadow-blur-125: 8px;
75
+ --wds-shadow-blur-100: 7px;
76
+ --wds-shadow-blur-75: 6px;
77
+ --wds-shadow-blur-50: 4px;
78
+ --wds-shadow-blur-35: 3px;
79
+ --wds-shadow-blur-25: 2px;
80
+ --wds-shadow-blur-0: 0px;
81
+ --wds-motion-easing-1000: cubic-bezier(0.4, 0, 1, 1);
82
+ --wds-motion-easing-900: cubic-bezier(0.26, 0, 0.67, 1);
83
+ --wds-motion-easing-800: cubic-bezier(0.18, 0.89, 0.32, 1.28);
84
+ --wds-motion-easing-700: cubic-bezier(0.25, 1, 0.5, 1);
85
+ --wds-motion-easing-600: cubic-bezier(0, 0, 0.2, 1);
86
+ --wds-motion-easing-500: cubic-bezier(0, 0, 0.58, 1);
87
+ --wds-motion-easing-400: cubic-bezier(0.76, 0, 0.24, 1);
88
+ --wds-motion-easing-300: cubic-bezier(0.4, 0, 0.2, 1);
89
+ --wds-motion-easing-200: cubic-bezier(0.42, 0, 0.58, 1);
90
+ --wds-motion-easing-100: linear;
91
+ --wds-font-weight-heading-3: 700;
92
+ --wds-font-weight-semi-bold: 600;
93
+ --wds-font-weight-regular: 400;
94
+ --wds-font-weight-medium: 500;
95
+ --wds-font-weight-bold: 600;
96
+ --wds-font-size-900: 32px;
97
+ --wds-font-size-800: 24px;
98
+ --wds-font-size-700: 20px;
99
+ --wds-font-size-600: 18px;
100
+ --wds-font-size-500: 16px;
101
+ --wds-font-size-400: 15px;
102
+ --wds-font-size-300: 14px;
103
+ --wds-font-size-200: 12px;
104
+ --wds-font-size-100: 10px;
105
+ --wds-font-letter-spacing-heading-3: -0.5px;
106
+ --wds-font-letter-spacing-heading-2: -0.50;
107
+ --wds-font-letter-spacing-heading-1: -0.50;
108
+ --wds-font-letter-spacing-100: 1px;
109
+ --wds-font-letter-spacing-0: 0px;
110
+ --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
111
+ --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
112
+ --wds-color-text-stage-section: #6f56f9;
113
+ --wds-color-fill-transparent-tint: rgba(234, 239, 255, .2);
114
+ --wds-color-fill-surface-stage: #F7F7F7;
115
+ --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
116
+ --wds-color-fill-stage-section-secondary-active: #d9d2ff;
117
+ --wds-color-fill-stage-section-secondary: #d9d2ff;
118
+ --wds-color-fill-stage-section-primary-hover: #6f56f9;
119
+ --wds-color-fill-stage-section-primary-active: #6f56f9;
120
+ --wds-color-fill-stage-section-primary: #6f56f9;
121
+ --wds-color-fill-stage-padding-hover: #18d9c2;
122
+ --wds-color-fill-stage-padding-active: #18d9c2;
123
+ --wds-color-fill-stage-padding: #18d9c2;
124
+ --wds-color-fill-stage-anchor-hover: #18d2de;
125
+ --wds-color-fill-stage-anchor-active: #5effff;
126
+ --wds-color-fill-stage-anchor: #5effff;
127
+ --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, 0.8000);
128
+ --wds-color-fill-social-youtube-disabled: #bebebe;
129
+ --wds-color-fill-social-youtube-active: #ff0000;
130
+ --wds-color-fill-social-youtube: #ff0000;
131
+ --wds-color-fill-social-xcorp-hover: rgba(16, 20, 25, 0.8000);
132
+ --wds-color-fill-social-xcorp-disabled: #bebebe;
133
+ --wds-color-fill-social-xcorp-active: #101419;
134
+ --wds-color-fill-social-xcorp: #101419;
135
+ --wds-color-fill-social-twitter-hover: rgba(29, 161, 242, 0.8000);
136
+ --wds-color-fill-social-twitter-disabled: #bebebe;
137
+ --wds-color-fill-social-twitter-active: #1da1f2;
138
+ --wds-color-fill-social-twitter: #1da1f2;
139
+ --wds-color-fill-social-tiktok-hover: rgba(1, 1, 1, 0.8000);
140
+ --wds-color-fill-social-tiktok-disabled: #bebebe;
141
+ --wds-color-fill-social-tiktok-active: #010101;
142
+ --wds-color-fill-social-tiktok: #010101;
143
+ --wds-color-fill-social-pinterest-hover: rgba(230, 0, 25, 0.8000);
144
+ --wds-color-fill-social-pinterest-disabled: #bebebe;
145
+ --wds-color-fill-social-pinterest-active: #e60019;
146
+ --wds-color-fill-social-pinterest: #e60019;
147
+ --wds-color-fill-social-linkedin-hover: rgba(0, 101, 200, 0.8000);
148
+ --wds-color-fill-social-linkedin-disabled: #bebebe;
149
+ --wds-color-fill-social-linkedin-active: #0065c8;
150
+ --wds-color-fill-social-linkedin: #0065c8;
151
+ --wds-color-fill-social-instagram-hover: rgba(255, 1, 117, 0.8000);
152
+ --wds-color-fill-social-instagram-disabled: #bebebe;
153
+ --wds-color-fill-social-instagram-active: #ff0175;
154
+ --wds-color-fill-social-instagram: #ff0175;
155
+ --wds-color-fill-social-facebook-hover: rgba(24, 119, 242, 0.8000);
156
+ --wds-color-fill-social-facebook-disabled: #bebebe;
157
+ --wds-color-fill-social-facebook-active: #1877f2;
158
+ --wds-color-fill-social-facebook: #1877f2;
159
+ --wds-color-fill-accent-12: #acafc4;
160
+ --wds-color-fill-accent-11: #1b3689;
161
+ --wds-color-fill-accent-10: #1f8845;
162
+ --wds-color-fill-accent-9: #59005f;
163
+ --wds-color-fill-accent-8: #cc180b;
164
+ --wds-color-fill-accent-7: #BCD7C3;
165
+ --wds-color-fill-accent-6: #FFA270;
166
+ --wds-color-fill-accent-5: #D7F391;
167
+ --wds-color-fill-accent-4: #C4CEFF;
168
+ --wds-color-fill-accent-3: #E7BE64;
169
+ --wds-color-fill-accent-2: #FFC2FE;
170
+ --wds-color-fill-accent-1: #C4E1FF;
171
+ --wds-color-border-stage-wip: #ffffff;
172
+ --wds-color-yellow-600: #fef6ed;
173
+ --wds-color-yellow-500: #fef3e5;
174
+ --wds-color-yellow-400: #fdead2;
175
+ --wds-color-yellow-300: #fcd29d;
176
+ --wds-color-yellow-200: #fabd71;
177
+ --wds-color-yellow-100: #f9ad4d;
178
+ --wds-color-yellow-50: #e7a047;
179
+ --wds-color-yellow-0: #9f6113;
180
+ --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
181
+ --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
182
+ --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
183
+ --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
184
+ --wds-color-white-transparent-30: rgba(255, 255, 255, .3);
185
+ --wds-color-white-transparent-20: rgba(255, 255, 255, .2);
186
+ --wds-color-white-transparent-12: rgba(255, 255, 255, .12);
187
+ --wds-color-white-transparent-10: rgba(255, 255, 255, .1);
188
+ --wds-color-white-transparent-5: rgba(255, 255, 255, .05);
189
+ --wds-color-white-transparent-1: rgba(255, 255, 255, .01);
190
+ --wds-color-white-transparent-0: rgba(255, 255, 255, 0);
191
+ --wds-color-white: #ffffff;
192
+ --wds-color-red-600: #fcebeb;
193
+ --wds-color-red-500: #f9d6d7;
194
+ --wds-color-red-400: #f4b8b9;
195
+ --wds-color-red-300: #ed8f90;
196
+ --wds-color-red-200: #e55c5e;
197
+ --wds-color-red-100: #df3336;
198
+ --wds-color-red-50: #be2b2e;
199
+ --wds-color-red-0: #9c2426;
200
+ --wds-color-purple-700: #faf0ff;
201
+ --wds-color-purple-600: #f8f2ff;
202
+ --wds-color-purple-500: #f1e5fe;
203
+ --wds-color-purple-400: #d7b7fb;
204
+ --wds-color-purple-300: #be89f9;
205
+ --wds-color-purple-200: #8b2df5;
206
+ --wds-color-purple-100: #7200f3;
207
+ --wds-color-purple-50: #6100cf;
208
+ --wds-color-purple-0: #5000aa;
209
+ --wds-color-pink-600: #feebfb;
210
+ --wds-color-pink-500: #fdd7f2;
211
+ --wds-color-pink-400: #ffc2f3;
212
+ --wds-color-pink-300: #ffa9ef;
213
+ --wds-color-pink-200: #ff77e6;
214
+ --wds-color-pink-100: #f639d3;
215
+ --wds-color-pink-50: #e221ac;
216
+ --wds-color-pink-0: #bd22a1;
217
+ --wds-color-orange-600: #fdf1ec;
218
+ --wds-color-orange-500: #fbe3d9;
219
+ --wds-color-orange-400: #fbcfbb;
220
+ --wds-color-orange-300: #fda77f;
221
+ --wds-color-orange-200: #fe9361;
222
+ --wds-color-orange-100: #ff8044;
223
+ --wds-color-orange-50: #d96d3a;
224
+ --wds-color-orange-0: #ae3e09;
225
+ --wds-color-iris-600: #eeecfe;
226
+ --wds-color-iris-500: #e7e4fe;
227
+ --wds-color-iris-400: #d6d1fc;
228
+ --wds-color-iris-300: #a59bfa;
229
+ --wds-color-iris-200: #7b6df7;
230
+ --wds-color-iris-100: #5a48f5;
231
+ --wds-color-iris-50: #5443e3;
232
+ --wds-color-iris-0: #4d3dd0;
233
+ --wds-color-green-600: #f1f5ed;
234
+ --wds-color-green-500: #effae5;
235
+ --wds-color-green-400: #daf3c0;
236
+ --wds-color-green-300: #bde2a7;
237
+ --wds-color-green-200: #97c693;
238
+ --wds-color-green-100: #4b916d;
239
+ --wds-color-green-50: #3f7b5c;
240
+ --wds-color-green-0: #0d4f3d;
241
+ --wds-color-blue-600: #f5f7ff;
242
+ --wds-color-blue-500: #eaefff;
243
+ --wds-color-blue-400: #d5dfff;
244
+ --wds-color-blue-350: #40506C;
245
+ --wds-color-blue-300: #acbeff;
246
+ --wds-color-blue-250: #7896ff;
247
+ --wds-color-blue-200: #597dff;
248
+ --wds-color-blue-150: #116DFF;
249
+ --wds-color-blue-100: #2f5dff;
250
+ --wds-color-blue-50: #1c3fe5;
251
+ --wds-color-blue-0: #0f2ccf;
252
+ --wds-color-black-300-transparent-70: rgba(118, 117, 116, .7);
253
+ --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
254
+ --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
255
+ --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
256
+ --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
257
+ --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
258
+ --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
259
+ --wds-color-black-200-transparent-60: rgba(82, 81, 80, .6);
260
+ --wds-color-black-200-transparent-50: rgba(82, 81, 80, .5);
261
+ --wds-color-black-200-transparent-0: rgba(82, 81, 80, 0);
262
+ --wds-color-black-100-transparent-70: rgba(19, 23, 32, .7);
263
+ --wds-color-black-100-transparent-50: rgba(19, 23, 32, .5);
264
+ --wds-color-black-100-transparent-40: rgba(19, 23, 32, .4);
265
+ --wds-color-black-100-transparent-30: rgba(19, 23, 32, .3);
266
+ --wds-color-black-100-transparent-25: rgba(19, 23, 32, .25);
267
+ --wds-color-black-100-transparent-20: rgba(19, 23, 32, .2);
268
+ --wds-color-black-100-transparent-15: rgba(19, 23, 32, .15);
269
+ --wds-color-black-100-transparent-10: rgba(19, 23, 32, .1);
270
+ --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
271
+ --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
272
+ --wds-color-black-750: #f8f6f6;
273
+ --wds-color-black-700: #f0efef;
274
+ --wds-color-black-600: #e8e7e7;
275
+ --wds-color-black-550: #dedede;
276
+ --wds-color-black-500: #a8a6a5;
277
+ --wds-color-black-400: #767574;
278
+ --wds-color-black-300: #525150;
279
+ --wds-color-black-200: #383838;
280
+ --wds-color-black-100: #151414;
281
+ --wds-breakpoint-x-large: 1572px;
282
+ --wds-breakpoint-small: 490px;
283
+ --wds-breakpoint-medium: 768px;
284
+ --wds-breakpoint-large: 1186px;
285
+ --wds-border-width-none: 0px;
286
+ --wds-border-width-200: 2px;
287
+ --wds-border-width-150: 1.5px;
288
+ --wds-border-width-100: 1px;
289
+ --wds-border-width-0: 0px;
290
+ --wds-border-radius-full: 1000px;
291
+ --wds-border-radius-1200: 24px;
292
+ --wds-border-radius-800: 16px;
293
+ --wds-border-radius-600: 12px;
294
+ --wds-border-radius-500: 10px;
295
+ --wds-border-radius-400: 8px;
296
+ --wds-border-radius-300: 6px;
297
+ --wds-border-radius-200: 4px;
298
+ --wds-border-radius-100: 2px;
299
+ --wds-border-radius-0: 0px;
300
+ --wds-background-blur-450: 40px;
301
+ --wds-background-blur-375: 30px;
302
+ --wds-background-blur-350: 28px;
303
+ --wds-background-blur-300: 24px;
304
+ --wds-background-blur-250: 20px;
305
+ --wds-background-blur-200: 16px;
306
+ --wds-background-blur-175: 14px;
307
+ --wds-background-blur-150: 12px;
308
+ --wds-background-blur-100: 8px;
309
+ --wds-background-blur-50: 4px;
310
+ --wds-background-blur-0: 0px;
311
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
312
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
313
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
314
+ --wds-variable-input-padding-vertical-tiny: 2px;
315
+ --wds-variable-input-padding-vertical-small: 5px;
316
+ --wds-trend-indicator-gap: 2px;
317
+ --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
318
+ --wds-toggle-switch-width-small: 24px;
319
+ --wds-toggle-switch-width-medium: 26px;
320
+ --wds-toggle-switch-width-large: 40px;
321
+ --wds-toggle-switch-shadow: 0;
322
+ --wds-toggle-switch-knob-text-height: 0px;
323
+ --wds-toggle-switch-knob-size-small: 12px;
324
+ --wds-toggle-switch-knob-size-medium: 14px;
325
+ --wds-toggle-switch-knob-size-large: 20px;
326
+ --wds-toggle-switch-icon: false;
327
+ --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
328
+ --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
329
+ --wds-toggle-button-shadow-y-primary-inverted: 5px;
330
+ --wds-toggle-button-shadow-x-tertiary-inverted: 1px;
331
+ --wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
332
+ --wds-toggle-button-shadow-x-primary-inverted: -8px;
333
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
334
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
335
+ --wds-toggle-button-shadow-spread-primary-inverted: -6px;
336
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 5px;
337
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
338
+ --wds-toggle-button-shadow-blur-primary-inverted: 30px;
339
+ --wds-toggle-button-inner-shadow-blur-secondary: 1px;
340
+ --wds-toggle-button-inner-shadow-blur-primary: 1px;
341
+ --wds-tabs-selection-height: 3px;
342
+ --wds-table-toolbar-padding-block-start: 24px;
343
+ --wds-table-toolbar-padding-block-end: 16px;
344
+ --wds-table-toolbar-item-gap: 8px;
345
+ --wds-table-toolbar-icon-button-gap: 2px;
346
+ --wds-table-toolbar-divider-gap-group-start: 16px;
347
+ --wds-table-toolbar-divider-gap: 16px;
348
+ --wds-table-toolbar-button-gap: 8px;
349
+ --wds-table-action-cell-backdrop-opacity: 1;
350
+ --wds-swatches-swatch-size-tiny: 22px;
351
+ --wds-status-toast-width: 600px;
352
+ --wds-statistics-widget-value-font-letter-spacing: -0.5px;
353
+ --wds-slider-track-size-transparent: 2px;
354
+ --wds-slider-track-size: 2px;
355
+ --wds-slider-slider-knob-size-transparent: 16px;
356
+ --wds-slider-slider-knob-size-hover: 18px;
357
+ --wds-slider-slider-knob-size: 8px;
358
+ --wds-slider-slider-knob-shadow: false;
359
+ --wds-slider-slider-knob-border-width-hover: 12px;
360
+ --wds-slider-slider-knob-border-width: 2px;
361
+ --wds-sidebar-submenu-level-2-padding-bottom: 0px;
362
+ --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
363
+ --wds-sidebar-scrollbar-fill-dark-default: #717379;
364
+ --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
365
+ --wds-sidebar-minimized-width: 62px;
366
+ --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
367
+ --wds-sidebar-minimize-action-fill-dark-default: #42454c;
368
+ --wds-sidebar-item-text-line-clamp: 1;
369
+ --wds-sidebar-item-text-dark-disabled: #898b8f;
370
+ --wds-sidebar-item-level-3-divider-display: none;
371
+ --wds-sidebar-item-level-2-fill-neutral-default: transparent;
372
+ --wds-sidebar-item-level-2-fill-light-default: transparent;
373
+ --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
374
+ --wds-sidebar-item-level-1-fill-neutral-default: transparent;
375
+ --wds-sidebar-item-level-1-fill-light-default: transparent;
376
+ --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
377
+ --wds-sidebar-item-level-1-fill-dark-default: #131720;
378
+ --wds-sidebar-item-level-1-fill-dark-active: #42454c;
379
+ --wds-sidebar-divider-fill-light-default: transparent;
380
+ --wds-sidebar-divider-fill-dark-default: #42454c;
381
+ --wds-sidebar-clear-button-fill: #5a5d63;
382
+ --wds-sidebar-border-outer-fill: #EEEEEE;
383
+ --wds-sidebar-border-inner-fill: #FFFFFF;
384
+ --wds-side-panel-standard-overflow: hidden;
385
+ --wds-side-panel-header-divider-height: 0;
386
+ --wds-side-panel-footer-divider-height: 0;
387
+ --wds-side-panel-floating-max-height: 576px;
388
+ --wds-side-panel-control-layout-divider-border-width: false;
389
+ --wds-section-helper-prefix-offset-margin: 0px;
390
+ --wds-scrollbar-width: 4px;
391
+ --wds-radio-dot-size: 4px;
392
+ --wds-page-section-divider-display: none;
393
+ --wds-page-header-divider-color: transparent;
394
+ --wds-page-header-breadcrumbs-offset-small: -8px;
395
+ --wds-page-header-breadcrumbs-offset-medium: -8px;
396
+ --wds-page-header-breadcrumbs-offset-large: -8px;
397
+ --wds-marketing-page-title-line-height: 38px;
398
+ --wds-marketing-page-overline-divider-display: none;
399
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
400
+ --wds-marketing-page-image-top-title-line-height: 36px;
401
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
402
+ --wds-marketing-page-image-top-actions-gap: 38px;
403
+ --wds-marketing-page-image-grid-row: span 2;
404
+ --wds-marketing-page-image-display: flex;
405
+ --wds-marketing-page-footer-grid-column: span 6;
406
+ --wds-marketing-page-footer-divider-display: none;
407
+ --wds-marketing-page-content-padding-start-medium: 72px;
408
+ --wds-marketing-page-content-padding-start-large: 72px;
409
+ --wds-marketing-layout-min-height-tiny: 140px;
410
+ --wds-marketing-layout-min-height-small: 160px;
411
+ --wds-marketing-layout-min-height-medium: 180px;
412
+ --wds-marketing-layout-image-wrapper-width: auto;
413
+ --wds-marketing-layout-image-wrapper-flex: none;
414
+ --wds-marketing-layout-image-wrapper-contain: size;
415
+ --wds-marketing-layout-image-width: auto;
416
+ --wds-marketing-layout-image-object-fit: cover;
417
+ --wds-marketing-layout-image-max-width-tiny: 116px;
418
+ --wds-marketing-layout-image-max-width-small: 136px;
419
+ --wds-marketing-layout-image-max-width-medium: 156px;
420
+ --wds-marketing-layout-image-height: 100%;
421
+ --wds-marketing-layout-image-aspect-ratio: 1;
422
+ --wds-marketing-layout-description-max-width: 80%;
423
+ --wds-marketing-layout-content-justify: flex-start;
424
+ --wds-marketing-layout-badge-top: auto;
425
+ --wds-marketing-layout-badge-side: auto;
426
+ --wds-marketing-layout-badge-position: static;
427
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
428
+ --wds-loader-stroke-width-tiny: 3px;
429
+ --wds-loader-stroke-width-small: 2px;
430
+ --wds-loader-stroke-width-medium: 2px;
431
+ --wds-loader-stroke-width-large: 2px;
432
+ --wds-list-item-select-min-height-medium: auto;
433
+ --wds-list-item-action-subtitle-offset: -2px;
434
+ --wds-list-item-padding-horizontal-xx-tiny: 3px;
435
+ --wds-list-item-padding-horizontal-x-tiny: 6px;
436
+ --wds-list-item-padding-horizontal-tiny: 12px;
437
+ --wds-list-item-padding-horizontal-small: 15px;
438
+ --wds-list-item-padding-horizontal-medium: 18px;
439
+ --wds-list-item-padding-horizontal-large: 24px;
440
+ --wds-internal-theme: bm-light;
441
+ --wds-internal-thumbnail-illustration-size-tiny: 38px;
442
+ --wds-internal-thumbnail-illustration-size-small: 51px;
443
+ --wds-internal-thumbnail-illustration-size-medium: 72px;
444
+ --wds-internal-thumbnail-illustration-size-large: 114px;
445
+ --wds-internal-image-width-tiny: 106px;
446
+ --wds-internal-image-width-small: 122px;
447
+ --wds-internal-image-width-medium: 156px;
448
+ --wds-internal-image-width-large: 240px;
449
+ --wds-internal-image-height-small: 60px;
450
+ --wds-internal-image-height-medium: 84px;
451
+ --wds-internal-image-height-large: 120px;
452
+ --wds-input-shadow-focus-warning: transparent;
453
+ --wds-input-shadow-focus-standard: transparent;
454
+ --wds-input-shadow-focus-destructive: transparent;
455
+ --wds-icon-button-border-ai-secondary-ring-display: none;
456
+ --wds-horizontal-scroll-button-text: #000624;
457
+ --wds-horizontal-scroll-button-fill-active: #F8F6F6;
458
+ --wds-horizontal-scroll-button-fill: #FFFFFF;
459
+ --wds-google-preview-title-fill: #260AA8;
460
+ --wds-google-preview-text-fill: #4D5156;
461
+ --wds-google-preview-site-name-fill: #202124;
462
+ --wds-google-preview-favicon-border-fill: #E6E6E6;
463
+ --wds-google-preview-favicon-background-fill: #F1F3F4;
464
+ --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
465
+ --wds-editable-title-marker-line-style: none;
466
+ --wds-counter-badge-padding-horizontal-tiny: 4px;
467
+ --wds-counter-badge-font-size-tiny: 10px;
468
+ --wds-composer-sidebar-end-max-width: 240px;
469
+ --wds-composer-sidebar-bottom-width: 88px;
470
+ --wds-composer-sidebar-border-width: 0px;
471
+ --wds-color-picker-width: 236px;
472
+ --wds-clickable-card-standard-box-shadow-hover: none;
473
+ --wds-carousel-gradient-width: 30px;
474
+ --wds-carousel-gradient-opacity: 100%;
475
+ --wds-carousel-dots-height: 6px;
476
+ --wds-carousel-dots-gap-bottom-shift: 0;
477
+ --wds-carousel-dots-border-radius: 10000px;
478
+ --wds-carousel-controls-size-tiny: 18px;
479
+ --wds-carousel-controls-size-small: 24px;
480
+ --wds-carousel-controls-size-medium: 32px;
481
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
482
+ --wds-carousel-controls-shadow-disabled: none;
483
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
484
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
485
+ --wds-carousel-controls-offset-sides-gradient: 0px;
486
+ --wds-carousel-controls-offset-sides: 0px;
487
+ --wds-carousel-controls-offset-overlay: -16px;
488
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
489
+ --wds-carousel-controls-offset-bottom: 0px;
490
+ --wds-carousel-controls-bottom-shift: -0.5;
491
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
492
+ --wds-carousel-controls-bottom-offset-dots: 37px;
493
+ --wds-carousel-controls-border-radius: 100px;
494
+ --wds-carousel-controls-border-disabled: none;
495
+ --wds-carousel-controls-border: none;
496
+ --wds-card-gallery-item-title-gap: 2px;
497
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
498
+ --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
499
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
500
+ --wds-card-gallery-item-image-side-size-small: 32px;
501
+ --wds-card-gallery-item-image-side-size-medium: 48px;
502
+ --wds-card-gallery-item-drag-handle-gap: 8px;
503
+ --wds-card-gallery-item-base-shadow: none;
504
+ --wds-card-gallery-item-actions-secondary-position: static;
505
+ --wds-card-gallery-item-actions-direction: column;
506
+ --wds-card-gallery-item-actions-align: center;
507
+ --wds-card-gallery-item-action-button-min-width: 72px;
508
+ --wds-card-subtitle-color: #44485f;
509
+ --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
510
+ --wds-card-header-suffix-align: flex-start;
511
+ --wds-card-divider-opacity: 0;
512
+ --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
513
+ --wds-calendar-padding-medium: 18px;
514
+ --wds-button-border-ai-secondary-ring-display: none;
515
+ --wds-button-border-ai-secondary-mask: none;
516
+ --wds-breadcrumbs-height-medium: 26px;
517
+ --wds-avatar-group-gap-condensed: -2px;
518
+ --wds-avatar-group-divider-width: 1.5px;
519
+ --wds-avatar-group-divider-radius: 1px;
520
+ --wds-avatar-group-divider-margin-start-condensed: 14px;
521
+ --wds-avatar-group-divider-margin-start: 4px;
522
+ --wds-avatar-group-divider-margin-end: 8px;
523
+ --wds-avatar-group-divider-inset-vertical: 8px;
524
+ --wds-avatar-group-counter-fill-gradient-1-mix: 100%;
525
+ --wds-avatar-group-counter-fill-gradient-1: #d0d0d0;
526
+ --wds-avatar-group-counter-background-blur: 4px;
527
+ --wds-avatar-group-condensed-ring-width: 1px;
528
+ --wds-avatar-group-condensed-counter-ring-width: 0px;
529
+ --wds-avatar-size-tiny: 20px;
530
+ --wds-announcement-modal-help-button-fill: transparent;
531
+ --wds-announcement-modal-footnote-content-alignment: start;
532
+ --wds-announcement-modal-close-button-icon-size: 8px;
533
+ --wds-angle-input-knob-size: 6px;
534
+ --wds-angle-input-knob-border: 2px;
535
+ --wds-accordion-inner-content-shadow-last: none;
536
+ --wds-accordion-inner-content-shadow: none;
537
+ --wds-width-default-2: var(--wds-border-width-none);
538
+ --wds-width-default: var(--wds-border-width-none);
539
+ --wds-outline-focus-outer: 3px solid var(--wds-color-blue-100);
540
+ --wds-outline-focus-inner: 1px solid var(--wds-color-white);
541
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-25);
542
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-25);
543
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-25);
544
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-25);
545
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-25);
546
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-25);
547
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-20);
548
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white);
549
+ --wds-inner-shadow-fill-primary: var(--wds-color-white);
550
+ --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
551
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
552
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
553
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
554
+ --wds-border-width-varied-secondary: var(--wds-border-width-0);
555
+ --wds-border-width-varied: var(--wds-border-width-0);
556
+ --wds-border-width-surface-modal: var(--wds-border-width-none);
557
+ --wds-border-width-default: var(--wds-border-width-100);
558
+ --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
559
+ --wds-border-radius-surface-raised: var(--wds-border-radius-600);
560
+ --wds-border-radius-surface-overlay: var(--wds-border-radius-400);
561
+ --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
562
+ --wds-border-radius-surface-modal: var(--wds-border-radius-600);
563
+ --wds-border-radius-surface-default: var(--wds-border-radius-600);
564
+ --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
565
+ --wds-background-blur-modal: var(--wds-background-blur-175);
566
+ --wds-space-viewport-spacing: var(--wds-space-1200);
567
+ --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
568
+ --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
569
+ --wds-space-padding-vertical-tiny: var(--wds-space-300);
570
+ --wds-space-padding-vertical-small: var(--wds-space-400);
571
+ --wds-space-padding-vertical-medium: var(--wds-space-500);
572
+ --wds-space-padding-vertical-large: var(--wds-space-600);
573
+ --wds-space-padding-horizontal-xx-tiny: var(--wds-space-100);
574
+ --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
575
+ --wds-space-padding-horizontal-tiny: var(--wds-space-300);
576
+ --wds-space-padding-horizontal-small: var(--wds-space-400);
577
+ --wds-space-padding-horizontal-medium: var(--wds-space-500);
578
+ --wds-space-padding-horizontal-large: var(--wds-space-600);
579
+ --wds-space-mobile-viewport-spacing: var(--wds-space-800);
580
+ --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
581
+ --wds-shadow-surface-raised: 1px 4px 4px 0 var(--wds-color-black-100-transparent-5), 0 1px 1px -1.5px var(--wds-color-black-100-transparent-5), 1px 0 2px -0.7px var(--wds-color-black-100-transparent-5), 0 1px 10px 0 var(--wds-color-black-100-transparent-5);
582
+ --wds-shadow-surface-modal: var(--wds-shadow-x-50) var(--wds-shadow-y-600) var(--wds-shadow-blur-800) var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) var(--wds-color-black-100-transparent-0);
583
+ --wds-shadow-focus-warning: 0 0 0 var(--wds-color-yellow-400);
584
+ --wds-shadow-focus-standard: 0 0 0 3px var(--wds-color-blue-300);
585
+ --wds-shadow-focus-inner-warning: 0 0 0 3px var(--wds-color-yellow-400) inset;
586
+ --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
587
+ --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
588
+ --wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
589
+ --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
590
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-5);
591
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-10);
592
+ --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
593
+ --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
594
+ --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
595
+ --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-0);
596
+ --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-0);
597
+ --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-5);
598
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-5);
599
+ --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-0);
600
+ --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
601
+ --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-5);
602
+ --wds-shadow-fill-primary-overlay-dark: var(--wds-color-black-100-transparent-15);
603
+ --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
604
+ --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-10);
605
+ --wds-shadow-fill-input: var(--wds-color-black-300-transparent-20);
606
+ --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
607
+ --wds-shadow-y-secondary-raised: var(--wds-shadow-y-0);
608
+ --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
609
+ --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-0);
610
+ --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
611
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
612
+ --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
613
+ --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
614
+ --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
615
+ --wds-shadow-y-primary-overlay: var(--wds-shadow-y-600);
616
+ --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
617
+ --wds-shadow-y-input: var(--wds-shadow-y-25);
618
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
619
+ --wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
620
+ --wds-shadow-x-input: var(--wds-shadow-x-25);
621
+ --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
622
+ --wds-shadow-inner-400-right: -32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
623
+ --wds-shadow-inner-400-left: 32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
624
+ --wds-shadow-inner-400-bottom: 0 -32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
625
+ --wds-shadow-inner-300-top: 0 22px 18px -18px var(--wds-color-black-100-transparent-10) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
626
+ --wds-shadow-inner-300-right: -22px 0 18px -18px var(--wds-color-black-100-transparent-10) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
627
+ --wds-shadow-inner-300-left: 22px 0 18px -18px var(--wds-color-black-100-transparent-10) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
628
+ --wds-shadow-inner-300-bottom: 0 -22px 18px -18px var(--wds-color-black-100-transparent-10) inset, 0 -8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
629
+ --wds-shadow-inner-400: 0 0 24px var(--wds-color-black-100-transparent-20) inset, 0 0 6px var(--wds-color-black-100-transparent-5) inset;
630
+ --wds-shadow-inner-300: 0 0 18px var(--wds-color-black-100-transparent-10) inset, 0 0 6px var(--wds-color-black-100-transparent-5) inset;
631
+ --wds-shadow-inner-200: 1px 1px 4px var(--wds-color-black-100-transparent-20) inset;
632
+ --wds-shadow-inner-100: 1px 1px 2px var(--wds-color-black-100-transparent-10) inset, 1px 1px 2px var(--wds-color-white-transparent-10);
633
+ --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0);
634
+ --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-25);
635
+ --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-0);
636
+ --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-0);
637
+ --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-0);
638
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-50);
639
+ --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0);
640
+ --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-135);
641
+ --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
642
+ --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-800);
643
+ --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
644
+ --wds-shadow-blur-input: var(--wds-shadow-blur-35);
645
+ --wds-shadow-400: 0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);
646
+ --wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-black-100-transparent-10), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-black-100-transparent-0);
647
+ --wds-shadow-200: 0 2px 4px var(--wds-color-black-100-transparent-5), 0 0 6px var(--wds-color-black-100-transparent-10);
648
+ --wds-shadow-100: 0 2px 1px var(--wds-color-black-100-transparent-50), 0 0 3px var(--wds-color-black-100-transparent-10);
649
+ --wds-font-weight-body-bold: var(--wds-font-weight-semi-bold);
650
+ --wds-font-weight-heading-6: var(--wds-font-weight-regular);
651
+ --wds-font-weight-heading-5: var(--wds-font-weight-bold);
652
+ --wds-font-weight-heading-4: var(--wds-font-weight-bold);
653
+ --wds-font-weight-heading-2: var(--wds-font-weight-medium);
654
+ --wds-font-weight-heading-1: var(--wds-font-weight-medium);
655
+ --wds-font-size-heading-6: var(--wds-font-size-200);
656
+ --wds-font-size-heading-5: var(--wds-font-size-100);
657
+ --wds-font-size-heading-4: var(--wds-font-size-500);
658
+ --wds-font-size-heading-3: var(--wds-font-size-500);
659
+ --wds-font-size-heading-2: var(--wds-font-size-800);
660
+ --wds-font-size-heading-1: var(--wds-font-size-900);
661
+ --wds-font-size-body-tiny: var(--wds-font-size-200);
662
+ --wds-font-size-body-small: var(--wds-font-size-300);
663
+ --wds-font-size-body-medium: var(--wds-font-size-500);
664
+ --wds-font-size-body-extra-tiny: var(--wds-font-size-100);
665
+ --wds-font-line-height-600: var(--wds-space-1000);
666
+ --wds-font-line-height-500: var(--wds-space-800);
667
+ --wds-font-line-height-400: var(--wds-space-600);
668
+ --wds-font-line-height-300: var(--wds-space-475);
669
+ --wds-font-line-height-200: var(--wds-space-400);
670
+ --wds-font-line-height-100: var(--wds-space-300);
671
+ --wds-font-line-height-50: var(--wds-space-350);
672
+ --wds-font-letter-spacing-heading-6: var(--wds-font-letter-spacing-100);
673
+ --wds-font-letter-spacing-heading-5: var(--wds-font-letter-spacing-100);
674
+ --wds-font-letter-spacing-heading-4: var(--wds-font-letter-spacing-0);
675
+ --wds-color-text-warning: var(--wds-color-yellow-100);
676
+ --wds-color-text-urgent: var(--wds-color-orange-100);
677
+ --wds-color-text-success: var(--wds-color-green-100);
678
+ --wds-color-text-standard-secondary-light: var(--wds-color-black-400);
679
+ --wds-color-text-standard-secondary: var(--wds-color-black-200);
680
+ --wds-color-text-standard-primary-light: var(--wds-color-white);
681
+ --wds-color-text-standard-primary: var(--wds-color-black-100);
682
+ --wds-color-text-stage-master: var(--wds-color-orange-100);
683
+ --wds-color-text-stage-element: var(--wds-color-blue-100);
684
+ --wds-color-text-primary: var(--wds-color-blue-100);
685
+ --wds-color-text-premium: var(--wds-color-blue-100);
686
+ --wds-color-text-placeholder-light: var(--wds-color-black-400);
687
+ --wds-color-text-placeholder: var(--wds-color-black-300);
688
+ --wds-color-text-highlight: var(--wds-color-blue-400);
689
+ --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
690
+ --wds-color-text-disabled: var(--wds-color-black-500);
691
+ --wds-color-text-destructive: var(--wds-color-red-100);
692
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-yellow-500);
693
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
694
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
695
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
696
+ --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
697
+ --wds-color-fill-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
698
+ --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-200);
699
+ --wds-color-fill-warning-secondary: var(--wds-color-yellow-400);
700
+ --wds-color-fill-warning-primary-hover: var(--wds-color-yellow-50);
701
+ --wds-color-fill-warning-primary-disabled: var(--wds-color-black-100-transparent-30);
702
+ --wds-color-fill-warning-primary-active: var(--wds-color-yellow-0);
703
+ --wds-color-fill-warning-primary: var(--wds-color-yellow-100);
704
+ --wds-color-fill-urgent-tertiary-hover: var(--wds-color-black-750);
705
+ --wds-color-fill-urgent-tertiary-disabled: var(--wds-color-white);
706
+ --wds-color-fill-urgent-tertiary-active: var(--wds-color-orange-400);
707
+ --wds-color-fill-urgent-tertiary: var(--wds-color-white);
708
+ --wds-color-fill-urgent-secondary-hover: var(--wds-color-orange-300);
709
+ --wds-color-fill-urgent-secondary-disabled: var(--wds-color-black-100-transparent-10);
710
+ --wds-color-fill-urgent-secondary-active: var(--wds-color-orange-200);
711
+ --wds-color-fill-urgent-secondary: var(--wds-color-orange-400);
712
+ --wds-color-fill-urgent-primary-hover: var(--wds-color-orange-50);
713
+ --wds-color-fill-urgent-primary-disabled: var(--wds-color-black-100-transparent-30);
714
+ --wds-color-fill-urgent-primary-active: var(--wds-color-orange-0);
715
+ --wds-color-fill-urgent-primary: var(--wds-color-orange-100);
716
+ --wds-color-fill-transparent-neutral-tertiary-hover: var(--wds-color-black-100-transparent-50);
717
+ --wds-color-fill-transparent-neutral-tertiary-disabled: var(--wds-color-black-100-transparent-0);
718
+ --wds-color-fill-transparent-neutral-tertiary-active: var(--wds-color-black-100-transparent-50);
719
+ --wds-color-fill-transparent-neutral-tertiary: var(--wds-color-black-100-transparent-0);
720
+ --wds-color-fill-transparent-neutral-secondary-hover: var(--wds-color-black-200-transparent-60);
721
+ --wds-color-fill-transparent-neutral-secondary-disabled: var(--wds-color-black-200-transparent-0);
722
+ --wds-color-fill-transparent-neutral-secondary-active: var(--wds-color-black-200-transparent-70);
723
+ --wds-color-fill-transparent-neutral-secondary: var(--wds-color-black-200-transparent-0);
724
+ --wds-color-fill-transparent-neutral-primary-hover: var(--wds-color-black-200-transparent-60);
725
+ --wds-color-fill-transparent-neutral-primary-disabled: var(--wds-color-black-100-transparent-20);
726
+ --wds-color-fill-transparent-neutral-primary-active: var(--wds-color-black-200-transparent-70);
727
+ --wds-color-fill-transparent-neutral-primary: var(--wds-color-black-200-transparent-50);
728
+ --wds-color-fill-transparent-tertiary-hover: var(--wds-color-black-100-transparent-50);
729
+ --wds-color-fill-transparent-tertiary-disabled: var(--wds-color-black-100-transparent-0);
730
+ --wds-color-fill-transparent-tertiary-active: var(--wds-color-black-100-transparent-50);
731
+ --wds-color-fill-transparent-tertiary: var(--wds-color-black-100-transparent-0);
732
+ --wds-color-fill-transparent-secondary-hover: var(--wds-color-black-200-transparent-60);
733
+ --wds-color-fill-transparent-secondary-disabled: var(--wds-color-black-200-transparent-0);
734
+ --wds-color-fill-transparent-secondary-active: var(--wds-color-black-200-transparent-70);
735
+ --wds-color-fill-transparent-secondary: var(--wds-color-black-200-transparent-0);
736
+ --wds-color-fill-transparent-primary-hover: var(--wds-color-black-200-transparent-60);
737
+ --wds-color-fill-transparent-primary-disabled: var(--wds-color-black-100-transparent-20);
738
+ --wds-color-fill-transparent-primary-active: var(--wds-color-black-200-transparent-70);
739
+ --wds-color-fill-transparent-primary: var(--wds-color-black-200-transparent-50);
740
+ --wds-color-fill-surface-warning: var(--wds-color-yellow-500);
741
+ --wds-color-fill-surface-sunken: var(--wds-color-black-750);
742
+ --wds-color-fill-surface-success: var(--wds-color-green-500);
743
+ --wds-color-fill-surface-standard: var(--wds-color-blue-400);
744
+ --wds-color-fill-surface-raised: var(--wds-color-white);
745
+ --wds-color-fill-surface-premium: var(--wds-color-blue-600);
746
+ --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
747
+ --wds-color-fill-surface-overlay: var(--wds-color-white);
748
+ --wds-color-fill-surface-neutral: var(--wds-color-black-750);
749
+ --wds-color-fill-surface-modal: var(--wds-color-white);
750
+ --wds-color-fill-surface-destructive: var(--wds-color-red-500);
751
+ --wds-color-fill-surface-default: var(--wds-color-white);
752
+ --wds-color-fill-surface-dark: var(--wds-color-black-100);
753
+ --wds-color-fill-success-tertiary-hover: var(--wds-color-green-500);
754
+ --wds-color-fill-success-tertiary-disabled: var(--wds-color-white);
755
+ --wds-color-fill-success-tertiary-active: var(--wds-color-green-400);
756
+ --wds-color-fill-success-tertiary: var(--wds-color-white);
757
+ --wds-color-fill-success-secondary-hover: var(--wds-color-green-300);
758
+ --wds-color-fill-success-secondary-disabled: var(--wds-color-black-100-transparent-10);
759
+ --wds-color-fill-success-secondary-active: var(--wds-color-green-400);
760
+ --wds-color-fill-success-secondary: var(--wds-color-green-400);
761
+ --wds-color-fill-success-primary-hover: var(--wds-color-green-50);
762
+ --wds-color-fill-success-primary-disabled: var(--wds-color-black-100-transparent-30);
763
+ --wds-color-fill-success-primary-active: var(--wds-color-green-0);
764
+ --wds-color-fill-success-primary: var(--wds-color-green-100);
765
+ --wds-color-fill-standard-light-secondary-hover: var(--wds-color-blue-250);
766
+ --wds-color-fill-standard-light-secondary-disabled: var(--wds-color-white-transparent-30);
767
+ --wds-color-fill-standard-light-secondary-active: var(--wds-color-blue-200);
768
+ --wds-color-fill-standard-light-secondary: var(--wds-color-white);
769
+ --wds-color-fill-standard-light-primary-hover: var(--wds-color-blue-250);
770
+ --wds-color-fill-standard-light-primary-disabled: var(--wds-color-white-transparent-30);
771
+ --wds-color-fill-standard-light-primary-active: var(--wds-color-blue-200);
772
+ --wds-color-fill-standard-light-primary: var(--wds-color-blue-250);
773
+ --wds-color-fill-standard-tertiary-readonly: var(--wds-color-black-700);
774
+ --wds-color-fill-standard-tertiary-hover: var(--wds-color-blue-500);
775
+ --wds-color-fill-standard-tertiary-disabled: var(--wds-color-white);
776
+ --wds-color-fill-standard-tertiary-active: var(--wds-color-blue-400);
777
+ --wds-color-fill-standard-tertiary: var(--wds-color-white);
778
+ --wds-color-fill-standard-secondary-hover: var(--wds-color-blue-300);
779
+ --wds-color-fill-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
780
+ --wds-color-fill-standard-secondary-active: var(--wds-color-blue-250);
781
+ --wds-color-fill-standard-secondary: var(--wds-color-blue-400);
782
+ --wds-color-fill-standard-primary-hover: var(--wds-color-blue-50);
783
+ --wds-color-fill-standard-primary-disabled: var(--wds-color-black-100-transparent-30);
784
+ --wds-color-fill-standard-primary-active: var(--wds-color-blue-0);
785
+ --wds-color-fill-standard-primary: var(--wds-color-blue-100);
786
+ --wds-color-fill-stage-section-secondary-disabled: var(--wds-color-black-100-transparent-10);
787
+ --wds-color-fill-stage-section-primary-disabled: var(--wds-color-black-100-transparent-30);
788
+ --wds-color-fill-stage-padding-disabled: var(--wds-color-black-100-transparent-10);
789
+ --wds-color-fill-stage-master-secondary-hover: var(--wds-color-orange-300);
790
+ --wds-color-fill-stage-master-secondary-disabled: var(--wds-color-black-100-transparent-10);
791
+ --wds-color-fill-stage-master-secondary-active: var(--wds-color-orange-200);
792
+ --wds-color-fill-stage-master-secondary: var(--wds-color-orange-400);
793
+ --wds-color-fill-stage-master-primary-hover: var(--wds-color-orange-0);
794
+ --wds-color-fill-stage-master-primary-disabled: var(--wds-color-black-100-transparent-30);
795
+ --wds-color-fill-stage-master-primary-active: var(--wds-color-orange-100);
796
+ --wds-color-fill-stage-master-primary: var(--wds-color-orange-100);
797
+ --wds-color-fill-stage-element-secondary-hover: var(--wds-color-blue-300);
798
+ --wds-color-fill-stage-element-secondary-disabled: var(--wds-color-black-100-transparent-10);
799
+ --wds-color-fill-stage-element-secondary-active: var(--wds-color-blue-200);
800
+ --wds-color-fill-stage-element-secondary: var(--wds-color-blue-400);
801
+ --wds-color-fill-stage-element-primary-hover: var(--wds-color-blue-50);
802
+ --wds-color-fill-stage-element-primary-disabled: var(--wds-color-black-100-transparent-30);
803
+ --wds-color-fill-stage-element-primary-active: var(--wds-color-blue-0);
804
+ --wds-color-fill-stage-element-primary: var(--wds-color-blue-100);
805
+ --wds-color-fill-stage-anchor-disabled: var(--wds-color-black-100-transparent-30);
806
+ --wds-color-fill-premium-light-secondary-hover: var(--wds-color-blue-500);
807
+ --wds-color-fill-premium-light-secondary-disabled: var(--wds-color-white-transparent-0);
808
+ --wds-color-fill-premium-light-secondary-active: var(--wds-color-blue-400);
809
+ --wds-color-fill-premium-light-secondary: var(--wds-color-white-transparent-0);
810
+ --wds-color-fill-premium-light-primary-hover: var(--wds-color-blue-500);
811
+ --wds-color-fill-premium-light-primary-disabled: var(--wds-color-white-transparent-30);
812
+ --wds-color-fill-premium-light-primary-active: var(--wds-color-blue-400);
813
+ --wds-color-fill-premium-light-primary: var(--wds-color-white);
814
+ --wds-color-fill-premium-tertiary-hover: var(--wds-color-blue-500);
815
+ --wds-color-fill-premium-tertiary-disabled: var(--wds-color-white);
816
+ --wds-color-fill-premium-tertiary-active: var(--wds-color-blue-400);
817
+ --wds-color-fill-premium-tertiary: var(--wds-color-white);
818
+ --wds-color-fill-premium-secondary-hover: var(--wds-color-blue-300);
819
+ --wds-color-fill-premium-secondary-disabled: var(--wds-color-black-100-transparent-10);
820
+ --wds-color-fill-premium-secondary-active: var(--wds-color-blue-250);
821
+ --wds-color-fill-premium-secondary: var(--wds-color-blue-400);
822
+ --wds-color-fill-premium-primary-hover: var(--wds-color-blue-50);
823
+ --wds-color-fill-premium-primary-disabled: var(--wds-color-black-100-transparent-30);
824
+ --wds-color-fill-premium-primary-active: var(--wds-color-blue-0);
825
+ --wds-color-fill-premium-primary: var(--wds-color-blue-100);
826
+ --wds-color-fill-light-tertiary-hover: var(--wds-color-blue-500);
827
+ --wds-color-fill-light-tertiary-disabled: var(--wds-color-white-transparent-0);
828
+ --wds-color-fill-light-tertiary-active: var(--wds-color-blue-400);
829
+ --wds-color-fill-light-tertiary: var(--wds-color-white);
830
+ --wds-color-fill-light-secondary-hover: var(--wds-color-blue-500);
831
+ --wds-color-fill-light-secondary-disabled: var(--wds-color-white-transparent-0);
832
+ --wds-color-fill-light-secondary-active: var(--wds-color-blue-400);
833
+ --wds-color-fill-light-secondary: var(--wds-color-white-transparent-0);
834
+ --wds-color-fill-light-primary-hover: var(--wds-color-blue-500);
835
+ --wds-color-fill-light-primary-disabled: var(--wds-color-white-transparent-30);
836
+ --wds-color-fill-light-primary-active: var(--wds-color-blue-400);
837
+ --wds-color-fill-light-primary: var(--wds-color-white);
838
+ --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
839
+ --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
840
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
841
+ --wds-color-fill-destructive-tertiary: var(--wds-color-white);
842
+ --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
843
+ --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
844
+ --wds-color-fill-destructive-secondary-active: var(--wds-color-red-200);
845
+ --wds-color-fill-destructive-secondary: var(--wds-color-red-400);
846
+ --wds-color-fill-destructive-primary-hover: var(--wds-color-red-50);
847
+ --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
848
+ --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
849
+ --wds-color-fill-destructive-primary: var(--wds-color-red-100);
850
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
851
+ --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
852
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
853
+ --wds-color-fill-dark-tertiary: var(--wds-color-white);
854
+ --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
855
+ --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
856
+ --wds-color-fill-dark-secondary-active: var(--wds-color-black-550);
857
+ --wds-color-fill-dark-secondary: var(--wds-color-black-700);
858
+ --wds-color-fill-dark-primary-hover: var(--wds-color-black-200);
859
+ --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
860
+ --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
861
+ --wds-color-fill-dark-primary: var(--wds-color-black-100);
862
+ --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
863
+ --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
864
+ --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
865
+ --wds-color-border-warning-tertiary: var(--wds-color-black-600);
866
+ --wds-color-border-warning-secondary-hover: var(--wds-color-yellow-300);
867
+ --wds-color-border-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
868
+ --wds-color-border-warning-secondary-active: var(--wds-color-yellow-100);
869
+ --wds-color-border-warning-secondary: var(--wds-color-yellow-400);
870
+ --wds-color-border-warning-primary-hover: var(--wds-color-yellow-200);
871
+ --wds-color-border-warning-primary-disabled: var(--wds-color-black-100-transparent-10);
872
+ --wds-color-border-warning-primary-active: var(--wds-color-yellow-100);
873
+ --wds-color-border-warning-primary: var(--wds-color-yellow-300);
874
+ --wds-color-border-urgent-tertiary-hover: var(--wds-color-orange-500);
875
+ --wds-color-border-urgent-tertiary-disabled: var(--wds-color-black-100-transparent-10);
876
+ --wds-color-border-urgent-tertiary-active: var(--wds-color-orange-400);
877
+ --wds-color-border-urgent-tertiary: var(--wds-color-black-600);
878
+ --wds-color-border-urgent-secondary-hover: var(--wds-color-orange-300);
879
+ --wds-color-border-urgent-secondary-disabled: var(--wds-color-black-100-transparent-10);
880
+ --wds-color-border-urgent-secondary-active: var(--wds-color-orange-100);
881
+ --wds-color-border-urgent-secondary: var(--wds-color-orange-400);
882
+ --wds-color-border-urgent-primary-hover: var(--wds-color-orange-200);
883
+ --wds-color-border-urgent-primary-disabled: var(--wds-color-black-100-transparent-10);
884
+ --wds-color-border-urgent-primary-active: var(--wds-color-orange-100);
885
+ --wds-color-border-urgent-primary: var(--wds-color-orange-300);
886
+ --wds-color-border-transparent-primary-hover: var(--wds-color-black-100-transparent-40);
887
+ --wds-color-border-transparent-primary-disabled: var(--wds-color-black-100-transparent-10);
888
+ --wds-color-border-transparent-primary-active: var(--wds-color-black-100-transparent-20);
889
+ --wds-color-border-transparent-primary: var(--wds-color-black-100-transparent-20);
890
+ --wds-color-border-surface-modal: var(--wds-color-black-100-transparent-0);
891
+ --wds-color-border-success-tertiary-hover: var(--wds-color-green-500);
892
+ --wds-color-border-success-tertiary-disabled: var(--wds-color-black-100-transparent-10);
893
+ --wds-color-border-success-tertiary-active: var(--wds-color-green-400);
894
+ --wds-color-border-success-tertiary: var(--wds-color-black-600);
895
+ --wds-color-border-success-secondary-hover: var(--wds-color-green-300);
896
+ --wds-color-border-success-secondary-disabled: var(--wds-color-black-100-transparent-10);
897
+ --wds-color-border-success-secondary-active: var(--wds-color-green-100);
898
+ --wds-color-border-success-secondary: var(--wds-color-green-400);
899
+ --wds-color-border-success-primary-hover: var(--wds-color-green-200);
900
+ --wds-color-border-success-primary-disabled: var(--wds-color-black-100-transparent-10);
901
+ --wds-color-border-success-primary-active: var(--wds-color-green-100);
902
+ --wds-color-border-success-primary: var(--wds-color-green-300);
903
+ --wds-color-border-standard-tertiary-hover: var(--wds-color-blue-500);
904
+ --wds-color-border-standard-tertiary-disabled: var(--wds-color-black-100-transparent-10);
905
+ --wds-color-border-standard-tertiary-active: var(--wds-color-blue-400);
906
+ --wds-color-border-standard-tertiary: var(--wds-color-black-600);
907
+ --wds-color-border-standard-secondary-readonly: var(--wds-color-black-600);
908
+ --wds-color-border-standard-secondary-hover: var(--wds-color-blue-300);
909
+ --wds-color-border-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
910
+ --wds-color-border-standard-secondary-active: var(--wds-color-blue-100);
911
+ --wds-color-border-standard-secondary: var(--wds-color-blue-500);
912
+ --wds-color-border-standard-primary-hover: var(--wds-color-blue-200);
913
+ --wds-color-border-standard-primary-disabled: var(--wds-color-black-100-transparent-10);
914
+ --wds-color-border-standard-primary-active: var(--wds-color-blue-100);
915
+ --wds-color-border-standard-primary: var(--wds-color-blue-250);
916
+ --wds-color-border-premium-tertiary-hover: var(--wds-color-blue-400);
917
+ --wds-color-border-premium-tertiary-disabled: var(--wds-color-black-100-transparent-10);
918
+ --wds-color-border-premium-tertiary-active: var(--wds-color-blue-300);
919
+ --wds-color-border-premium-tertiary: var(--wds-color-black-600);
920
+ --wds-color-border-premium-secondary-hover: var(--wds-color-blue-300);
921
+ --wds-color-border-premium-secondary-disabled: var(--wds-color-black-100-transparent-10);
922
+ --wds-color-border-premium-secondary-active: var(--wds-color-blue-100);
923
+ --wds-color-border-premium-secondary: var(--wds-color-blue-400);
924
+ --wds-color-border-premium-primary-hover: var(--wds-color-blue-200);
925
+ --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
926
+ --wds-color-border-premium-primary-active: var(--wds-color-blue-100);
927
+ --wds-color-border-premium-primary: var(--wds-color-blue-300);
928
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
929
+ --wds-color-border-light-primary-active: var(--wds-color-white);
930
+ --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
931
+ --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
932
+ --wds-color-border-light-active: var(--wds-color-white);
933
+ --wds-color-border-light: var(--wds-color-white-transparent-50);
934
+ --wds-color-border-destructive-tertiary-hover: var(--wds-color-red-500);
935
+ --wds-color-border-destructive-tertiary-disabled: var(--wds-color-black-100-transparent-10);
936
+ --wds-color-border-destructive-tertiary-active: var(--wds-color-red-400);
937
+ --wds-color-border-destructive-tertiary: var(--wds-color-black-600);
938
+ --wds-color-border-destructive-secondary-hover: var(--wds-color-red-300);
939
+ --wds-color-border-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
940
+ --wds-color-border-destructive-secondary-active: var(--wds-color-red-100);
941
+ --wds-color-border-destructive-secondary: var(--wds-color-red-400);
942
+ --wds-color-border-destructive-primary-hover: var(--wds-color-red-200);
943
+ --wds-color-border-destructive-primary-disabled: var(--wds-color-black-100-transparent-10);
944
+ --wds-color-border-destructive-primary-active: var(--wds-color-red-100);
945
+ --wds-color-border-destructive-primary: var(--wds-color-red-300);
946
+ --wds-color-border-dark-secondary-hover: var(--wds-color-black-550);
947
+ --wds-color-border-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
948
+ --wds-color-border-dark-secondary-active: var(--wds-color-black-550);
949
+ --wds-color-border-dark-secondary: var(--wds-color-black-550);
950
+ --wds-color-border-dark-primary-hover: var(--wds-color-black-300);
951
+ --wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
952
+ --wds-color-border-dark-primary-active: var(--wds-color-black-200);
953
+ --wds-color-border-dark-primary: var(--wds-color-black-400);
954
+ --wds-vertical-tabs-item-padding-vertical-tiny: var(--wds-space-100);
955
+ --wds-vertical-tabs-item-padding-vertical-small: var(--wds-space-200);
956
+ --wds-vertical-tabs-item-padding-vertical-medium: var(--wds-space-200);
957
+ --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-300);
958
+ --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
959
+ --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
960
+ --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
961
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-white-transparent-0);
962
+ --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-white-transparent-0);
963
+ --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-white-transparent-0);
964
+ --wds-vertical-tabs-item-fill-standard: var(--wds-color-white-transparent-0);
965
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-white-transparent-0);
966
+ --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-white-transparent-0);
967
+ --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-white-transparent-0);
968
+ --wds-vertical-tabs-item-fill-neutral: var(--wds-color-white-transparent-0);
969
+ --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-white-transparent-0);
970
+ --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-white-transparent-0);
971
+ --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-white-transparent-0);
972
+ --wds-vertical-tabs-item-fill-light: var(--wds-color-white-transparent-0);
973
+ --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
974
+ --wds-vertical-tabs-section-title-padding-top-small: var(--wds-space-400);
975
+ --wds-vertical-tabs-section-title-padding-top-medium: var(--wds-space-600);
976
+ --wds-vertical-tabs-section-title-padding-horizontal-tiny: var(--wds-space-300);
977
+ --wds-vertical-tabs-section-title-padding-horizontal-small: var(--wds-space-300);
978
+ --wds-vertical-tabs-section-title-padding-horizontal-medium: var(--wds-space-600);
979
+ --wds-vertical-tabs-section-title-padding-bottom-tiny: var(--wds-space-100);
980
+ --wds-vertical-tabs-section-title-padding-bottom-small: var(--wds-space-300);
981
+ --wds-vertical-tabs-section-title-padding-bottom-medium: var(--wds-space-300);
982
+ --wds-vertical-tabs-section-text-font-weight-small: var(--wds-font-weight-bold);
983
+ --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
984
+ --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
985
+ --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
986
+ --wds-vertical-tabs-icon-padding-horizontal-medium: var(--wds-space-200);
987
+ --wds-vertical-tabs-gaps-vertical: var(--wds-space-50);
988
+ --wds-vertical-tabs-gaps-horizontal: var(--wds-space-300);
989
+ --wds-vertical-tabs-action-radius: var(--wds-border-radius-400);
990
+ --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
991
+ --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-300);
992
+ --wds-vertical-tabs-action-padding-vertical-medium: var(--wds-space-300);
993
+ --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-300);
994
+ --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-300);
995
+ --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
996
+ --wds-top-banner-padding-vertical: var(--wds-space-0);
997
+ --wds-top-banner-padding-horizontal-start: var(--wds-space-750);
998
+ --wds-top-banner-padding-horizontal-end: var(--wds-space-300);
999
+ --wds-top-banner-fill: var(--wds-color-iris-500);
1000
+ --wds-top-banner-dismiss-gap: var(--wds-space-500);
1001
+ --wds-top-banner-content-gap: var(--wds-space-300);
1002
+ --wds-top-banner-border-radius: var(--wds-border-radius-400);
1003
+ --wds-top-banner-border-color: var(--wds-color-white);
1004
+ --wds-tooltip-shadow: var(--wds-color-black-100-transparent-0);
1005
+ --wds-tooltip-padding-vertical-small: var(--wds-space-150);
1006
+ --wds-tooltip-padding-vertical-medium: var(--wds-space-150);
1007
+ --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
1008
+ --wds-tooltip-padding-horizontal-medium: var(--wds-space-200);
1009
+ --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-medium);
1010
+ --wds-tooltip-border-width: var(--wds-border-width-none);
1011
+ --wds-tooltip-border-radius: var(--wds-border-radius-300);
1012
+ --wds-tooltip-border-fill: var(--wds-color-black-100-transparent-0);
1013
+ --wds-toggle-switch-padding: var(--wds-space-25);
1014
+ --wds-toggle-switch-fill-standard: var(--wds-color-black-400);
1015
+ --wds-toggle-switch-border-urgent-disabled: var(--wds-color-black-100-transparent-0);
1016
+ --wds-toggle-switch-border-success-disabled: var(--wds-color-black-100-transparent-0);
1017
+ --wds-toggle-switch-border-standard-disabled: var(--wds-color-black-100-transparent-0);
1018
+ --wds-toggle-switch-border-error-disabled: var(--wds-color-black-100-transparent-0);
1019
+ --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-tertiary-toggle-button);
1020
+ --wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-secondary-toggle-button);
1021
+ --wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-tertiary-toggle-button);
1022
+ --wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-secondary-toggle-button);
1023
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-5);
1024
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-10);
1025
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-5);
1026
+ --wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-tertiary-toggle-button);
1027
+ --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-secondary-toggle-button);
1028
+ --wds-toggle-button-padding-tiny-round: var(--wds-space-300);
1029
+ --wds-toggle-button-padding-tiny: var(--wds-space-200);
1030
+ --wds-toggle-button-padding-small-round: var(--wds-space-400);
1031
+ --wds-toggle-button-padding-small: var(--wds-space-300);
1032
+ --wds-toggle-button-padding-medium-round: var(--wds-space-500);
1033
+ --wds-toggle-button-padding-medium: var(--wds-space-300);
1034
+ --wds-toggle-button-padding-large-round: var(--wds-space-600);
1035
+ --wds-toggle-button-padding-large: var(--wds-space-600);
1036
+ --wds-toggle-button-label-font-weight-standard-secondary-selected: var(--wds-font-weight-semi-bold);
1037
+ --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-semi-bold);
1038
+ --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-semi-bold);
1039
+ --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-semi-bold);
1040
+ --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-black-500);
1041
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: var(--wds-color-blue-50);
1042
+ --wds-toggle-button-label-fill-standard-hover: var(--wds-color-blue-50);
1043
+ --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-black-500);
1044
+ --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-black-500);
1045
+ --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-black-500);
1046
+ --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-black-500);
1047
+ --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-black-500);
1048
+ --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-25);
1049
+ --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-25);
1050
+ --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-25);
1051
+ --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-25);
1052
+ --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white);
1053
+ --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white);
1054
+ --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-blue-400);
1055
+ --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-black-700);
1056
+ --wds-toggle-button-fill-standard-selected: var(--wds-color-blue-500);
1057
+ --wds-toggle-button-fill-standard-secondary-selected-hover: var(--wds-color-blue-400);
1058
+ --wds-toggle-button-fill-standard-secondary-selected: var(--wds-color-blue-500);
1059
+ --wds-toggle-button-fill-standard-secondary-hover: var(--wds-color-blue-500);
1060
+ --wds-toggle-button-fill-standard-hover: var(--wds-color-black-100-transparent-0);
1061
+ --wds-toggle-button-fill-standard-disabled: var(--wds-color-black-100-transparent-0);
1062
+ --wds-toggle-button-fill-standard: var(--wds-color-black-100-transparent-0);
1063
+ --wds-toggle-button-fill-inverted-selected-disabled: var(--wds-color-black-700);
1064
+ --wds-toggle-button-fill-inverted-disabled: var(--wds-color-black-100-transparent-0);
1065
+ --wds-toggle-button-fill-inverted: var(--wds-color-black-100-transparent-0);
1066
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-black-550);
1067
+ --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-black-700);
1068
+ --wds-toggle-button-fill-dark-selected: var(--wds-color-black-550);
1069
+ --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
1070
+ --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
1071
+ --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-300);
1072
+ --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
1073
+ --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
1074
+ --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
1075
+ --wds-toggle-button-border-color-standard-hover: var(--wds-color-blue-300);
1076
+ --wds-toggle-button-border-color-standard-disabled: var(--wds-color-white-transparent-0);
1077
+ --wds-toggle-button-border-color-standard: var(--wds-color-white-transparent-0);
1078
+ --wds-toggle-button-border-color-inverted-hover: var(--wds-color-white-transparent-0);
1079
+ --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-white-transparent-0);
1080
+ --wds-toggle-button-border-color-inverted: var(--wds-color-white-transparent-0);
1081
+ --wds-toggle-button-border-color-dark-hover: var(--wds-color-white-transparent-0);
1082
+ --wds-toggle-button-border-color-dark-disabled: var(--wds-color-white-transparent-0);
1083
+ --wds-toggle-button-border-color-dark: var(--wds-color-white-transparent-0);
1084
+ --wds-toast-vertical-padding: var(--wds-space-200);
1085
+ --wds-toast-horizontal-padding: var(--wds-space-300);
1086
+ --wds-toast-border-radius: var(--wds-border-radius-400);
1087
+ --wds-thumbnail-title-padding-top: var(--wds-space-100);
1088
+ --wds-thumbnail-overlay-fill: var(--wds-color-white-transparent-0);
1089
+ --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
1090
+ --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
1091
+ --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
1092
+ --wds-thumbnail-gap: var(--wds-space-300);
1093
+ --wds-thumbnail-fill-secondary: var(--wds-color-black-750);
1094
+ --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
1095
+ --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
1096
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-black-550);
1097
+ --wds-thumbnail-border-width-selected: var(--wds-border-width-200);
1098
+ --wds-thumbnail-border-width-hover: var(--wds-border-width-100);
1099
+ --wds-thumbnail-border-width-default: var(--wds-border-width-100);
1100
+ --wds-thumbnail-border-radius: var(--wds-border-radius-400);
1101
+ --wds-text-button-size-tiny: var(--wds-space-300);
1102
+ --wds-text-button-size-small: var(--wds-space-400);
1103
+ --wds-text-button-size-medium: var(--wds-space-475);
1104
+ --wds-text-button-font-weight-thin: var(--wds-font-weight-medium);
1105
+ --wds-text-button-font-weight-normal: var(--wds-font-weight-semi-bold);
1106
+ --wds-testimonial-list-gap: var(--wds-space-600);
1107
+ --wds-tag-list-action-gap: var(--wds-space-300);
1108
+ --wds-tag-transparent-warning-label-color: var(--wds-color-yellow-0);
1109
+ --wds-tag-transparent-success-label-color: var(--wds-color-green-50);
1110
+ --wds-tag-size-tiny: var(--wds-space-500);
1111
+ --wds-tag-size-small: var(--wds-space-600);
1112
+ --wds-tag-size-medium: var(--wds-space-700);
1113
+ --wds-tag-size-large: var(--wds-space-800);
1114
+ --wds-tag-padding-vertical-tiny: var(--wds-space-0);
1115
+ --wds-tag-padding-vertical-small: var(--wds-space-50);
1116
+ --wds-tag-padding-vertical-medium: var(--wds-space-100);
1117
+ --wds-tag-padding-vertical-large: var(--wds-space-50);
1118
+ --wds-tag-padding-horizontal-tiny: var(--wds-space-250);
1119
+ --wds-tag-padding-horizontal-small: var(--wds-space-300);
1120
+ --wds-tag-padding-horizontal-medium: var(--wds-space-300);
1121
+ --wds-tag-padding-horizontal-large: var(--wds-space-400);
1122
+ --wds-tag-outlined-warning-fill: var(--wds-color-yellow-500);
1123
+ --wds-tag-outlined-warning-border-color: var(--wds-color-yellow-200);
1124
+ --wds-tag-outlined-success-fill: var(--wds-color-green-500);
1125
+ --wds-tag-outlined-success-border-color: var(--wds-color-green-200);
1126
+ --wds-tag-outlined-standard-fill: var(--wds-color-blue-500);
1127
+ --wds-tag-outlined-standard-border-color: var(--wds-color-blue-250);
1128
+ --wds-tag-outlined-neutral-fill: var(--wds-color-white);
1129
+ --wds-tag-outlined-neutral-border-color: var(--wds-color-black-500);
1130
+ --wds-tag-outlined-error-fill: var(--wds-color-red-600);
1131
+ --wds-tag-outlined-error-border-color: var(--wds-color-red-200);
1132
+ --wds-tag-outlined-dark-fill: var(--wds-color-black-100-transparent-0);
1133
+ --wds-tag-border-radius-tiny: var(--wds-border-radius-200);
1134
+ --wds-tag-border-radius-small: var(--wds-border-radius-200);
1135
+ --wds-tag-border-radius-medium: var(--wds-border-radius-200);
1136
+ --wds-tag-border-radius-large: var(--wds-border-radius-200);
1137
+ --wds-tabs-selection-fill-secondary: var(--wds-color-black-100-transparent-0);
1138
+ --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
1139
+ --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
1140
+ --wds-tabs-padding-vertical-small-medium: var(--wds-space-150);
1141
+ --wds-tabs-padding-vertical-small: var(--wds-space-100);
1142
+ --wds-tabs-padding-vertical-medium: var(--wds-space-175);
1143
+ --wds-tabs-padding-horizontal-small-medium: var(--wds-space-300);
1144
+ --wds-tabs-padding-horizontal-small: var(--wds-space-200);
1145
+ --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
1146
+ --wds-tabs-label-font-weight-active: var(--wds-font-weight-medium);
1147
+ --wds-tabs-label-font-weight: var(--wds-font-weight-medium);
1148
+ --wds-tabs-label-fill: var(--wds-color-black-300);
1149
+ --wds-tabs-item-gap-small-medium: var(--wds-space-150);
1150
+ --wds-tabs-item-gap-small: var(--wds-space-150);
1151
+ --wds-tabs-item-gap-medium: var(--wds-space-200);
1152
+ --wds-tabs-item-fill-active: var(--wds-color-black-600);
1153
+ --wds-tabs-gap-horizontal: var(--wds-space-100);
1154
+ --wds-tabs-container-padding-horizontal: var(--wds-space-400);
1155
+ --wds-tabs-border-radius: var(--wds-border-radius-300);
1156
+ --wds-table-list-item-paddings: var(--wds-space-0);
1157
+ --wds-table-list-item-indentation-level-3: var(--wds-space-700);
1158
+ --wds-table-list-item-indentation-level-2: var(--wds-space-300);
1159
+ --wds-table-list-item-gap: var(--wds-space-400);
1160
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
1161
+ --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
1162
+ --wds-table-list-item-controls-gap-medium: var(--wds-space-100);
1163
+ --wds-table-list-item-checkbox-offset: var(--wds-space-100);
1164
+ --wds-table-list-item-border-radius: var(--wds-border-radius-600);
1165
+ --wds-table-list-item-border-color: var(--wds-color-black-550);
1166
+ --wds-table-list-header-text-weight: var(--wds-font-weight-regular);
1167
+ --wds-table-list-header-text-fill: var(--wds-color-black-400);
1168
+ --wds-table-list-header-padding-inline: var(--wds-space-600);
1169
+ --wds-table-list-header-option-margin-inline: var(--wds-space-0);
1170
+ --wds-table-list-header-option-gap: var(--wds-space-400);
1171
+ --wds-table-list-header-min-height: var(--wds-space-1200);
1172
+ --wds-table-list-header-icon-size: var(--wds-space-250);
1173
+ --wds-table-list-header-icon-fill: var(--wds-color-black-300);
1174
+ --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
1175
+ --wds-table-list-header-divider-fill-bottom: var(--wds-color-black-700);
1176
+ --wds-table-list-header-checkbox-padding-right: var(--wds-space-250);
1177
+ --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
1178
+ --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
1179
+ --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
1180
+ --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
1181
+ --wds-table-action-cell-primary-action-gap-tiny: var(--wds-space-200);
1182
+ --wds-table-action-cell-primary-action-gap-small: var(--wds-space-200);
1183
+ --wds-table-action-cell-primary-action-gap-medium: var(--wds-space-200);
1184
+ --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
1185
+ --wds-table-sub-toolbar-padding-block-start: var(--wds-space-200);
1186
+ --wds-table-sub-toolbar-padding-block-end: var(--wds-space-400);
1187
+ --wds-table-row-divider-fill: var(--wds-color-black-100-transparent-0);
1188
+ --wds-table-region-divider-fill: var(--wds-color-black-100-transparent-0);
1189
+ --wds-table-header-font-weight: var(--wds-font-weight-medium);
1190
+ --wds-table-cell-padding-inline: var(--wds-space-200);
1191
+ --wds-swatches-swatch-size-small: var(--wds-space-700);
1192
+ --wds-swatches-swatch-size-medium: var(--wds-space-900);
1193
+ --wds-swatches-swatch-size-large: var(--wds-space-1100);
1194
+ --wds-swatches-swatch-size-extra-tiny: var(--wds-space-400);
1195
+ --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-full);
1196
+ --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-full);
1197
+ --wds-swatches-swatch-active-border-radius-small: var(--wds-border-radius-full);
1198
+ --wds-swatches-swatch-active-border-radius-medium: var(--wds-border-radius-full);
1199
+ --wds-swatches-list-padding-vertical: var(--wds-space-300);
1200
+ --wds-swatches-list-padding-horizontal: var(--wds-space-400);
1201
+ --wds-swatches-list-gap: var(--wds-space-300);
1202
+ --wds-swatches-fill-border-disabled: var(--wds-color-black-100-transparent-5);
1203
+ --wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
1204
+ --wds-stepper-prefix-size-number: var(--wds-space-475);
1205
+ --wds-stepper-prefix-size-circle: var(--wds-space-550);
1206
+ --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
1207
+ --wds-statistics-widget-trend-space-top: var(--wds-space-0);
1208
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1209
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
1210
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
1211
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
1212
+ --wds-statistics-widget-description-info-gap: var(--wds-space-50);
1213
+ --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
1214
+ --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1215
+ --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
1216
+ --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
1217
+ --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300);
1218
+ --wds-slider-track-color-disabled: var(--wds-color-black-500);
1219
+ --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
1220
+ --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
1221
+ --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
1222
+ --wds-slider-slider-mark-size: var(--wds-space-200);
1223
+ --wds-skeleton-fill-light: var(--wds-color-black-700);
1224
+ --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1225
+ --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1226
+ --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1227
+ --wds-sidebar-scrollbar-fill-neutral-hover: var(--wds-color-black-500);
1228
+ --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
1229
+ --wds-sidebar-scrollbar-fill-light-hover: var(--wds-color-black-500);
1230
+ --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
1231
+ --wds-sidebar-padding-top: var(--wds-space-600);
1232
+ --wds-sidebar-padding-start: var(--wds-space-300);
1233
+ --wds-sidebar-padding-end: var(--wds-space-350);
1234
+ --wds-sidebar-padding-bottom: var(--wds-space-600);
1235
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1236
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-400);
1237
+ --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1238
+ --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1239
+ --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
1240
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: var(--wds-color-white);
1241
+ --wds-sidebar-minimize-tooltip-fill-light-default: var(--wds-color-white);
1242
+ --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
1243
+ --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-black-600);
1244
+ --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-black-600);
1245
+ --wds-sidebar-item-text-margin-block: var(--wds-space-150);
1246
+ --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1247
+ --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1248
+ --wds-sidebar-item-suffix-gap: var(--wds-space-250);
1249
+ --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
1250
+ --wds-sidebar-item-prefix-margin-block: var(--wds-space-150);
1251
+ --wds-sidebar-item-prefix-gap: var(--wds-space-200);
1252
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-200);
1253
+ --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
1254
+ --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
1255
+ --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
1256
+ --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
1257
+ --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
1258
+ --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
1259
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1300);
1260
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: var(--wds-space-1300);
1261
+ --wds-sidebar-item-level-3-indent: var(--wds-space-1300);
1262
+ --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
1263
+ --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
1264
+ --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
1265
+ --wds-sidebar-item-level-2-padding-top: var(--wds-space-150);
1266
+ --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1267
+ --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1268
+ --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1269
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-1050);
1270
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: var(--wds-space-1050);
1271
+ --wds-sidebar-item-level-2-indent: var(--wds-space-1050);
1272
+ --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1273
+ --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1274
+ --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1275
+ --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1276
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-200);
1277
+ --wds-sidebar-item-level-1-indent: var(--wds-space-350);
1278
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-700);
1279
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-600);
1280
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
1281
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
1282
+ --wds-sidebar-item-context-menu-padding-inline: var(--wds-space-200);
1283
+ --wds-sidebar-item-content-gap: var(--wds-space-200);
1284
+ --wds-sidebar-item-border-radius: var(--wds-border-radius-400);
1285
+ --wds-sidebar-header-margin-bottom: var(--wds-space-400);
1286
+ --wds-sidebar-footer-fade-height: var(--wds-space-1500);
1287
+ --wds-sidebar-fill-neutral: var(--wds-color-fill-surface-stage);
1288
+ --wds-sidebar-fill-light: var(--wds-color-fill-surface-stage);
1289
+ --wds-sidebar-fill-dark: var(--wds-sidebar-item-level-1-fill-dark-default);
1290
+ --wds-sidebar-divider-padding-top: var(--wds-space-300);
1291
+ --wds-sidebar-divider-padding-inline: var(--wds-space-200);
1292
+ --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
1293
+ --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1294
+ --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1295
+ --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-medium);
1296
+ --wds-side-panel-standard-corner-radius: var(--wds-border-radius-600);
1297
+ --wds-side-panel-header-padding-vertical: var(--wds-space-400);
1298
+ --wds-side-panel-header-padding-right: var(--wds-space-300);
1299
+ --wds-side-panel-header-padding-left: var(--wds-space-400);
1300
+ --wds-side-panel-header-content-padding-right: var(--wds-space-200);
1301
+ --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
1302
+ --wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
1303
+ --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
1304
+ --wds-side-panel-footer-padding-horizontal: var(--wds-space-400);
1305
+ --wds-side-panel-footer-border-width: var(--wds-border-width-none);
1306
+ --wds-side-panel-footer-border-fill: var(--wds-color-white-transparent-0);
1307
+ --wds-side-panel-footer-background-blur: var(--wds-background-blur-0);
1308
+ --wds-side-panel-floating-title-font-family: var(--wds-font-family-display);
1309
+ --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
1310
+ --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
1311
+ --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
1312
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
1313
+ --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
1314
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
1315
+ --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1316
+ --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
1317
+ --wds-side-panel-content-padding-vertical: var(--wds-space-400);
1318
+ --wds-side-panel-content-padding-horizontal: var(--wds-space-400);
1319
+ --wds-side-panel-back-button-top-padding: var(--wds-space-50);
1320
+ --wds-selector-list-item-padding-vertical-small: var(--wds-space-100);
1321
+ --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1322
+ --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
1323
+ --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
1324
+ --wds-selector-list-item-fill-hover: var(--wds-color-black-700);
1325
+ --wds-selector-list-item-fill-focus: var(--wds-color-black-700);
1326
+ --wds-selector-list-item-fill-active: var(--wds-color-black-600);
1327
+ --wds-selector-button-size-small: var(--wds-space-750);
1328
+ --wds-selector-button-size-medium: var(--wds-space-950);
1329
+ --wds-selector-button-size-large: var(--wds-space-1150);
1330
+ --wds-selector-button-padding-vertical-small: var(--wds-space-150);
1331
+ --wds-selector-button-padding-vertical-medium: var(--wds-space-150);
1332
+ --wds-selector-button-padding-vertical-large: var(--wds-space-150);
1333
+ --wds-selector-button-padding-horizontal-right-small: var(--wds-space-150);
1334
+ --wds-selector-button-padding-horizontal-right-medium: var(--wds-space-150);
1335
+ --wds-selector-button-padding-horizontal-right-large: var(--wds-space-150);
1336
+ --wds-selector-button-padding-horizontal-left-small: var(--wds-space-300);
1337
+ --wds-selector-button-padding-horizontal-left-medium: var(--wds-space-300);
1338
+ --wds-selector-button-padding-horizontal-left-large: var(--wds-space-300);
1339
+ --wds-selector-button-fill-pressed: var(--wds-color-black-750);
1340
+ --wds-selector-button-fill-hover: var(--wds-color-black-750);
1341
+ --wds-selector-button-fill-disabled: var(--wds-color-black-750);
1342
+ --wds-selector-button-fill: var(--wds-color-black-750);
1343
+ --wds-selector-button-border-color-disabled: var(--wds-color-black-100-transparent-0);
1344
+ --wds-selector-button-border-color: var(--wds-color-black-100-transparent-0);
1345
+ --wds-select-area-padding-vertical: var(--wds-space-300);
1346
+ --wds-select-area-padding-horizontal: var(--wds-space-400);
1347
+ --wds-select-area-fill-hover: var(--wds-color-black-700);
1348
+ --wds-select-area-fill-disabled: var(--wds-color-white-transparent-0);
1349
+ --wds-select-area-fill-active: var(--wds-color-blue-400);
1350
+ --wds-select-area-fill: var(--wds-color-black-750);
1351
+ --wds-select-area-border-radius: var(--wds-border-radius-200);
1352
+ --wds-segmented-toggle-size-tiny: var(--wds-space-550);
1353
+ --wds-segmented-toggle-size-small: var(--wds-space-750);
1354
+ --wds-segmented-toggle-size-medium: var(--wds-space-1000);
1355
+ --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
1356
+ --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
1357
+ --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
1358
+ --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1359
+ --wds-segmented-toggle-padding-container: var(--wds-space-100);
1360
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1361
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
1362
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
1363
+ --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1364
+ --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1365
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
1366
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
1367
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
1368
+ --wds-segmented-toggle-fill: var(--wds-color-black-750);
1369
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
1370
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-400);
1371
+ --wds-segmented-toggle-border-width-selected: var(--wds-border-width-0);
1372
+ --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
1373
+ --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
1374
+ --wds-segmented-toggle-border-width: var(--wds-border-width-0);
1375
+ --wds-segmented-toggle-border-radius-tiny: var(--wds-border-radius-200);
1376
+ --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
1377
+ --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
1378
+ --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
1379
+ --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
1380
+ --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
1381
+ --wds-segmented-toggle-border-color: var(--wds-color-black-100-transparent-0);
1382
+ --wds-section-helper-vertical-padding-small: var(--wds-space-400);
1383
+ --wds-section-helper-vertical-padding-medium: var(--wds-space-400);
1384
+ --wds-section-helper-vertical-margin: var(--wds-space-150);
1385
+ --wds-section-helper-title-font-weight: var(--wds-font-weight-semi-bold);
1386
+ --wds-section-helper-prefix-offset-medium: var(--wds-space-400);
1387
+ --wds-section-helper-horizontal-padding-small: var(--wds-space-300);
1388
+ --wds-section-helper-horizontal-padding-medium: var(--wds-space-400);
1389
+ --wds-section-helper-horizontal-margin: var(--wds-space-150);
1390
+ --wds-section-helper-fill-warning: var(--wds-color-yellow-600);
1391
+ --wds-section-helper-fill-success: var(--wds-color-green-500);
1392
+ --wds-section-helper-fill-standard: var(--wds-color-blue-600);
1393
+ --wds-section-helper-fill-preview: var(--wds-color-black-700);
1394
+ --wds-section-helper-fill-danger: var(--wds-color-red-600);
1395
+ --wds-section-helper-content-gap-small: var(--wds-space-500);
1396
+ --wds-section-helper-content-gap-medium: var(--wds-space-500);
1397
+ --wds-section-helper-close-button-offset: var(--wds-space-0);
1398
+ --wds-section-helper-close-button-inset-small: var(--wds-space-100);
1399
+ --wds-section-helper-close-button-inset-medium: var(--wds-space-100);
1400
+ --wds-section-helper-close-button-clearance-small: var(--wds-space-400);
1401
+ --wds-section-helper-close-button-clearance-medium: var(--wds-space-400);
1402
+ --wds-section-helper-border-success: var(--wds-color-green-200);
1403
+ --wds-section-helper-border-standard: var(--wds-color-blue-300);
1404
+ --wds-section-helper-border-radius: var(--wds-border-radius-600);
1405
+ --wds-section-helper-border-preview: var(--wds-color-black-550);
1406
+ --wds-section-helper-border-experimental-dark: var(--wds-color-black-300);
1407
+ --wds-section-helper-action-padding-small: var(--wds-space-200);
1408
+ --wds-section-helper-action-padding-medium: var(--wds-space-200);
1409
+ --wds-section-header-padding-vertical-small: var(--wds-space-200);
1410
+ --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1411
+ --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1412
+ --wds-section-header-bold-padding-top: var(--wds-space-500);
1413
+ --wds-section-header-bold-padding-bottom: var(--wds-space-100);
1414
+ --wds-section-header-bold-label-font-weight: var(--wds-font-weight-heading-3);
1415
+ --wds-section-header-bold-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1416
+ --wds-section-header-bold-label-font-family: var(--wds-font-family-display);
1417
+ --wds-search-expandable-padding-small: var(--wds-space-150);
1418
+ --wds-search-expandable-padding-medium: var(--wds-space-175);
1419
+ --wds-search-expandable-padding-large: var(--wds-space-300);
1420
+ --wds-search-border-radius-tiny: var(--wds-border-radius-full);
1421
+ --wds-search-border-radius-small: var(--wds-border-radius-full);
1422
+ --wds-search-border-radius-medium: var(--wds-border-radius-full);
1423
+ --wds-search-border-radius-large: var(--wds-border-radius-full);
1424
+ --wds-scrollbar-fill-hover: var(--wds-color-black-400);
1425
+ --wds-scrollbar-fill-active: var(--wds-color-black-400);
1426
+ --wds-scrollbar-fill: var(--wds-color-black-500);
1427
+ --wds-radio-group-item-padding-outlined-vertical-screen-small: var(--wds-space-300);
1428
+ --wds-radio-group-item-padding-outlined-vertical: var(--wds-space-300);
1429
+ --wds-radio-group-item-padding-outlined-horizontal-screen-small: var(--wds-space-400);
1430
+ --wds-radio-group-item-padding-outlined-horizontal: var(--wds-space-400);
1431
+ --wds-radio-group-item-padding-filled-vertical-screen-small: var(--wds-space-300);
1432
+ --wds-radio-group-item-padding-filled-vertical: var(--wds-space-300);
1433
+ --wds-radio-group-item-padding-filled-horizontal-screen-small: var(--wds-space-400);
1434
+ --wds-radio-group-item-padding-filled-horizontal: var(--wds-space-400);
1435
+ --wds-radio-group-item-padding-default-vertical-screen-small: var(--wds-space-300);
1436
+ --wds-radio-group-item-padding-default-vertical: var(--wds-space-0);
1437
+ --wds-radio-group-item-padding-default-horizontal-screen-small: var(--wds-space-0);
1438
+ --wds-radio-group-item-padding-default-horizontal: var(--wds-space-0);
1439
+ --wds-radio-group-gap-vertical-small: var(--wds-space-150);
1440
+ --wds-radio-group-gap-vertical-medium: var(--wds-space-300);
1441
+ --wds-radio-group-gap-horizontal-small: var(--wds-space-400);
1442
+ --wds-radio-group-gap-horizontal-medium: var(--wds-space-400);
1443
+ --wds-radio-size: var(--wds-space-350);
1444
+ --wds-radio-fill-hover: var(--wds-color-blue-600);
1445
+ --wds-radio-border-radius: var(--wds-border-radius-full);
1446
+ --wds-radio-border-active-disabled: var(--wds-color-black-100-transparent-0);
1447
+ --wds-radio-border: var(--wds-color-black-200);
1448
+ --wds-popover-menu-paddings-vertical: var(--wds-space-200);
1449
+ --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
1450
+ --wds-popover-menu-border-radius: var(--wds-border-radius-600);
1451
+ --wds-popover-border-width: var(--wds-border-width-none);
1452
+ --wds-popover-border-radius: var(--wds-border-radius-600);
1453
+ --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
1454
+ --wds-palette-border: var(--wds-border-radius-200);
1455
+ --wds-pagination-padding-vertical: var(--wds-space-50);
1456
+ --wds-pagination-padding-horizontal: var(--wds-space-50);
1457
+ --wds-pagination-gap: var(--wds-space-100);
1458
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1459
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-3);
1460
+ --wds-page-section-padding-top: var(--wds-space-400);
1461
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1462
+ --wds-page-section-padding-bottom: var(--wds-space-100);
1463
+ --wds-page-section-gap: var(--wds-space-50);
1464
+ --wds-page-header-title-padding-start: var(--wds-space-0);
1465
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1466
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1467
+ --wds-page-header-title-actions-gap: var(--wds-space-1000);
1468
+ --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1469
+ --wds-page-header-subtitle-gap: var(--wds-space-150);
1470
+ --wds-page-header-padding-vertical-small: var(--wds-space-600);
1471
+ --wds-page-header-padding-vertical: var(--wds-space-800);
1472
+ --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1473
+ --wds-page-header-padding-horizontal: var(--wds-space-1200);
1474
+ --wds-page-header-padding-bottom-with-tail: var(--wds-space-300);
1475
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1476
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
1477
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
1478
+ --wds-page-header-back-button-offset: var(--wds-space-0);
1479
+ --wds-page-header-back-button-gap: var(--wds-space-200);
1480
+ --wds-padding-vertical-tiny: var(--wds-space-500);
1481
+ --wds-padding-vertical-small: var(--wds-space-600);
1482
+ --wds-padding-vertical-medium: var(--wds-space-600);
1483
+ --wds-padding-right-tiny: var(--wds-space-700);
1484
+ --wds-padding-right-small: var(--wds-space-700);
1485
+ --wds-padding-right-medium: var(--wds-space-1000);
1486
+ --wds-padding-left-tiny: var(--wds-space-600);
1487
+ --wds-padding-left-small: var(--wds-space-600);
1488
+ --wds-padding-left-medium: var(--wds-space-1200);
1489
+ --wds-notification-padding-vertical: var(--wds-space-200);
1490
+ --wds-notification-padding-horizontal: var(--wds-space-200);
1491
+ --wds-notification-fill-warning: var(--wds-color-yellow-400);
1492
+ --wds-notification-fill-success: var(--wds-color-green-400);
1493
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1494
+ --wds-notification-fill-premium: var(--wds-color-iris-500);
1495
+ --wds-notification-fill-error: var(--wds-color-red-400);
1496
+ --wds-notification-border-width: var(--wds-border-width-100);
1497
+ --wds-notification-border-radius: var(--wds-border-radius-400);
1498
+ --wds-notification-border-color: var(--wds-color-white);
1499
+ --wds-nestable-list-paddings: var(--wds-space-200);
1500
+ --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
1501
+ --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
1502
+ --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
1503
+ --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
1504
+ --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
1505
+ --wds-message-modal-top-controls-paddings: var(--wds-space-150);
1506
+ --wds-message-modal-top-controls-gap: var(--wds-space-100);
1507
+ --wds-message-modal-title-font-size: var(--wds-font-size-800);
1508
+ --wds-message-modal-title-font-line-height: var(--wds-space-800);
1509
+ --wds-message-modal-title-font-family: var(--wds-font-family-display);
1510
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
1511
+ --wds-message-modal-padding-vertical: var(--wds-space-600);
1512
+ --wds-message-modal-padding-horizontal: var(--wds-space-600);
1513
+ --wds-message-modal-illustration-margin-top: var(--wds-space-600);
1514
+ --wds-message-modal-illustration-margin-start: var(--wds-space-600);
1515
+ --wds-message-modal-illustration-content-gap: var(--wds-space-400);
1516
+ --wds-message-modal-help-button-size: var(--wds-space-600);
1517
+ --wds-message-modal-help-button-icon-size: var(--wds-space-475);
1518
+ --wds-message-modal-content-gap: var(--wds-space-300);
1519
+ --wds-message-modal-close-button-size: var(--wds-space-600);
1520
+ --wds-message-modal-close-button-icon-size: var(--wds-space-200);
1521
+ --wds-marketing-page-title-font-weight: var(--wds-font-weight-regular);
1522
+ --wds-marketing-page-title-content-gap: var(--wds-space-800);
1523
+ --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1524
+ --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1525
+ --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1526
+ --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1527
+ --wds-marketing-page-overline-title-gap: var(--wds-space-300);
1528
+ --wds-marketing-page-overline-divider-margin-top: var(--wds-space-0);
1529
+ --wds-marketing-page-image-top-image-padding: var(--wds-space-600);
1530
+ --wds-marketing-page-image-top-image-border-radius: var(--wds-space-200);
1531
+ --wds-marketing-page-image-top-footer-padding-bottom: var(--wds-space-600);
1532
+ --wds-marketing-page-image-top-content-padding-top: var(--wds-space-1200);
1533
+ --wds-marketing-page-image-top-content-padding-horizontal: var(--wds-space-1200);
1534
+ --wds-marketing-page-image-top-content-padding-bottom: var(--wds-space-1200);
1535
+ --wds-marketing-page-image-top-columns-gap: var(--wds-space-1000);
1536
+ --wds-marketing-page-image-padding-vertical-medium: var(--wds-space-600);
1537
+ --wds-marketing-page-image-padding-vertical-large: var(--wds-space-600);
1538
+ --wds-marketing-page-image-padding-end-medium: var(--wds-space-600);
1539
+ --wds-marketing-page-image-padding-end-large: var(--wds-space-600);
1540
+ --wds-marketing-page-footer-padding-bottom: var(--wds-space-1200);
1541
+ --wds-marketing-page-content-padding-end-medium: var(--wds-space-1200);
1542
+ --wds-marketing-page-content-padding-end-large: var(--wds-space-1200);
1543
+ --wds-marketing-page-content-actions-gap: var(--wds-space-1000);
1544
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1545
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1546
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1547
+ --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-heading-3);
1548
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-50);
1549
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1550
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1551
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1552
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1553
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1554
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-display);
1555
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1556
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1557
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
1558
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
1559
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
1560
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
1561
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
1562
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
1563
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
1564
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1565
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1566
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1567
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1568
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1569
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1570
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1571
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1572
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1573
+ --wds-marketing-layout-image-hug-padding: var(--wds-space-300);
1574
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1575
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1576
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1577
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1578
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1579
+ --wds-marketing-layout-border: var(--wds-border-radius-200);
1580
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1581
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1582
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1583
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1584
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1585
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1586
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1587
+ --wds-loader-fill-loading: var(--wds-color-blue-0);
1588
+ --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1589
+ --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1590
+ --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
1591
+ --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1592
+ --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1593
+ --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1594
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1595
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1596
+ --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1597
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1598
+ --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1599
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1600
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1601
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1602
+ --wds-list-item-select-padding-left-small: var(--wds-space-300);
1603
+ --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1604
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1605
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1606
+ --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1607
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1608
+ --wds-list-item-select-gap: var(--wds-space-150);
1609
+ --wds-list-item-select-border-radius: var(--wds-border-radius-400);
1610
+ --wds-list-item-select-affix-margin: var(--wds-space-100);
1611
+ --wds-list-item-select-active-fill-active: var(--wds-color-black-600);
1612
+ --wds-list-item-select-active-fill: var(--wds-color-black-600);
1613
+ --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
1614
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
1615
+ --wds-list-item-section-padding-top: var(--wds-space-200);
1616
+ --wds-list-item-section-padding-horizontal: var(--wds-space-300);
1617
+ --wds-list-item-section-padding-bottom: var(--wds-space-200);
1618
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-semi-bold);
1619
+ --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
1620
+ --wds-list-item-section-divider-padding-top: var(--wds-space-200);
1621
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
1622
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1623
+ --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-medium);
1624
+ --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1625
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-black-300);
1626
+ --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1627
+ --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1628
+ --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1629
+ --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
1630
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1631
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1632
+ --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1633
+ --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1634
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-blue-50);
1635
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-blue-50);
1636
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-0);
1637
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-blue-50);
1638
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-blue-50);
1639
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
1640
+ --wds-list-item-action-gap: var(--wds-space-50);
1641
+ --wds-list-item-action-fill-hover: var(--wds-color-black-700);
1642
+ --wds-list-item-action-fill-active: var(--wds-color-black-600);
1643
+ --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1644
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
1645
+ --wds-linear-progress-bar-value-gap: var(--wds-space-100);
1646
+ --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-0);
1647
+ --wds-linear-progress-bar-border-radius: var(--wds-border-radius-100);
1648
+ --wds-internal-button-border-width: var(--wds-border-width-100);
1649
+ --wds-internal-angle-input-knob-offset-bottom: var(--wds-space-100);
1650
+ --wds-internal-angle-input-knob-offset: var(--wds-space-50);
1651
+ --wds-input-area-padding-vertical-small: var(--wds-space-200);
1652
+ --wds-input-area-padding-vertical-medium: var(--wds-space-300);
1653
+ --wds-input-area-padding-right-small: var(--wds-space-150);
1654
+ --wds-input-area-padding-right-medium: var(--wds-space-250);
1655
+ --wds-input-area-padding-left-small: var(--wds-space-200);
1656
+ --wds-input-area-padding-left-medium: var(--wds-space-300);
1657
+ --wds-input-area-border-radius-default-small: var(--wds-border-radius-400);
1658
+ --wds-input-area-border-radius-default-medium: var(--wds-border-radius-400);
1659
+ --wds-input-size-tiny: var(--wds-space-600);
1660
+ --wds-input-size-small: var(--wds-space-750);
1661
+ --wds-input-size-medium: var(--wds-space-950);
1662
+ --wds-input-size-large: var(--wds-space-1200);
1663
+ --wds-input-padding-vertical-tiny: var(--wds-space-100);
1664
+ --wds-input-padding-vertical-small: var(--wds-space-150);
1665
+ --wds-input-padding-vertical-medium: var(--wds-space-175);
1666
+ --wds-input-padding-vertical-large: var(--wds-space-300);
1667
+ --wds-input-padding-horizontal-tiny: var(--wds-space-150);
1668
+ --wds-input-padding-horizontal-small: var(--wds-space-200);
1669
+ --wds-input-padding-horizontal-medium: var(--wds-space-200);
1670
+ --wds-input-padding-horizontal-large: var(--wds-space-300);
1671
+ --wds-input-border-radius-round-tiny: var(--wds-border-radius-full);
1672
+ --wds-input-border-radius-round-small: var(--wds-border-radius-full);
1673
+ --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
1674
+ --wds-input-border-radius-round-large: var(--wds-border-radius-full);
1675
+ --wds-input-border-radius-default-tiny: var(--wds-border-radius-300);
1676
+ --wds-input-border-radius-default-small: var(--wds-border-radius-300);
1677
+ --wds-input-border-radius-default-medium: var(--wds-border-radius-400);
1678
+ --wds-input-border-radius-default-large: var(--wds-border-radius-400);
1679
+ --wds-input-border-color-disabled: var(--wds-color-black-700);
1680
+ --wds-input-border-color: var(--wds-color-black-100-transparent-0);
1681
+ --wds-input-background-fill-readonly: var(--wds-color-white);
1682
+ --wds-input-background-fill-hover: var(--wds-color-black-750);
1683
+ --wds-input-background-fill-disabled: var(--wds-color-black-700);
1684
+ --wds-input-background-fill-default: var(--wds-color-black-750);
1685
+ --wds-input-background-fill: var(--wds-color-black-750);
1686
+ --wds-image-border-radius-none: var(--wds-border-radius-0);
1687
+ --wds-image-border-radius-default: var(--wds-border-radius-400);
1688
+ --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-black-500);
1689
+ --wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-black-500);
1690
+ --wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-black-500);
1691
+ --wds-icon-button-color-text-premium-tertiary-disabled: var(--wds-color-black-500);
1692
+ --wds-icon-button-color-text-premium-secondary-disabled: var(--wds-color-black-500);
1693
+ --wds-icon-button-color-text-premium-primary-disabled: var(--wds-color-black-500);
1694
+ --wds-icon-button-color-text-light-secondary-disabled: var(--wds-color-black-500);
1695
+ --wds-icon-button-color-text-light-primary-disabled: var(--wds-color-black-500);
1696
+ --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1697
+ --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1698
+ --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1699
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1700
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1701
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1702
+ --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1703
+ --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1704
+ --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
1705
+ --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
1706
+ --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
1707
+ --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
1708
+ --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-black-600);
1709
+ --wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-black-700);
1710
+ --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1711
+ --wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
1712
+ --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1713
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1714
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1715
+ --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1716
+ --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1717
+ --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1718
+ --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1719
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1720
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1721
+ --wds-google-preview-surface-fill: var(--wds-color-white);
1722
+ --wds-form-field-label-gap-tiny: var(--wds-space-150);
1723
+ --wds-form-field-label-gap-small: var(--wds-space-200);
1724
+ --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
1725
+ --wds-floating-helper-padding-vertical: var(--wds-space-700);
1726
+ --wds-floating-helper-padding-horizontal: var(--wds-space-800);
1727
+ --wds-floating-helper-main-action-padding-top: var(--wds-space-500);
1728
+ --wds-fill-button-border-width: var(--wds-border-width-200);
1729
+ --wds-field-set-label-gap-tiny: var(--wds-space-150);
1730
+ --wds-field-set-label-gap-small: var(--wds-space-200);
1731
+ --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
1732
+ --wds-field-set-gap-small: var(--wds-space-200);
1733
+ --wds-field-set-gap-medium: var(--wds-space-300);
1734
+ --wds-field-set-gap-large: var(--wds-space-400);
1735
+ --wds-feature-list-gap: var(--wds-space-600);
1736
+ --wds-empty-state-title-gap: var(--wds-space-200);
1737
+ --wds-empty-state-section-content-paddings: var(--wds-space-600);
1738
+ --wds-empty-state-page-content-paddings: var(--wds-space-600);
1739
+ --wds-empty-state-border-radius: var(--wds-border-radius-200);
1740
+ --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1741
+ --wds-editable-title-marker-image: repeating-linear-gradient(to right, var(--wds-color-black-100) 0px, var(--wds-color-black-100) 1px, transparent 1px, transparent 4px);
1742
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1743
+ --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1744
+ --wds-editable-title-marker-fill: var(--wds-color-black-100);
1745
+ --wds-dropdown-layout-option-size-small: var(--wds-space-800);
1746
+ --wds-dropdown-layout-option-size-big: var(--wds-space-1000);
1747
+ --wds-dropdown-list-paddings: var(--wds-space-200);
1748
+ --wds-dock-area-fill: var(--wds-color-black-750);
1749
+ --wds-custom-modal-header-padding-vertical: var(--wds-space-600);
1750
+ --wds-custom-modal-header-padding-right: var(--wds-space-500);
1751
+ --wds-custom-modal-header-padding-left: var(--wds-space-600);
1752
+ --wds-custom-modal-footnote-text-font-weight: var(--wds-font-weight-medium);
1753
+ --wds-custom-modal-footnote-padding-vertical: var(--wds-space-400);
1754
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-600);
1755
+ --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
1756
+ --wds-custom-modal-footer-padding-vertical: var(--wds-space-600);
1757
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
1758
+ --wds-custom-modal-content-padding-vertical: var(--wds-space-600);
1759
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1760
+ --wds-custom-modal-close-button-size: var(--wds-space-600);
1761
+ --wds-custom-modal-close-button-icon-size: var(--wds-space-200);
1762
+ --wds-counter-badge-size-tiny: var(--wds-space-350);
1763
+ --wds-counter-badge-size-small: var(--wds-space-475);
1764
+ --wds-counter-badge-size-medium: var(--wds-space-600);
1765
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1766
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1767
+ --wds-counter-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1768
+ --wds-counter-badge-outline-destructive-border-color: var(--wds-color-red-200);
1769
+ --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1770
+ --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1771
+ --wds-composer-sidebar-tooltip-item-gap: var(--wds-space-200);
1772
+ --wds-composer-sidebar-tooltip-container-padding-vertical: var(--wds-space-0);
1773
+ --wds-composer-sidebar-item-border-radius: var(--wds-border-radius-400);
1774
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-0);
1775
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-0);
1776
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-0);
1777
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-300);
1778
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-300);
1779
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-300);
1780
+ --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1781
+ --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1782
+ --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
1783
+ --wds-composer-sidebar-item-end-padding-horizontal-small: var(--wds-space-300);
1784
+ --wds-composer-sidebar-item-end-padding-horizontal-medium: var(--wds-space-300);
1785
+ --wds-composer-sidebar-item-end-padding-horizontal-large: var(--wds-space-300);
1786
+ --wds-composer-sidebar-item-bottom-padding-vertical-small: var(--wds-space-200);
1787
+ --wds-composer-sidebar-item-bottom-padding-vertical-medium: var(--wds-space-300);
1788
+ --wds-composer-sidebar-item-bottom-padding-vertical-large: var(--wds-space-300);
1789
+ --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1790
+ --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1791
+ --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1792
+ --wds-composer-sidebar-fill: var(--wds-color-white-transparent-0);
1793
+ --wds-composer-header-padding-vertical-small: var(--wds-space-250);
1794
+ --wds-composer-header-height-small: var(--wds-space-750);
1795
+ --wds-composer-header-height-medium: var(--wds-space-750);
1796
+ --wds-composer-header-fill: var(--wds-color-white-transparent-0);
1797
+ --wds-composer-header-divider-margin: var(--wds-space-400);
1798
+ --wds-composer-header-border-fill: var(--wds-color-white-transparent-0);
1799
+ --wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
1800
+ --wds-composer-header-back-button-icon-size-medium: var(--wds-space-475);
1801
+ --wds-composer-header-actions-gap: var(--wds-space-50);
1802
+ --wds-color-picker-padding-vertical: var(--wds-space-300);
1803
+ --wds-color-picker-padding-horizontal: var(--wds-space-400);
1804
+ --wds-code-snippet-border-radius-singleline: var(--wds-border-radius-500);
1805
+ --wds-code-snippet-border-radius-multiline: var(--wds-border-radius-400);
1806
+ --wds-code-snippet-border-radius-inline: var(--wds-border-radius-300);
1807
+ --wds-close-button-standard-filled-size-small: var(--wds-space-475);
1808
+ --wds-close-button-standard-filled-size-medium: var(--wds-space-600);
1809
+ --wds-close-button-standard-filled-size-large: var(--wds-space-750);
1810
+ --wds-clickable-card-standard-border-width: var(--wds-border-width-100);
1811
+ --wds-clickable-card-standard-border-color-hover: var(--wds-color-black-500);
1812
+ --wds-clickable-card-standard-border-color-active: var(--wds-color-black-400);
1813
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-black-500);
1814
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-black-400);
1815
+ --wds-clickable-card-outline-border-color: var(--wds-color-black-550);
1816
+ --wds-clickable-card-filled-fill-hover: var(--wds-color-black-700);
1817
+ --wds-clickable-card-filled-fill-disabled: var(--wds-color-black-750);
1818
+ --wds-clickable-card-filled-fill-active: var(--wds-color-black-600);
1819
+ --wds-clickable-card-filled-fill: var(--wds-color-black-750);
1820
+ --wds-circular-progress-bar-size-tiny: var(--wds-space-475);
1821
+ --wds-circular-progress-bar-size-small: var(--wds-space-600);
1822
+ --wds-circular-progress-bar-size-medium: var(--wds-space-1300);
1823
+ --wds-circular-progress-bar-size-large: var(--wds-space-2400);
1824
+ --wds-circular-progress-bar-label-padding-medium: var(--wds-space-100);
1825
+ --wds-circular-progress-bar-label-padding-large: var(--wds-space-200);
1826
+ --wds-circular-progress-bar-label-font-weight: var(--wds-font-weight-medium);
1827
+ --wds-circular-progress-bar-label-font-size: var(--wds-font-size-200);
1828
+ --wds-circular-progress-bar-border-width: var(--wds-border-width-200);
1829
+ --wds-checkbox-size: var(--wds-space-350);
1830
+ --wds-checkbox-group-gap-vertical: var(--wds-space-300);
1831
+ --wds-checkbox-fill-hover: var(--wds-color-blue-600);
1832
+ --wds-checkbox-border-radius: var(--wds-border-radius-200);
1833
+ --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1834
+ --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1835
+ --wds-checkbox-border: var(--wds-color-black-200);
1836
+ --wds-carousel-gradient-color: var(--wds-color-white);
1837
+ --wds-carousel-dots-width: var(--wds-space-150);
1838
+ --wds-carousel-dots-gap-bottom: var(--wds-space-850);
1839
+ --wds-carousel-dots-gap: var(--wds-space-850);
1840
+ --wds-carousel-dots-fill-hover: var(--wds-color-black-500);
1841
+ --wds-carousel-dots-fill-active: var(--wds-color-black-100);
1842
+ --wds-carousel-dots-fill: var(--wds-color-black-600);
1843
+ --wds-carousel-controls-icon-fill-hover: var(--wds-horizontal-scroll-button-text);
1844
+ --wds-carousel-controls-icon-fill-active: var(--wds-horizontal-scroll-button-text);
1845
+ --wds-carousel-controls-gap-tiny: var(--wds-space-800);
1846
+ --wds-carousel-controls-gap-small: var(--wds-space-800);
1847
+ --wds-carousel-controls-gap-medium: var(--wds-space-800);
1848
+ --wds-carousel-controls-gap-large: var(--wds-space-800);
1849
+ --wds-carousel-controls-fill-hover: var(--wds-horizontal-scroll-button-fill);
1850
+ --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
1851
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1852
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1853
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1854
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-3);
1855
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-3);
1856
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-display);
1857
+ --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1858
+ --wds-card-gallery-item-shadow-hover: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1859
+ --wds-card-gallery-item-shadow: 0 1px 10px 0 var(--wds-color-black-100-transparent-5), 1px 0 2px -0.7px var(--wds-color-black-100-transparent-5);
1860
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1861
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1862
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1863
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1864
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1865
+ --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1866
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1867
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
1868
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1869
+ --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1870
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-400);
1871
+ --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-black-500);
1872
+ --wds-card-gallery-item-outline-border-color: var(--wds-color-black-550);
1873
+ --wds-card-gallery-item-image-inset: var(--wds-space-200);
1874
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-400);
1875
+ --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1876
+ --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1877
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1878
+ --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1879
+ --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1880
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1881
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1882
+ --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1883
+ --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1884
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1885
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1886
+ --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1887
+ --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1888
+ --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
1889
+ --wds-card-tab-padding-horizontal-medium: var(--wds-space-500);
1890
+ --wds-card-subtitle-font-size: var(--wds-font-size-200);
1891
+ --wds-card-header-title-subtitle-gap: var(--wds-space-100);
1892
+ --wds-card-header-padding-vertical: var(--wds-space-600);
1893
+ --wds-card-header-padding-horizontal: var(--wds-space-600);
1894
+ --wds-card-header-padding-bottom: var(--wds-space-100);
1895
+ --wds-card-header-divider-width: var(--wds-border-width-none);
1896
+ --wds-card-controls-padding-vertical: var(--wds-space-300);
1897
+ --wds-card-controls-padding-horizontal: var(--wds-space-300);
1898
+ --wds-card-content-paddings-vertical: var(--wds-space-300);
1899
+ --wds-card-content-paddings-horizontal: var(--wds-space-300);
1900
+ --wds-card-content-padding-medium-top: var(--wds-space-600);
1901
+ --wds-card-content-padding-medium-horizontal: var(--wds-space-600);
1902
+ --wds-card-content-padding-medium-bottom: var(--wds-space-600);
1903
+ --wds-card-content-padding-medium: var(--wds-space-300);
1904
+ --wds-card-content-padding-large: var(--wds-space-300);
1905
+ --wds-card-border-radius: var(--wds-border-radius-800);
1906
+ --wds-calendar-panel-presets-border-width: var(--wds-border-width-none);
1907
+ --wds-calendar-panel-presets-border-fill: var(--wds-color-black-100-transparent-0);
1908
+ --wds-calendar-panel-footer-border-width: var(--wds-border-width-none);
1909
+ --wds-calendar-panel-footer-border-fill: var(--wds-color-black-100-transparent-0);
1910
+ --wds-calendar-padding-small: var(--wds-space-300);
1911
+ --wds-calendar-day-today-inset-width: var(--wds-border-width-none);
1912
+ --wds-calendar-day-range-edge-border-radius: var(--wds-border-radius-400);
1913
+ --wds-calendar-day-range-border-radius: var(--wds-border-radius-400);
1914
+ --wds-calendar-day-gap: var(--wds-space-50);
1915
+ --wds-calendar-day-fill-today: var(--wds-color-black-550);
1916
+ --wds-calendar-day-fill-selected-hover: var(--wds-color-black-200);
1917
+ --wds-calendar-day-fill-selected: var(--wds-color-black-100);
1918
+ --wds-calendar-day-fill-range-edge: var(--wds-color-white-transparent-0);
1919
+ --wds-calendar-day-fill-range: var(--wds-color-black-700);
1920
+ --wds-calendar-day-fill-hover: var(--wds-color-black-700);
1921
+ --wds-button-size-x-tiny: var(--wds-space-475);
1922
+ --wds-button-size-tiny-screen-small: var(--wds-space-800);
1923
+ --wds-button-size-tiny: var(--wds-space-600);
1924
+ --wds-button-size-small-screen-small: var(--wds-space-950);
1925
+ --wds-button-size-small: var(--wds-space-750);
1926
+ --wds-button-size-medium-screen-small: var(--wds-space-1050);
1927
+ --wds-button-size-medium: var(--wds-space-950);
1928
+ --wds-button-size-large-screen-small: var(--wds-space-1200);
1929
+ --wds-button-size-large: var(--wds-space-1150);
1930
+ --wds-button-padding-vertical-tiny: var(--wds-space-50);
1931
+ --wds-button-padding-vertical-small: var(--wds-space-150);
1932
+ --wds-button-padding-vertical-medium: var(--wds-space-150);
1933
+ --wds-button-padding-vertical-large: var(--wds-space-150);
1934
+ --wds-button-padding-horizontal-tiny: var(--wds-space-300);
1935
+ --wds-button-padding-horizontal-small: var(--wds-space-400);
1936
+ --wds-button-padding-horizontal-medium: var(--wds-space-500);
1937
+ --wds-button-padding-horizontal-large: var(--wds-space-600);
1938
+ --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-black-500);
1939
+ --wds-button-label-fill-standard-primary-disabled: var(--wds-color-black-500);
1940
+ --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-black-500);
1941
+ --wds-button-label-fill-premium-primary-disabled: var(--wds-color-black-500);
1942
+ --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1943
+ --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1944
+ --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1945
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-black-500);
1946
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-black-500);
1947
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-black-500);
1948
+ --wds-button-icon-offset-tiny: var(--wds-space-300);
1949
+ --wds-button-icon-offset-small: var(--wds-space-300);
1950
+ --wds-button-icon-offset-medium: var(--wds-space-475);
1951
+ --wds-button-icon-offset-large: var(--wds-space-475);
1952
+ --wds-button-gap-tiny: var(--wds-space-100);
1953
+ --wds-button-gap-small: var(--wds-space-100);
1954
+ --wds-button-gap-medium: var(--wds-space-100);
1955
+ --wds-button-gap-large: var(--wds-space-100);
1956
+ --wds-button-gap-extra-large: var(--wds-space-100);
1957
+ --wds-button-font-weight-tiny: var(--wds-font-weight-semi-bold);
1958
+ --wds-button-font-weight-small: var(--wds-font-weight-semi-bold);
1959
+ --wds-button-font-weight-medium: var(--wds-font-weight-semi-bold);
1960
+ --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1961
+ --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1962
+ --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1963
+ --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1964
+ --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1965
+ --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1966
+ --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1967
+ --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1968
+ --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1969
+ --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
1970
+ --wds-button-fill-dark-secondary-hover: var(--wds-color-black-700);
1971
+ --wds-button-fill-dark-secondary-disabled: var(--wds-color-black-700);
1972
+ --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1973
+ --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1974
+ --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1975
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1976
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1977
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1978
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1979
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1980
+ --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1981
+ --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1982
+ --wds-button-border-radius-tiny: var(--wds-border-radius-300);
1983
+ --wds-button-border-radius-small: var(--wds-border-radius-300);
1984
+ --wds-button-border-radius-medium: var(--wds-border-radius-400);
1985
+ --wds-button-border-radius-large: var(--wds-border-radius-400);
1986
+ --wds-button-border-premium-secondary-disabled: var(--wds-color-black-700);
1987
+ --wds-button-border-destructive-secondary-hover: var(--wds-color-red-400);
1988
+ --wds-button-border-destructive-secondary-disabled: var(--wds-color-black-700);
1989
+ --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1990
+ --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1991
+ --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1992
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1993
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1994
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-medium);
1995
+ --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1996
+ --wds-breadcrumbs-padding-vertical-small: var(--wds-space-100);
1997
+ --wds-breadcrumbs-padding-vertical-medium: var(--wds-space-100);
1998
+ --wds-breadcrumbs-padding-vertical-large: var(--wds-space-100);
1999
+ --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-200);
2000
+ --wds-breadcrumbs-padding-horizontal-medium: var(--wds-space-200);
2001
+ --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-300);
2002
+ --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-600);
2003
+ --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-black-600);
2004
+ --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-black-300);
2005
+ --wds-breadcrumbs-height-small: var(--wds-space-600);
2006
+ --wds-breadcrumbs-height-large: var(--wds-space-800);
2007
+ --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
2008
+ --wds-breadcrumbs-divider-margin-horizontal: var(--wds-space-0);
2009
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
2010
+ --wds-badge-transparent-warning-light-label-color: var(--wds-color-yellow-0);
2011
+ --wds-badge-transparent-warning-label-color: var(--wds-color-yellow-0);
2012
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-orange-0);
2013
+ --wds-badge-transparent-success-label-color: var(--wds-color-green-50);
2014
+ --wds-badge-transparent-neutral-success-label-color: var(--wds-color-green-50);
2015
+ --wds-badge-transparent-neutral-label-color: var(--wds-color-black-300);
2016
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-yellow-0);
2017
+ --wds-badge-solid-warning-light-fill: var(--wds-color-yellow-500);
2018
+ --wds-badge-solid-success-fill: var(--wds-color-green-300);
2019
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-green-50);
2020
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-green-600);
2021
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-blue-50);
2022
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-blue-500);
2023
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-black-300);
2024
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-red-50);
2025
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-red-600);
2026
+ --wds-badge-size-tiny: var(--wds-space-500);
2027
+ --wds-badge-size-small: var(--wds-space-600);
2028
+ --wds-badge-size-medium: var(--wds-space-700);
2029
+ --wds-badge-padding-vertical-tiny: var(--wds-space-0);
2030
+ --wds-badge-padding-vertical-small: var(--wds-space-50);
2031
+ --wds-badge-padding-vertical-medium: var(--wds-space-100);
2032
+ --wds-badge-padding-horizontal-tiny: var(--wds-space-150);
2033
+ --wds-badge-padding-horizontal-small: var(--wds-space-200);
2034
+ --wds-badge-padding-horizontal-medium: var(--wds-space-200);
2035
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-yellow-0);
2036
+ --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
2037
+ --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
2038
+ --wds-badge-outline-warning-border-color: var(--wds-color-yellow-0);
2039
+ --wds-badge-outline-urgent-label-color: var(--wds-color-orange-0);
2040
+ --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
2041
+ --wds-badge-outline-urgent-border-color: var(--wds-color-orange-50);
2042
+ --wds-badge-outline-success-label-color: var(--wds-color-green-50);
2043
+ --wds-badge-outline-success-fill: var(--wds-color-green-600);
2044
+ --wds-badge-outline-success-border-color: var(--wds-color-green-100);
2045
+ --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
2046
+ --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
2047
+ --wds-badge-outline-standard-border-color: var(--wds-color-blue-200);
2048
+ --wds-badge-outline-premium-label-color: var(--wds-color-blue-50);
2049
+ --wds-badge-outline-premium-border-color: var(--wds-color-blue-100);
2050
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-green-100);
2051
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-blue-200);
2052
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-red-200);
2053
+ --wds-badge-outline-neutral-label-color: var(--wds-color-black-300);
2054
+ --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
2055
+ --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
2056
+ --wds-badge-outline-destructive-border-color: var(--wds-color-red-200);
2057
+ --wds-badge-outline-dark-border-color: var(--wds-color-black-100);
2058
+ --wds-badge-border-radius-tiny: var(--wds-border-radius-300);
2059
+ --wds-badge-border-radius-small: var(--wds-border-radius-300);
2060
+ --wds-badge-border-radius-medium: var(--wds-border-radius-300);
2061
+ --wds-avatar-group-gap-stretched: var(--wds-space-100);
2062
+ --wds-avatar-group-gap-default: var(--wds-space-100);
2063
+ --wds-avatar-group-counter-font-size: var(--wds-font-size-100);
2064
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-white-transparent-0);
2065
+ --wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
2066
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-100);
2067
+ --wds-avatar-group-counter-border-fill: var(--wds-color-white);
2068
+ --wds-avatar-color-7-fill: var(--wds-color-fill-accent-7);
2069
+ --wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
2070
+ --wds-announcement-modal-top-controls-padding-end: var(--wds-space-300);
2071
+ --wds-announcement-modal-top-controls-gap: var(--wds-space-100);
2072
+ --wds-announcement-modal-title-font-line-height: var(--wds-space-800);
2073
+ --wds-announcement-modal-text-font-line-height: var(--wds-space-500);
2074
+ --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
2075
+ --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
2076
+ --wds-announcement-modal-help-button-size: var(--wds-space-600);
2077
+ --wds-announcement-modal-help-button-icon-size: var(--wds-space-475);
2078
+ --wds-announcement-modal-content-gap: var(--wds-space-300);
2079
+ --wds-announcement-modal-close-button-size: var(--wds-space-600);
2080
+ --wds-announcement-modal-border-radius: var(--wds-border-radius-1200);
2081
+ --wds-announcement-modal-actions-padding: var(--wds-space-1050);
2082
+ --wds-add-item-padding-vertical-tiny: var(--wds-space-300);
2083
+ --wds-add-item-padding-vertical-small: var(--wds-space-400);
2084
+ --wds-add-item-padding-vertical-medium: var(--wds-space-600);
2085
+ --wds-add-item-padding-vertical-large: var(--wds-space-700);
2086
+ --wds-add-item-padding-horizontal-tiny: var(--wds-space-300);
2087
+ --wds-add-item-padding-horizontal-large: var(--wds-space-700);
2088
+ --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5);
2089
+ --wds-add-item-fill: var(--wds-color-black-750);
2090
+ --wds-add-item-border-radius: var(--wds-border-radius-600);
2091
+ --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
2092
+ --wds-accordion-title-font-weight-small: var(--wds-font-weight-semi-bold);
2093
+ --wds-accordion-title-font-weight: var(--wds-font-weight-semi-bold);
2094
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
2095
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-200);
2096
+ --wds-accordion-inner-content-padding-top: var(--wds-space-200);
2097
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-300);
2098
+ --wds-accordion-inner-content-fill: var(--wds-color-white);
2099
+ --wds-accordion-border-radius: var(--wds-border-radius-0);
2100
+ --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
2101
+ --wds-shadow-surface-overlay: var(--wds-shadow-300);
2102
+ --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
2103
+ --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
2104
+ --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
2105
+ --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
2106
+ --wds-font-line-height-heading-6: var(--wds-font-line-height-100);
2107
+ --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
2108
+ --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
2109
+ --wds-font-line-height-heading-3: var(--wds-font-line-height-400);
2110
+ --wds-font-line-height-heading-2: var(--wds-font-line-height-500);
2111
+ --wds-font-line-height-heading-1: var(--wds-font-line-height-600);
2112
+ --wds-font-line-height-body-tiny: var(--wds-font-line-height-200);
2113
+ --wds-font-line-height-body-small: var(--wds-font-line-height-300);
2114
+ --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
2115
+ --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
2116
+ --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2117
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
2118
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2119
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2120
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2121
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2122
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2123
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2124
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2125
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2126
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2127
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2128
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2129
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2130
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2131
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2132
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2133
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2134
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2135
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2136
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2137
+ --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
2138
+ --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
2139
+ --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
2140
+ --wds-vertical-tabs-item-label-text: var(--wds-color-text-standard-secondary);
2141
+ --wds-vertical-tabs-item-label-disabled: var(--wds-color-text-disabled);
2142
+ --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-standard-tertiary-hover);
2143
+ --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
2144
+ --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
2145
+ --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
2146
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
2147
+ --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
2148
+ --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover);
2149
+ --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-dark-tertiary-active);
2150
+ --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover);
2151
+ --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active);
2152
+ --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
2153
+ --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-dark-tertiary-active);
2154
+ --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled);
2155
+ --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
2156
+ --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-standard-secondary);
2157
+ --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
2158
+ --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
2159
+ --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
2160
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary);
2161
+ --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
2162
+ --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
2163
+ --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
2164
+ --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover);
2165
+ --wds-toggle-switch-fill-urgent-disabled: var(--wds-color-fill-urgent-primary-disabled);
2166
+ --wds-toggle-switch-fill-urgent-active-hover: var(--wds-color-fill-urgent-primary-hover);
2167
+ --wds-toggle-switch-fill-urgent-active: var(--wds-color-fill-urgent-primary);
2168
+ --wds-toggle-switch-fill-urgent: var(--wds-color-fill-dark-primary);
2169
+ --wds-toggle-switch-fill-success-hover: var(--wds-color-fill-dark-primary-hover);
2170
+ --wds-toggle-switch-fill-success-disabled: var(--wds-color-fill-success-primary-disabled);
2171
+ --wds-toggle-switch-fill-success-active-hover: var(--wds-color-fill-success-primary-hover);
2172
+ --wds-toggle-switch-fill-success-active: var(--wds-color-fill-success-primary);
2173
+ --wds-toggle-switch-fill-success: var(--wds-color-fill-dark-primary);
2174
+ --wds-toggle-switch-fill-standard-hover: var(--wds-color-fill-dark-primary-hover);
2175
+ --wds-toggle-switch-fill-standard-disabled: var(--wds-color-fill-standard-primary-disabled);
2176
+ --wds-toggle-switch-fill-standard-active-hover: var(--wds-color-fill-standard-primary-hover);
2177
+ --wds-toggle-switch-fill-standard-active: var(--wds-color-fill-standard-primary);
2178
+ --wds-toggle-switch-fill-error-hover: var(--wds-color-fill-dark-primary-hover);
2179
+ --wds-toggle-switch-fill-error-disabled: var(--wds-color-fill-destructive-primary-disabled);
2180
+ --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
2181
+ --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
2182
+ --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
2183
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
2184
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
2185
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-small);
2186
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-small);
2187
+ --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-primary-toggle-button);
2188
+ --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-primary-toggle-button);
2189
+ --wds-toggle-button-shadow-fill-tertiary: var(--wds-shadow-fill-tertiary-toggle-button);
2190
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-shadow-fill-secondary-toggle-button);
2191
+ --wds-toggle-button-shadow-fill-primary: var(--wds-shadow-fill-primary-toggle-button);
2192
+ --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-primary-toggle-button);
2193
+ --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
2194
+ --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-small);
2195
+ --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-small);
2196
+ --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
2197
+ --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
2198
+ --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
2199
+ --wds-toggle-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary);
2200
+ --wds-toggle-button-label-fill-standard: var(--wds-color-text-standard-primary);
2201
+ --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary);
2202
+ --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary);
2203
+ --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-standard-primary);
2204
+ --wds-toggle-button-label-fill-inverted-default: var(--wds-color-text-standard-primary);
2205
+ --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary);
2206
+ --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary);
2207
+ --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-primary);
2208
+ --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
2209
+ --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-dark-tertiary-hover);
2210
+ --wds-toggle-button-fill-inverted-selected: var(--wds-color-fill-dark-tertiary);
2211
+ --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-dark-secondary-hover);
2212
+ --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-secondary-hover);
2213
+ --wds-toast-text-fill: var(--wds-color-text-standard-primary-light);
2214
+ --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
2215
+ --wds-toast-action-color: var(--wds-color-fill-light-primary);
2216
+ --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
2217
+ --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
2218
+ --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
2219
+ --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
2220
+ --wds-thumbnail-border-color-hover: var(--wds-color-border-standard-secondary-hover);
2221
+ --wds-thumbnail-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2222
+ --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
2223
+ --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
2224
+ --wds-text-button-font-size-small: var(--wds-font-size-body-tiny);
2225
+ --wds-text-button-font-size-medium: var(--wds-font-size-body-small);
2226
+ --wds-tag-transparent-standard-label-color: var(--wds-color-text-standard-secondary);
2227
+ --wds-tag-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2228
+ --wds-tag-transparent-light-label-color: var(--wds-color-text-standard-primary-light);
2229
+ --wds-tag-transparent-error-label-color: var(--wds-color-text-destructive);
2230
+ --wds-tag-transparent-dark-label-color: var(--wds-color-text-standard-primary);
2231
+ --wds-tag-solid-warning-fill: var(--wds-color-fill-warning-secondary);
2232
+ --wds-tag-solid-success-fill: var(--wds-color-fill-success-secondary);
2233
+ --wds-tag-solid-standard-fill: var(--wds-color-fill-standard-secondary);
2234
+ --wds-tag-solid-neutral-fill: var(--wds-color-fill-dark-secondary);
2235
+ --wds-tag-solid-light-fill: var(--wds-color-fill-light-primary);
2236
+ --wds-tag-solid-error-fill: var(--wds-color-fill-destructive-secondary);
2237
+ --wds-tag-solid-dark-fill: var(--wds-color-fill-dark-primary);
2238
+ --wds-tag-outlined-warning-label-color: var(--wds-color-text-standard-secondary);
2239
+ --wds-tag-outlined-success-label-color: var(--wds-color-text-standard-secondary);
2240
+ --wds-tag-outlined-standard-label-color: var(--wds-color-text-standard-secondary);
2241
+ --wds-tag-outlined-neutral-label-color: var(--wds-color-text-standard-secondary);
2242
+ --wds-tag-outlined-light-label-color: var(--wds-color-text-standard-primary-light);
2243
+ --wds-tag-outlined-light-fill: var(--wds-color-fill-light-secondary);
2244
+ --wds-tag-outlined-light-border-color: var(--wds-color-fill-light-primary);
2245
+ --wds-tag-outlined-error-label-color: var(--wds-color-text-standard-secondary);
2246
+ --wds-tag-outlined-dark-label-color: var(--wds-color-text-standard-primary);
2247
+ --wds-tag-outlined-dark-border-color: var(--wds-color-fill-dark-primary);
2248
+ --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
2249
+ --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
2250
+ --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
2251
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
2252
+ --wds-tabs-label-fill-disabled: var(--wds-color-text-disabled);
2253
+ --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
2254
+ --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
2255
+ --wds-table-list-item-fill-overlay: var(--wds-color-fill-standard-tertiary);
2256
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
2257
+ --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
2258
+ --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
2259
+ --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
2260
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
2261
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
2262
+ --wds-table-list-header-fill: var(--wds-color-fill-surface-raised);
2263
+ --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
2264
+ --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
2265
+ --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
2266
+ --wds-swatches-fill-border-no-value: var(--wds-color-border-dark-secondary);
2267
+ --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2268
+ --wds-status-toast-text-font-size: var(--wds-font-size-body-small);
2269
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
2270
+ --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-heading-2);
2271
+ --wds-statistics-widget-value-font-size-tiny: var(--wds-font-size-heading-2);
2272
+ --wds-statistics-widget-description-font-size: var(--wds-font-size-body-tiny);
2273
+ --wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
2274
+ --wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
2275
+ --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
2276
+ --wds-slider-slider-knob-color-disabled: var(--wds-color-fill-standard-tertiary);
2277
+ --wds-slider-slider-knob-color: var(--wds-color-fill-standard-tertiary);
2278
+ --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-text-standard-primary);
2279
+ --wds-sidebar-minimize-action-text-light-default: var(--wds-color-text-standard-primary);
2280
+ --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
2281
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-small);
2282
+ --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
2283
+ --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
2284
+ --wds-sidebar-item-text-neutral-active: var(--wds-color-text-standard-primary);
2285
+ --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
2286
+ --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
2287
+ --wds-sidebar-item-text-light-active: var(--wds-color-text-standard-primary);
2288
+ --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
2289
+ --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
2290
+ --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-tiny);
2291
+ --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary-light);
2292
+ --wds-side-panel-standard-shadow: 0 var(--wds-shadow-y-primary-overlay) var(--wds-shadow-blur-primary-overlay) var(--wds-shadow-fill-primary-overlay), 0 var(--wds-shadow-blur-secondary-overlay) var(--wds-shadow-y-secondary-overlay) var(--wds-shadow-fill-secondary-overlay);
2293
+ --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
2294
+ --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
2295
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
2296
+ --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
2297
+ --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
2298
+ --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
2299
+ --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-standard-primary);
2300
+ --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
2301
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
2302
+ --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
2303
+ --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
2304
+ --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
2305
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
2306
+ --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
2307
+ --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
2308
+ --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
2309
+ --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled);
2310
+ --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
2311
+ --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary);
2312
+ --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
2313
+ --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
2314
+ --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-400);
2315
+ --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2316
+ --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
2317
+ --wds-segmented-toggle-fill-hover: var(--wds-color-fill-light-secondary);
2318
+ --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
2319
+ --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
2320
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
2321
+ --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
2322
+ --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
2323
+ --wds-section-helper-fill-experimental-dark: var(--wds-color-fill-dark-primary);
2324
+ --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
2325
+ --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
2326
+ --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
2327
+ --wds-section-header-fill-standard: var(--wds-color-fill-surface-default);
2328
+ --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
2329
+ --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
2330
+ --wds-section-header-border-light: var(--wds-color-border-standard-primary);
2331
+ --wds-section-header-bold-label-font-size: var(--wds-font-size-body-small);
2332
+ --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
2333
+ --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
2334
+ --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
2335
+ --wds-radio-fill-active-hover: var(--wds-color-fill-standard-primary);
2336
+ --wds-radio-fill-active-disabled: var(--wds-color-fill-dark-secondary-active);
2337
+ --wds-radio-fill-active: var(--wds-color-fill-standard-primary);
2338
+ --wds-radio-fill: var(--wds-color-fill-standard-tertiary);
2339
+ --wds-radio-dot-fill-disabled: var(--wds-color-fill-standard-tertiary-readonly);
2340
+ --wds-radio-dot-fill-active: var(--wds-color-fill-standard-tertiary);
2341
+ --wds-radio-border-hover: var(--wds-color-fill-standard-primary);
2342
+ --wds-radio-border-disabled: var(--wds-color-border-transparent-primary);
2343
+ --wds-radio-border-active: var(--wds-color-fill-standard-primary);
2344
+ --wds-preview-widget-fill: var(--wds-color-fill-surface-neutral);
2345
+ --wds-popover-fill: var(--wds-color-fill-surface-overlay);
2346
+ --wds-pagination-fill-hover: var(--wds-color-fill-dark-primary-hover);
2347
+ --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
2348
+ --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
2349
+ --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
2350
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-3);
2351
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-tiny);
2352
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
2353
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
2354
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
2355
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-body-small);
2356
+ --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
2357
+ --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
2358
+ --wds-notification-content-color: var(--wds-color-text-standard-secondary);
2359
+ --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
2360
+ --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
2361
+ --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2362
+ --wds-marketing-page-subtitle-fill: var(--wds-color-text-standard-secondary-light);
2363
+ --wds-marketing-page-content-font-size: var(--wds-font-size-body-small);
2364
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
2365
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
2366
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
2367
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
2368
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
2369
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
2370
+ --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
2371
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
2372
+ --wds-loader-fill-light: var(--wds-color-fill-light-primary);
2373
+ --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
2374
+ --wds-loader-fill: var(--wds-color-fill-dark-secondary);
2375
+ --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
2376
+ --wds-list-item-select-title: var(--wds-color-text-standard-primary);
2377
+ --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
2378
+ --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2379
+ --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
2380
+ --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
2381
+ --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
2382
+ --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
2383
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-secondary);
2384
+ --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
2385
+ --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
2386
+ --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
2387
+ --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
2388
+ --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
2389
+ --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
2390
+ --wds-list-item-select-active-title: var(--wds-color-text-standard-primary);
2391
+ --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
2392
+ --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
2393
+ --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
2394
+ --wds-list-item-select-active-fill-hover: var(--wds-color-fill-dark-secondary);
2395
+ --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
2396
+ --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
2397
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
2398
+ --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
2399
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
2400
+ --wds-list-item-section-fill: var(--wds-color-fill-transparent-secondary);
2401
+ --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
2402
+ --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
2403
+ --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
2404
+ --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
2405
+ --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
2406
+ --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
2407
+ --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
2408
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
2409
+ --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
2410
+ --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
2411
+ --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
2412
+ --wds-input-value-font-size-large: var(--wds-font-size-body-small);
2413
+ --wds-input-value-font-line-height-large: var(--wds-font-size-body-small);
2414
+ --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
2415
+ --wds-input-border-color-hover: var(--wds-color-border-standard-primary);
2416
+ --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2417
+ --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2418
+ --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2419
+ --wds-info-icon-fill: var(--wds-color-text-standard-secondary);
2420
+ --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2421
+ --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
2422
+ --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
2423
+ --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
2424
+ --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
2425
+ --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
2426
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
2427
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
2428
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
2429
+ --wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-fill-premium-primary-active);
2430
+ --wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-fill-premium-primary-active);
2431
+ --wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
2432
+ --wds-icon-button-color-text-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
2433
+ --wds-icon-button-color-text-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
2434
+ --wds-icon-button-color-text-premium-secondary: var(--wds-color-fill-premium-primary);
2435
+ --wds-icon-button-color-text-premium-primary-hover: var(--wds-color-text-standard-primary-light);
2436
+ --wds-icon-button-color-text-premium-primary-active: var(--wds-color-text-standard-primary-light);
2437
+ --wds-icon-button-color-text-premium-primary: var(--wds-color-text-standard-primary-light);
2438
+ --wds-icon-button-color-text-light-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2439
+ --wds-icon-button-color-text-light-tertiary-disabled: var(--wds-color-text-disabled-light);
2440
+ --wds-icon-button-color-text-light-tertiary-active: var(--wds-color-fill-standard-primary-active);
2441
+ --wds-icon-button-color-text-light-tertiary: var(--wds-color-text-standard-primary-light);
2442
+ --wds-icon-button-color-text-light-secondary-hover: var(--wds-color-fill-standard-primary-active);
2443
+ --wds-icon-button-color-text-light-secondary-active: var(--wds-color-fill-standard-primary-active);
2444
+ --wds-icon-button-color-text-light-secondary: var(--wds-color-text-standard-primary-light);
2445
+ --wds-icon-button-color-text-light-primary-hover: var(--wds-color-fill-standard-primary-active);
2446
+ --wds-icon-button-color-text-light-primary-active: var(--wds-color-fill-standard-primary-active);
2447
+ --wds-icon-button-color-text-light-primary: var(--wds-color-fill-standard-primary);
2448
+ --wds-icon-button-color-text-dark-tertiary-hover: var(--wds-color-text-standard-primary);
2449
+ --wds-icon-button-color-text-dark-tertiary-active: var(--wds-color-text-standard-primary);
2450
+ --wds-icon-button-color-text-dark-tertiary: var(--wds-color-text-standard-primary);
2451
+ --wds-icon-button-color-text-dark-secondary-hover: var(--wds-color-text-standard-primary);
2452
+ --wds-icon-button-color-text-dark-secondary-active: var(--wds-color-text-standard-primary);
2453
+ --wds-icon-button-color-text-dark-secondary: var(--wds-color-text-standard-primary);
2454
+ --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2455
+ --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2456
+ --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2457
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2458
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2459
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2460
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2461
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2462
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2463
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary-light);
2464
+ --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2465
+ --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2466
+ --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
2467
+ --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
2468
+ --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2469
+ --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2470
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
2471
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
2472
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
2473
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
2474
+ --wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-secondary-hover);
2475
+ --wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-secondary-disabled);
2476
+ --wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-secondary-active);
2477
+ --wds-icon-button-color-fill-premium-tertiary: var(--wds-color-fill-premium-secondary);
2478
+ --wds-icon-button-color-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
2479
+ --wds-icon-button-color-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
2480
+ --wds-icon-button-color-fill-premium-secondary: var(--wds-color-fill-premium-tertiary);
2481
+ --wds-icon-button-color-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
2482
+ --wds-icon-button-color-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
2483
+ --wds-icon-button-color-fill-premium-primary: var(--wds-color-fill-premium-primary);
2484
+ --wds-icon-button-color-fill-light-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2485
+ --wds-icon-button-color-fill-light-tertiary-disabled: var(--wds-color-fill-light-secondary);
2486
+ --wds-icon-button-color-fill-light-tertiary-active: var(--wds-color-fill-light-secondary-active);
2487
+ --wds-icon-button-color-fill-light-tertiary: var(--wds-color-fill-light-secondary);
2488
+ --wds-icon-button-color-fill-light-secondary-hover: var(--wds-color-fill-light-secondary-hover);
2489
+ --wds-icon-button-color-fill-light-secondary-active: var(--wds-color-fill-light-secondary-active);
2490
+ --wds-icon-button-color-fill-light-secondary: var(--wds-color-fill-light-secondary);
2491
+ --wds-icon-button-color-fill-light-primary-hover: var(--wds-color-fill-light-primary-hover);
2492
+ --wds-icon-button-color-fill-light-primary-active: var(--wds-color-fill-light-primary-active);
2493
+ --wds-icon-button-color-fill-light-primary: var(--wds-color-fill-light-primary);
2494
+ --wds-icon-button-color-fill-dark-tertiary-disabled: var(--wds-color-fill-light-secondary);
2495
+ --wds-icon-button-color-fill-dark-tertiary-active: var(--wds-color-fill-dark-tertiary-active);
2496
+ --wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
2497
+ --wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-secondary-active);
2498
+ --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2499
+ --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2500
+ --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2501
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2502
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2503
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2504
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2505
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2506
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2507
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2508
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2509
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2510
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2511
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2512
+ --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2513
+ --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
2514
+ --wds-icon-button-color-border-premium-secondary-active: var(--wds-color-border-premium-tertiary-active);
2515
+ --wds-icon-button-color-border-premium-secondary: var(--wds-color-border-premium-primary);
2516
+ --wds-icon-button-color-border-light-secondary-hover: var(--wds-color-border-light-hover);
2517
+ --wds-icon-button-color-border-light-secondary-active: var(--wds-color-border-light-active);
2518
+ --wds-icon-button-color-border-light-secondary: var(--wds-color-border-light);
2519
+ --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2520
+ --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2521
+ --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2522
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2523
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2524
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2525
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2526
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2527
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-fill-standard-primary);
2528
+ --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2529
+ --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2530
+ --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
2531
+ --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
2532
+ --wds-fill-button-icon-color: var(--wds-color-text-standard-primary);
2533
+ --wds-fill-button-fill-hover: var(--wds-color-fill-standard-tertiary);
2534
+ --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
2535
+ --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2536
+ --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
2537
+ --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
2538
+ --wds-empty-state-subtitle-fill: var(--wds-color-text-standard-secondary-light);
2539
+ --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
2540
+ --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
2541
+ --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
2542
+ --wds-dock-point-fill-hover: var(--wds-color-fill-dark-secondary-active);
2543
+ --wds-dock-point-fill-fill: var(--wds-color-text-standard-secondary-light);
2544
+ --wds-dock-point-fill-active: var(--wds-color-fill-standard-primary);
2545
+ --wds-divider-fill-light: var(--wds-color-border-dark-secondary);
2546
+ --wds-divider-fill-dark: var(--wds-color-border-dark-primary-active);
2547
+ --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
2548
+ --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
2549
+ --wds-date-picker-icon-fill-disabled: var(--wds-color-text-disabled);
2550
+ --wds-date-picker-icon-fill: var(--wds-color-text-standard-secondary);
2551
+ --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
2552
+ --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
2553
+ --wds-custom-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2554
+ --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
2555
+ --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
2556
+ --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
2557
+ --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
2558
+ --wds-close-button-standard-filled-fill: var(--wds-color-fill-dark-secondary);
2559
+ --wds-close-button-standard-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2560
+ --wds-close-button-standard-fill-disabled: var(--wds-color-fill-dark-secondary-disabled);
2561
+ --wds-close-button-standard-fill-active: var(--wds-color-fill-dark-tertiary-active);
2562
+ --wds-clickable-card-standard-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2563
+ --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2564
+ --wds-circular-progress-bar-label-font-line-height: var(--wds-font-line-height-300);
2565
+ --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
2566
+ --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
2567
+ --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary);
2568
+ --wds-circular-progress-bar-foreground-fill-error: var(--wds-color-fill-destructive-primary);
2569
+ --wds-circular-progress-bar-background-fill-success: var(--wds-color-fill-success-secondary-disabled);
2570
+ --wds-circular-progress-bar-background-fill-standard: var(--wds-color-fill-standard-secondary-disabled);
2571
+ --wds-circular-progress-bar-background-fill-premium: var(--wds-color-fill-premium-secondary-disabled);
2572
+ --wds-circular-progress-bar-background-fill-error: var(--wds-color-fill-destructive-secondary-disabled);
2573
+ --wds-checkbox-label-font-size-small: var(--wds-font-size-body-tiny);
2574
+ --wds-checkbox-label-font-size-medium: var(--wds-font-size-body-small);
2575
+ --wds-checkbox-label-disabled: var(--wds-color-text-disabled);
2576
+ --wds-checkbox-icon-disabled: var(--wds-color-text-disabled-light);
2577
+ --wds-checkbox-icon: var(--wds-color-text-standard-primary-light);
2578
+ --wds-checkbox-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
2579
+ --wds-checkbox-fill-active-hover: var(--wds-color-fill-standard-primary-hover);
2580
+ --wds-checkbox-fill-active-disabled: var(--wds-color-fill-standard-primary-disabled);
2581
+ --wds-checkbox-fill-active: var(--wds-color-fill-standard-primary);
2582
+ --wds-checkbox-fill: var(--wds-color-fill-standard-tertiary);
2583
+ --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2584
+ --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2585
+ --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2586
+ --wds-carousel-controls-size-large: var(--wds-button-size-large);
2587
+ --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
2588
+ --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2589
+ --wds-carousel-controls-icon-fill: var(--wds-color-text-standard-primary);
2590
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2591
+ --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2592
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2593
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2594
+ --wds-card-gallery-item-secondary-action-fill-hover: var(--wds-color-fill-light-secondary-hover);
2595
+ --wds-card-gallery-item-secondary-action-fill-active: var(--wds-color-fill-light-secondary-active);
2596
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-text-primary);
2597
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-text-primary);
2598
+ --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2599
+ --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2600
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
2601
+ --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2602
+ --wds-calendar-weekday-label-color: var(--wds-color-text-disabled);
2603
+ --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
2604
+ --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
2605
+ --wds-button-label-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
2606
+ --wds-button-label-fill-standard-secondary: var(--wds-color-fill-standard-primary-hover);
2607
+ --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
2608
+ --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
2609
+ --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
2610
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary-light);
2611
+ --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
2612
+ --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
2613
+ --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
2614
+ --wds-button-label-fill-destructive-secondary: var(--wds-color-text-destructive);
2615
+ --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
2616
+ --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
2617
+ --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
2618
+ --wds-button-label-fill-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2619
+ --wds-button-label-fill-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2620
+ --wds-button-label-fill-ai-tertiary: var(--wds-color-fill-standard-primary-hover);
2621
+ --wds-button-label-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2622
+ --wds-button-label-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2623
+ --wds-button-label-fill-ai-secondary: var(--wds-color-fill-standard-primary-hover);
2624
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
2625
+ --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
2626
+ --wds-button-font-size-small: var(--wds-font-size-body-tiny);
2627
+ --wds-button-font-size-medium: var(--wds-font-size-body-small);
2628
+ --wds-button-font-size-large: var(--wds-font-size-body-medium);
2629
+ --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2630
+ --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2631
+ --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
2632
+ --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
2633
+ --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
2634
+ --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
2635
+ --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
2636
+ --wds-button-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
2637
+ --wds-button-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
2638
+ --wds-button-fill-premium-primary: var(--wds-color-fill-premium-primary);
2639
+ --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
2640
+ --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2641
+ --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2642
+ --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2643
+ --wds-button-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2644
+ --wds-button-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2645
+ --wds-button-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2646
+ --wds-button-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2647
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2648
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2649
+ --wds-button-fill-ai-primary: var(--wds-color-fill-standard-primary);
2650
+ --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2651
+ --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2652
+ --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
2653
+ --wds-button-border-premium-secondary-hover: var(--wds-color-fill-premium-secondary-hover);
2654
+ --wds-button-border-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
2655
+ --wds-button-border-premium-secondary: var(--wds-color-border-premium-secondary-hover);
2656
+ --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2657
+ --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2658
+ --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2659
+ --wds-button-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2660
+ --wds-button-border-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2661
+ --wds-button-border-ai-secondary: var(--wds-color-border-standard-primary);
2662
+ --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2663
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2664
+ --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-text-primary);
2665
+ --wds-badge-transparent-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2666
+ --wds-badge-transparent-neutral-danger-label-color: var(--wds-color-text-destructive);
2667
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary);
2668
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary);
2669
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary);
2670
+ --wds-badge-outline-warning-light-label-color: var(--wds-color-text-standard-primary);
2671
+ --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2672
+ --wds-badge-outline-neutral-success-label-color: var(--wds-color-text-standard-primary);
2673
+ --wds-badge-outline-neutral-standard-label-color: var(--wds-color-text-standard-primary);
2674
+ --wds-badge-outline-neutral-light-label-color: var(--wds-color-text-standard-primary);
2675
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-primary);
2676
+ --wds-badge-outline-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2677
+ --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
2678
+ --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2679
+ --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
2680
+ --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
2681
+ --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2682
+ --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2683
+ --wds-avatar-text-fill: var(--wds-color-text-standard-primary);
2684
+ --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2685
+ --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2686
+ --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2687
+ --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2688
+ --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2689
+ --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
2690
+ --wds-angle-input-knob-disabled: var(--wds-color-fill-standard-tertiary);
2691
+ --wds-angle-input-arm-border: var(--wds-color-fill-standard-primary);
2692
+ --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny);
2693
+ --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
2694
+ --wds-add-item-label-color: var(--wds-color-text-standard-primary);
2695
+ --wds-add-item-fill-pressed: var(--wds-color-fill-dark-secondary-active);
2696
+ --wds-add-item-fill-plain: var(--wds-color-fill-standard-tertiary);
2697
+ --wds-add-item-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2698
+ --wds-add-item-border-color-hover: var(--wds-color-fill-dark-primary);
2699
+ --wds-add-item-border-color-disabled: var(--wds-color-fill-dark-primary-disabled);
2700
+ --wds-add-item-border-color: var(--wds-color-fill-dark-primary);
2701
+ --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny);
2702
+ --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2703
+ --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2704
+ --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2705
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2706
+ --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2707
+ --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2708
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-active);
2709
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
2710
+ --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
2711
+ --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
2712
+ --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
2713
+ --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
2714
+ --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2715
+ --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2716
+ --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2717
+ --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2718
+ --wds-text-button-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2719
+ --wds-text-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2720
+ --wds-text-button-font-line-height-medium: var(--wds-font-line-height-body-small);
2721
+ --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2722
+ --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
2723
+ --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2724
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-small);
2725
+ --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2726
+ --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2727
+ --wds-statistics-widget-value-font-line-height-tiny: var(--wds-font-line-height-heading-2);
2728
+ --wds-statistics-widget-description-font-line-height: var(--wds-font-line-height-body-tiny);
2729
+ --wds-sidebar-item-text-line-height: var(--wds-font-line-height-body-small);
2730
+ --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
2731
+ --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2732
+ --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
2733
+ --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2734
+ --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2735
+ --wds-section-header-bold-label-font-line-height: var(--wds-font-line-height-body-medium);
2736
+ --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2737
+ --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2738
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
2739
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-tiny);
2740
+ --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2741
+ --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2742
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-small);
2743
+ --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2744
+ --wds-marketing-page-content-line-height: var(--wds-font-line-height-body-small);
2745
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2746
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2747
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2748
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-small);
2749
+ --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2750
+ --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2751
+ --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2752
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2753
+ --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2754
+ --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
2755
+ --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2756
+ --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2757
+ --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-small);
2758
+ --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small);
2759
+ --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2760
+ --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-tiny);
2761
+ --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2762
+ --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2763
+ --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-small);
2764
+ --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2765
+ --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2766
+ --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2767
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2768
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2769
+ --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-tiny);
2770
+ --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-tiny);
2771
+ --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-tiny);
2772
+ --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2773
+ --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2774
+ --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
2775
+ --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
2776
+ --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
2777
+ --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2778
+ --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2779
+ --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2780
+ --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-medium);
2781
+ --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2782
+ }