@wix/design-system-tokens 1.160.0 → 1.161.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,2022 @@
1
+ @mixin tokens {
2
+ --wds-variable-input-padding-vertical-tiny: 2px;
3
+ --wds-variable-input-padding-vertical-small: 5px;
4
+ --wds-toggle-switch-width-small: 24px;
5
+ --wds-toggle-switch-width-medium: 26px;
6
+ --wds-toggle-switch-width-large: 40px;
7
+ --wds-toggle-switch-shadow: 0;
8
+ --wds-toggle-switch-knob-text-height: 0px;
9
+ --wds-toggle-switch-knob-size-small: 12px;
10
+ --wds-toggle-switch-knob-size-medium: 14px;
11
+ --wds-toggle-switch-knob-size-large: 20px;
12
+ --wds-toggle-switch-icon: false;
13
+ --wds-toggle-button-shadow-y-tertiary-inverted: 4px;
14
+ --wds-toggle-button-shadow-y-tertiary: 0.4px;
15
+ --wds-toggle-button-shadow-y-secondary-inverted: 0.4px;
16
+ --wds-toggle-button-shadow-y-secondary: 1.2px;
17
+ --wds-toggle-button-shadow-y-primary-inverted: 5px;
18
+ --wds-toggle-button-shadow-x-tertiary-inverted: 1px;
19
+ --wds-toggle-button-shadow-x-tertiary: 0.4px;
20
+ --wds-toggle-button-shadow-x-secondary-inverted: 0.4px;
21
+ --wds-toggle-button-shadow-x-secondary: 1.2px;
22
+ --wds-toggle-button-shadow-x-primary-inverted: -8px;
23
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
24
+ --wds-toggle-button-shadow-blur-tertiary: 0.6px;
25
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
26
+ --wds-toggle-button-shadow-blur-secondary: 1.7px;
27
+ --wds-toggle-button-shadow-blur-primary-inverted: 30px;
28
+ --wds-toggle-button-inner-shadow-blur-secondary: 1px;
29
+ --wds-toggle-button-inner-shadow-blur-primary: 1px;
30
+ --wds-tabs-selection-height: 3px;
31
+ --wds-swatches-swatch-size-tiny: 22px;
32
+ --wds-status-toast-width: 600px;
33
+ --wds-space-2400: 96px;
34
+ --wds-space-1700: 68px;
35
+ --wds-space-1600: 64px;
36
+ --wds-space-1500: 60px;
37
+ --wds-space-1400: 56px;
38
+ --wds-space-1300: 52px;
39
+ --wds-space-1200: 48px;
40
+ --wds-space-1150: 46px;
41
+ --wds-space-1100: 44px;
42
+ --wds-space-1050: 42px;
43
+ --wds-space-1000: 40px;
44
+ --wds-space-950: 38px;
45
+ --wds-space-900: 36px;
46
+ --wds-space-850: 34px;
47
+ --wds-space-800: 32px;
48
+ --wds-space-750: 30px;
49
+ --wds-space-700: 28px;
50
+ --wds-space-600: 24px;
51
+ --wds-space-500: 20px;
52
+ --wds-space-475: 18px;
53
+ --wds-space-400: 16px;
54
+ --wds-space-350: 14px;
55
+ --wds-space-300: 12px;
56
+ --wds-space-250: 10px;
57
+ --wds-space-200: 8px;
58
+ --wds-space-175: 7px;
59
+ --wds-space-150: 6px;
60
+ --wds-space-100: 4px;
61
+ --wds-space-50: 2px;
62
+ --wds-space-25: 1px;
63
+ --wds-space-0: 0px;
64
+ --wds-slider-track-size-transparent: 2px;
65
+ --wds-slider-track-size: 2px;
66
+ --wds-slider-slider-knob-size-transparent: 16px;
67
+ --wds-slider-slider-knob-size-hover: 18px;
68
+ --wds-slider-slider-knob-size: 8px;
69
+ --wds-slider-slider-knob-shadow: false;
70
+ --wds-slider-slider-knob-border-width-hover: 12px;
71
+ --wds-slider-slider-knob-border-width: 2px;
72
+ --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
73
+ --wds-sidebar-scrollbar-fill-dark-default: #717379;
74
+ --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
75
+ --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
76
+ --wds-sidebar-minimize-action-fill-dark-default: #42454c;
77
+ --wds-sidebar-item-text-dark-disabled: #898b8f;
78
+ --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
79
+ --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
80
+ --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
81
+ --wds-sidebar-item-level-1-fill-dark-default: #131720;
82
+ --wds-sidebar-item-level-1-fill-dark-active: #42454c;
83
+ --wds-sidebar-divider-fill-dark-default: #42454c;
84
+ --wds-sidebar-clear-button-fill: #5a5d63;
85
+ --wds-side-panel-header-divider-height: 0;
86
+ --wds-side-panel-footer-divider-height: 0;
87
+ --wds-side-panel-floating-max-height: 576px;
88
+ --wds-side-panel-control-layout-divider-border-width: false;
89
+ --wds-shadow-y-tertiary-toggle-button: 0.4px;
90
+ --wds-shadow-y-secondary-toggle-button: 1.2px;
91
+ --wds-shadow-y-600: 20px;
92
+ --wds-shadow-y-350: 10px;
93
+ --wds-shadow-y-300: 12px;
94
+ --wds-shadow-y-200: 8px;
95
+ --wds-shadow-y-150: 6px;
96
+ --wds-shadow-y-125: 5px;
97
+ --wds-shadow-y-100: 4px;
98
+ --wds-shadow-y-50: 2px;
99
+ --wds-shadow-y-25: 1px;
100
+ --wds-shadow-y-0: 0px;
101
+ --wds-shadow-x-tertiary-toggle-button: 0.4px;
102
+ --wds-shadow-x-secondary-toggle-button: 1.2px;
103
+ --wds-shadow-x-50: 2px;
104
+ --wds-shadow-x-25: 1px;
105
+ --wds-shadow-x-0: 0px;
106
+ --wds-shadow-spread-secondary-raised: -0.70;
107
+ --wds-shadow-focus-spread: 0;
108
+ --wds-shadow-blur-tertiary-toggle-button: 0.6px;
109
+ --wds-shadow-blur-secondary-toggle-button: 1.7px;
110
+ --wds-shadow-blur-800: 30px;
111
+ --wds-shadow-blur-500: 20px;
112
+ --wds-shadow-blur-400: 20px;
113
+ --wds-shadow-blur-200: 18px;
114
+ --wds-shadow-blur-150: 12px;
115
+ --wds-shadow-blur-135: 10px;
116
+ --wds-shadow-blur-125: 8px;
117
+ --wds-shadow-blur-100: 7px;
118
+ --wds-shadow-blur-75: 6px;
119
+ --wds-shadow-blur-50: 4px;
120
+ --wds-shadow-blur-35: 3px;
121
+ --wds-shadow-blur-25: 2px;
122
+ --wds-shadow-blur-0: 0px;
123
+ --wds-section-helper-prefix-offset-margin: 0px;
124
+ --wds-radio-dot-size: 4px;
125
+ --wds-internal-thumbnail-illustration-size-tiny: 38px;
126
+ --wds-internal-thumbnail-illustration-size-small: 51px;
127
+ --wds-internal-thumbnail-illustration-size-medium: 72px;
128
+ --wds-internal-thumbnail-illustration-size-large: 114px;
129
+ --wds-internal-image-width-tiny: 106px;
130
+ --wds-internal-image-width-small: 122px;
131
+ --wds-internal-image-width-medium: 156px;
132
+ --wds-internal-image-width-large: 240px;
133
+ --wds-internal-image-height-small: 60px;
134
+ --wds-internal-image-height-medium: 84px;
135
+ --wds-internal-image-height-large: 120px;
136
+ --wds-input-shadow-focus-warning: transparent;
137
+ --wds-input-shadow-focus-standard: transparent;
138
+ --wds-input-shadow-focus-destructive: transparent;
139
+ --wds-font-weight-semi-bold: 600;
140
+ --wds-font-weight-regular: 400;
141
+ --wds-font-weight-medium: 500;
142
+ --wds-font-weight-bold: 600;
143
+ --wds-font-size-900: 32px;
144
+ --wds-font-size-800: 24px;
145
+ --wds-font-size-700: 20px;
146
+ --wds-font-size-600: 18px;
147
+ --wds-font-size-500: 16px;
148
+ --wds-font-size-400: 15px;
149
+ --wds-font-size-300: 14px;
150
+ --wds-font-size-200: 12px;
151
+ --wds-font-size-100: 10px;
152
+ --wds-font-letter-spacing-heading-3: -0.50;
153
+ --wds-font-letter-spacing-heading-2: -0.50;
154
+ --wds-font-letter-spacing-heading-1: -0.50;
155
+ --wds-font-letter-spacing-100: 1px;
156
+ --wds-font-letter-spacing-0: 0px;
157
+ --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
158
+ --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
159
+ --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);
160
+ --wds-composer-sidebar-end-max-width: 240px;
161
+ --wds-composer-sidebar-bottom-width: 88px;
162
+ --wds-color-yellow-600: #fef6ed;
163
+ --wds-color-yellow-500: #fef3e5;
164
+ --wds-color-yellow-400: #fdead2;
165
+ --wds-color-yellow-300: #fcd29d;
166
+ --wds-color-yellow-200: #fabd71;
167
+ --wds-color-yellow-100: #f9ad4d;
168
+ --wds-color-yellow-50: #e7a047;
169
+ --wds-color-yellow-0: #d49341;
170
+ --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
171
+ --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
172
+ --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
173
+ --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
174
+ --wds-color-white-transparent-30: rgba(255, 255, 255, .3);
175
+ --wds-color-white-transparent-20: rgba(255, 255, 255, .2);
176
+ --wds-color-white-transparent-12: rgba(255, 255, 255, .12);
177
+ --wds-color-white-transparent-10: rgba(255, 255, 255, .1);
178
+ --wds-color-white-transparent-5: rgba(255, 255, 255, .05);
179
+ --wds-color-white-transparent-1: rgba(255, 255, 255, .01);
180
+ --wds-color-white-transparent-0: rgba(255, 255, 255, 0);
181
+ --wds-color-white: #ffffff;
182
+ --wds-color-text-stage-section: #6f56f9;
183
+ --wds-color-red-600: #fcebeb;
184
+ --wds-color-red-500: #f9d6d7;
185
+ --wds-color-red-400: #f4b8b9;
186
+ --wds-color-red-300: #ed8f90;
187
+ --wds-color-red-200: #e55c5e;
188
+ --wds-color-red-100: #df3336;
189
+ --wds-color-red-50: #be2b2e;
190
+ --wds-color-red-0: #9c2426;
191
+ --wds-color-purple-700: #faf0ff;
192
+ --wds-color-purple-600: #f8f2ff;
193
+ --wds-color-purple-500: #f1e5fe;
194
+ --wds-color-purple-400: #d7b7fb;
195
+ --wds-color-purple-300: #be89f9;
196
+ --wds-color-purple-200: #8b2df5;
197
+ --wds-color-purple-100: #7200f3;
198
+ --wds-color-purple-50: #6100cf;
199
+ --wds-color-purple-0: #5000aa;
200
+ --wds-color-picker-width: 236px;
201
+ --wds-color-orange-600: #fdf1ec;
202
+ --wds-color-orange-500: #fbe3d9;
203
+ --wds-color-orange-400: #fbcfbb;
204
+ --wds-color-orange-300: #fda77f;
205
+ --wds-color-orange-200: #fe9361;
206
+ --wds-color-orange-100: #ff8044;
207
+ --wds-color-orange-50: #d96d3a;
208
+ --wds-color-orange-0: #ae3e09;
209
+ --wds-color-iris-600: #eeecfe;
210
+ --wds-color-iris-500: #e7e4fe;
211
+ --wds-color-iris-400: #d6d1fc;
212
+ --wds-color-iris-300: #a59bfa;
213
+ --wds-color-iris-200: #7b6df7;
214
+ --wds-color-iris-100: #5a48f5;
215
+ --wds-color-iris-50: #5443e3;
216
+ --wds-color-iris-0: #4d3dd0;
217
+ --wds-color-green-600: #f1f5ed;
218
+ --wds-color-green-500: #effae5;
219
+ --wds-color-green-400: #daf3c0;
220
+ --wds-color-green-300: #bde2a7;
221
+ --wds-color-green-200: #97c693;
222
+ --wds-color-green-100: #4b916d;
223
+ --wds-color-green-50: #11664f;
224
+ --wds-color-green-0: #0d4f3d;
225
+ --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
226
+ --wds-color-fill-stage-section-secondary-active: #d9d2ff;
227
+ --wds-color-fill-stage-section-secondary: #d9d2ff;
228
+ --wds-color-fill-stage-section-primary-hover: #6f56f9;
229
+ --wds-color-fill-stage-section-primary-active: #6f56f9;
230
+ --wds-color-fill-stage-section-primary: #6f56f9;
231
+ --wds-color-fill-stage-padding-hover: #18d9c2;
232
+ --wds-color-fill-stage-padding-active: #18d9c2;
233
+ --wds-color-fill-stage-padding: #18d9c2;
234
+ --wds-color-fill-stage-anchor-hover: #18d2de;
235
+ --wds-color-fill-stage-anchor-active: #5effff;
236
+ --wds-color-fill-stage-anchor: #5effff;
237
+ --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, 0.8000);
238
+ --wds-color-fill-social-youtube-disabled: #bebebe;
239
+ --wds-color-fill-social-youtube-active: #ff0000;
240
+ --wds-color-fill-social-youtube: #ff0000;
241
+ --wds-color-fill-social-xcorp-hover: rgba(16, 20, 25, 0.8000);
242
+ --wds-color-fill-social-xcorp-disabled: #bebebe;
243
+ --wds-color-fill-social-xcorp-active: #101419;
244
+ --wds-color-fill-social-xcorp: #101419;
245
+ --wds-color-fill-social-twitter-hover: rgba(29, 161, 242, 0.8000);
246
+ --wds-color-fill-social-twitter-disabled: #bebebe;
247
+ --wds-color-fill-social-twitter-active: #1da1f2;
248
+ --wds-color-fill-social-twitter: #1da1f2;
249
+ --wds-color-fill-social-pinterest-hover: rgba(230, 0, 25, 0.8000);
250
+ --wds-color-fill-social-pinterest-disabled: #bebebe;
251
+ --wds-color-fill-social-pinterest-active: #e60019;
252
+ --wds-color-fill-social-pinterest: #e60019;
253
+ --wds-color-fill-social-linkedin-hover: rgba(0, 101, 200, 0.8000);
254
+ --wds-color-fill-social-linkedin-disabled: #bebebe;
255
+ --wds-color-fill-social-linkedin-active: #0065c8;
256
+ --wds-color-fill-social-linkedin: #0065c8;
257
+ --wds-color-fill-social-instagram-hover: rgba(255, 1, 117, 0.8000);
258
+ --wds-color-fill-social-instagram-disabled: #bebebe;
259
+ --wds-color-fill-social-instagram-active: #ff0175;
260
+ --wds-color-fill-social-instagram: #ff0175;
261
+ --wds-color-fill-social-facebook-hover: rgba(24, 119, 242, 0.8000);
262
+ --wds-color-fill-social-facebook-disabled: #bebebe;
263
+ --wds-color-fill-social-facebook-active: #1877f2;
264
+ --wds-color-fill-social-facebook: #1877f2;
265
+ --wds-color-fill-ai-secondary-disabled: #e5e5e5;
266
+ --wds-color-fill-ai-primary-pressed: #ffffff;
267
+ --wds-color-fill-ai-primary-disabled: #bebebe;
268
+ --wds-color-fill-ai-hover: #ffffff;
269
+ --wds-color-fill-ai: #ffffff;
270
+ --wds-color-fill-accent-12: #acafc4;
271
+ --wds-color-fill-accent-11: #1b3689;
272
+ --wds-color-fill-accent-10: #1f8845;
273
+ --wds-color-fill-accent-9: #59005f;
274
+ --wds-color-fill-accent-8: #cc180b;
275
+ --wds-color-fill-accent-7: #f36e1b;
276
+ --wds-color-fill-accent-6: #d49341;
277
+ --wds-color-fill-accent-5: #c42fca;
278
+ --wds-color-fill-accent-4: #1b838b;
279
+ --wds-color-fill-accent-3: #6959f0;
280
+ --wds-color-fill-accent-2: #17b0e2;
281
+ --wds-color-fill-accent-1: #1684ea;
282
+ --wds-color-border-stage-wip: #ffffff;
283
+ --wds-color-border-ai-primary-hover: #ffffff;
284
+ --wds-color-border-ai-primary-disabled: #ffffff;
285
+ --wds-color-border-ai-primary-active: #ffffff;
286
+ --wds-color-border-ai-primary: #ffffff;
287
+ --wds-color-blue-600: #f5f7ff;
288
+ --wds-color-blue-500: #eaefff;
289
+ --wds-color-blue-400: #d5dfff;
290
+ --wds-color-blue-300: #acbeff;
291
+ --wds-color-blue-250: #7896ff;
292
+ --wds-color-blue-200: #597dff;
293
+ --wds-color-blue-100: #2f5dff;
294
+ --wds-color-blue-50: #1c3fe5;
295
+ --wds-color-blue-0: #0f2ccf;
296
+ --wds-color-black-750: #f8f6f6;
297
+ --wds-color-black-700: #f0efef;
298
+ --wds-color-black-600: #e8e7e7;
299
+ --wds-color-black-550: #dedede;
300
+ --wds-color-black-500: #a8a6a5;
301
+ --wds-color-black-400: #767574;
302
+ --wds-color-black-300-transparent-70: rgba(118, 117, 116, .7);
303
+ --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
304
+ --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
305
+ --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
306
+ --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
307
+ --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
308
+ --wds-color-black-300: #525150;
309
+ --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
310
+ --wds-color-black-200-transparent-60: rgba(82, 81, 80, .6);
311
+ --wds-color-black-200-transparent-50: rgba(82, 81, 80, .5);
312
+ --wds-color-black-200-transparent-0: rgba(82, 81, 80, 0);
313
+ --wds-color-black-200: #383838;
314
+ --wds-color-black-100-transparent-70: rgba(19, 23, 32, .7);
315
+ --wds-color-black-100-transparent-50: rgba(19, 23, 32, .5);
316
+ --wds-color-black-100-transparent-40: rgba(19, 23, 32, .4);
317
+ --wds-color-black-100-transparent-30: rgba(19, 23, 32, .3);
318
+ --wds-color-black-100-transparent-25: rgba(19, 23, 32, .25);
319
+ --wds-color-black-100-transparent-20: rgba(19, 23, 32, .2);
320
+ --wds-color-black-100-transparent-15: rgba(19, 23, 32, .15);
321
+ --wds-color-black-100-transparent-10: rgba(19, 23, 32, .1);
322
+ --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
323
+ --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
324
+ --wds-color-black-100: #151414;
325
+ --wds-breakpoint-x-large: 1572px;
326
+ --wds-breakpoint-small: 490px;
327
+ --wds-breakpoint-medium: 768px;
328
+ --wds-breakpoint-large: 1186px;
329
+ --wds-border-width-none: 0px;
330
+ --wds-border-width-200: 2px;
331
+ --wds-border-width-150: 1.5px;
332
+ --wds-border-width-100: 1px;
333
+ --wds-border-width-0: 0px;
334
+ --wds-border-radius-full: 1000px;
335
+ --wds-border-radius-1200: 24px;
336
+ --wds-border-radius-600: 12px;
337
+ --wds-border-radius-500: 10px;
338
+ --wds-border-radius-400: 8px;
339
+ --wds-border-radius-300: 6px;
340
+ --wds-border-radius-200: 4px;
341
+ --wds-border-radius-100: 2px;
342
+ --wds-border-radius-0: 0px;
343
+ --wds-background-blur-450: 40px;
344
+ --wds-background-blur-375: 30px;
345
+ --wds-background-blur-350: 28px;
346
+ --wds-background-blur-300: 24px;
347
+ --wds-background-blur-250: 20px;
348
+ --wds-background-blur-200: 16px;
349
+ --wds-background-blur-175: 14px;
350
+ --wds-background-blur-150: 12px;
351
+ --wds-background-blur-100: 8px;
352
+ --wds-background-blur-50: 4px;
353
+ --wds-background-blur-0: 0px;
354
+ --wds-avatar-group-gap-condensed: -2px;
355
+ --wds-angle-input-knob-size: 6px;
356
+ --wds-angle-input-knob-border: 2px;
357
+ --wds-width-default-2: var(--wds-border-width-none);
358
+ --wds-width-default: var(--wds-border-width-none);
359
+ --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
360
+ --wds-vertical-tabs-section-title-padding-top-small: var(--wds-space-400);
361
+ --wds-vertical-tabs-section-title-padding-top-medium: var(--wds-space-600);
362
+ --wds-vertical-tabs-section-title-padding-horizontal-tiny: var(--wds-space-300);
363
+ --wds-vertical-tabs-section-title-padding-horizontal-small: var(--wds-space-300);
364
+ --wds-vertical-tabs-section-title-padding-horizontal-medium: var(--wds-space-600);
365
+ --wds-vertical-tabs-section-title-padding-bottom-tiny: var(--wds-space-100);
366
+ --wds-vertical-tabs-section-title-padding-bottom-small: var(--wds-space-300);
367
+ --wds-vertical-tabs-section-title-padding-bottom-medium: var(--wds-space-300);
368
+ --wds-vertical-tabs-section-text-font-weight-small: var(--wds-font-weight-bold);
369
+ --wds-vertical-tabs-item-padding-vertical-tiny: var(--wds-space-100);
370
+ --wds-vertical-tabs-item-padding-vertical-small: var(--wds-space-200);
371
+ --wds-vertical-tabs-item-padding-vertical-medium: var(--wds-space-200);
372
+ --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-300);
373
+ --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
374
+ --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
375
+ --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
376
+ --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
377
+ --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
378
+ --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
379
+ --wds-vertical-tabs-icon-padding-horizontal-medium: var(--wds-space-200);
380
+ --wds-vertical-tabs-gaps-vertical: var(--wds-space-50);
381
+ --wds-vertical-tabs-gaps-horizontal: var(--wds-space-300);
382
+ --wds-vertical-tabs-action-radius: var(--wds-border-radius-400);
383
+ --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
384
+ --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-300);
385
+ --wds-vertical-tabs-action-padding-vertical-medium: var(--wds-space-300);
386
+ --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-300);
387
+ --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-300);
388
+ --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
389
+ --wds-tooltip-shadow: var(--wds-color-black-100-transparent-0);
390
+ --wds-tooltip-padding-vertical-small: var(--wds-space-150);
391
+ --wds-tooltip-padding-vertical-medium: var(--wds-space-150);
392
+ --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
393
+ --wds-tooltip-padding-horizontal-medium: var(--wds-space-200);
394
+ --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-medium);
395
+ --wds-tooltip-border-radius: var(--wds-border-radius-300);
396
+ --wds-toggle-switch-padding: var(--wds-space-25);
397
+ --wds-toggle-switch-fill-standard: var(--wds-color-black-400);
398
+ --wds-toggle-switch-border-urgent-disabled: var(--wds-color-black-100-transparent-0);
399
+ --wds-toggle-switch-border-success-disabled: var(--wds-color-black-100-transparent-0);
400
+ --wds-toggle-switch-border-standard-disabled: var(--wds-color-black-100-transparent-0);
401
+ --wds-toggle-switch-border-error-disabled: var(--wds-color-black-100-transparent-0);
402
+ --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-100);
403
+ --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-25);
404
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-10);
405
+ --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-25);
406
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-300-transparent-20);
407
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-15);
408
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-5);
409
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-5);
410
+ --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-50);
411
+ --wds-toggle-button-padding-tiny-round: var(--wds-space-300);
412
+ --wds-toggle-button-padding-tiny: var(--wds-space-200);
413
+ --wds-toggle-button-padding-small-round: var(--wds-space-400);
414
+ --wds-toggle-button-padding-small: var(--wds-space-300);
415
+ --wds-toggle-button-padding-medium-round: var(--wds-space-500);
416
+ --wds-toggle-button-padding-medium: var(--wds-space-300);
417
+ --wds-toggle-button-padding-large-round: var(--wds-space-600);
418
+ --wds-toggle-button-padding-large: var(--wds-space-600);
419
+ --wds-toggle-button-label-font-weight-standard-secondary-selected: var(--wds-font-weight-semi-bold);
420
+ --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-semi-bold);
421
+ --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-semi-bold);
422
+ --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-semi-bold);
423
+ --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-black-500);
424
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: var(--wds-color-blue-50);
425
+ --wds-toggle-button-label-fill-standard-hover: var(--wds-color-blue-50);
426
+ --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-black-500);
427
+ --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-black-500);
428
+ --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-black-500);
429
+ --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-black-500);
430
+ --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-black-500);
431
+ --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-25);
432
+ --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-25);
433
+ --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-25);
434
+ --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-25);
435
+ --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white);
436
+ --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white);
437
+ --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-blue-400);
438
+ --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-black-700);
439
+ --wds-toggle-button-fill-standard-selected: var(--wds-color-blue-500);
440
+ --wds-toggle-button-fill-standard-secondary-selected-hover: var(--wds-color-blue-400);
441
+ --wds-toggle-button-fill-standard-secondary-selected: var(--wds-color-blue-500);
442
+ --wds-toggle-button-fill-standard-secondary-hover: var(--wds-color-blue-500);
443
+ --wds-toggle-button-fill-standard-hover: var(--wds-color-black-100-transparent-0);
444
+ --wds-toggle-button-fill-standard-disabled: var(--wds-color-black-100-transparent-0);
445
+ --wds-toggle-button-fill-standard: var(--wds-color-black-100-transparent-0);
446
+ --wds-toggle-button-fill-inverted-selected-disabled: var(--wds-color-black-700);
447
+ --wds-toggle-button-fill-inverted-disabled: var(--wds-color-black-100-transparent-0);
448
+ --wds-toggle-button-fill-inverted: var(--wds-color-black-100-transparent-0);
449
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-black-550);
450
+ --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-black-700);
451
+ --wds-toggle-button-fill-dark-selected: var(--wds-color-black-550);
452
+ --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
453
+ --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
454
+ --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-400);
455
+ --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
456
+ --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
457
+ --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
458
+ --wds-toggle-button-border-color-standard-hover: var(--wds-color-blue-300);
459
+ --wds-toggle-button-border-color-standard-disabled: var(--wds-color-white-transparent-0);
460
+ --wds-toggle-button-border-color-standard: var(--wds-color-white-transparent-0);
461
+ --wds-toggle-button-border-color-inverted-hover: var(--wds-color-white-transparent-0);
462
+ --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-white-transparent-0);
463
+ --wds-toggle-button-border-color-inverted: var(--wds-color-white-transparent-0);
464
+ --wds-toggle-button-border-color-dark-hover: var(--wds-color-white-transparent-0);
465
+ --wds-toggle-button-border-color-dark-disabled: var(--wds-color-white-transparent-0);
466
+ --wds-toggle-button-border-color-dark: var(--wds-color-white-transparent-0);
467
+ --wds-toast-vertical-padding: var(--wds-space-200);
468
+ --wds-toast-horizontal-padding: var(--wds-space-300);
469
+ --wds-thumbnail-title-padding-top: var(--wds-space-100);
470
+ --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
471
+ --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
472
+ --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
473
+ --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
474
+ --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
475
+ --wds-thumbnail-gap: var(--wds-space-300);
476
+ --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
477
+ --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
478
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-black-550);
479
+ --wds-thumbnail-border-width-selected: var(--wds-border-width-200);
480
+ --wds-thumbnail-border-width-hover: var(--wds-border-width-100);
481
+ --wds-thumbnail-border-width-default: var(--wds-border-width-100);
482
+ --wds-thumbnail-border-radius: var(--wds-border-radius-400);
483
+ --wds-text-button-font-weight-thin: var(--wds-font-weight-medium);
484
+ --wds-text-button-font-weight-normal: var(--wds-font-weight-semi-bold);
485
+ --wds-testimonial-list-gap: var(--wds-space-600);
486
+ --wds-tag-size-tiny: var(--wds-space-500);
487
+ --wds-tag-size-small: var(--wds-space-600);
488
+ --wds-tag-size-medium: var(--wds-space-700);
489
+ --wds-tag-size-large: var(--wds-space-800);
490
+ --wds-tag-padding-vertical-tiny: var(--wds-space-0);
491
+ --wds-tag-padding-vertical-small: var(--wds-space-50);
492
+ --wds-tag-padding-vertical-medium: var(--wds-space-100);
493
+ --wds-tag-padding-vertical-large: var(--wds-space-50);
494
+ --wds-tag-padding-horizontal-tiny: var(--wds-space-250);
495
+ --wds-tag-padding-horizontal-small: var(--wds-space-300);
496
+ --wds-tag-padding-horizontal-medium: var(--wds-space-300);
497
+ --wds-tag-padding-horizontal-large: var(--wds-space-400);
498
+ --wds-tag-border-radius-tiny: var(--wds-border-radius-200);
499
+ --wds-tag-border-radius-small: var(--wds-border-radius-200);
500
+ --wds-tag-border-radius-medium: var(--wds-border-radius-200);
501
+ --wds-tag-border-radius-large: var(--wds-border-radius-200);
502
+ --wds-tabs-selection-fill-secondary: var(--wds-color-black-100-transparent-0);
503
+ --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
504
+ --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
505
+ --wds-tabs-padding-vertical-small: var(--wds-space-100);
506
+ --wds-tabs-padding-vertical-medium: var(--wds-space-200);
507
+ --wds-tabs-padding-horizontal-small: var(--wds-space-200);
508
+ --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
509
+ --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
510
+ --wds-tabs-label-font-weight: var(--wds-font-weight-medium);
511
+ --wds-tabs-label-fill: var(--wds-color-black-300);
512
+ --wds-tabs-item-gap-small: var(--wds-space-150);
513
+ --wds-tabs-item-gap-medium: var(--wds-space-200);
514
+ --wds-tabs-item-fill-hover: var(--wds-color-black-750);
515
+ --wds-tabs-gap-horizontal: var(--wds-space-100);
516
+ --wds-tabs-container-padding-horizontal: var(--wds-space-400);
517
+ --wds-tabs-border-radius: var(--wds-border-radius-300);
518
+ --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
519
+ --wds-table-list-item-paddings: var(--wds-space-0);
520
+ --wds-table-list-item-indentation-level-3: var(--wds-space-700);
521
+ --wds-table-list-item-indentation-level-2: var(--wds-space-300);
522
+ --wds-table-list-item-gap: var(--wds-space-400);
523
+ --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
524
+ --wds-table-list-item-border-radius: var(--wds-border-radius-600);
525
+ --wds-table-list-item-border-color: var(--wds-color-black-550);
526
+ --wds-swatches-swatch-size-small: var(--wds-space-700);
527
+ --wds-swatches-swatch-size-medium: var(--wds-space-900);
528
+ --wds-swatches-swatch-size-large: var(--wds-space-1100);
529
+ --wds-swatches-swatch-size-extra-tiny: var(--wds-space-400);
530
+ --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-full);
531
+ --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-full);
532
+ --wds-swatches-swatch-active-border-radius-small: var(--wds-border-radius-full);
533
+ --wds-swatches-swatch-active-border-radius-medium: var(--wds-border-radius-full);
534
+ --wds-swatches-list-padding-vertical: var(--wds-space-300);
535
+ --wds-swatches-list-padding-horizontal: var(--wds-space-400);
536
+ --wds-swatches-list-gap: var(--wds-space-300);
537
+ --wds-swatches-fill-border-disabled: var(--wds-color-black-100-transparent-5);
538
+ --wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
539
+ --wds-stepper-prefix-size-number: var(--wds-space-600);
540
+ --wds-stepper-prefix-size-circle: var(--wds-space-700);
541
+ --wds-space-viewport-spacing: var(--wds-space-1200);
542
+ --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
543
+ --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
544
+ --wds-space-padding-vertical-tiny: var(--wds-space-300);
545
+ --wds-space-padding-vertical-small: var(--wds-space-400);
546
+ --wds-space-padding-vertical-medium: var(--wds-space-500);
547
+ --wds-space-padding-vertical-large: var(--wds-space-600);
548
+ --wds-space-padding-horizontal-xx-tiny: var(--wds-space-100);
549
+ --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
550
+ --wds-space-padding-horizontal-tiny: var(--wds-space-300);
551
+ --wds-space-padding-horizontal-small: var(--wds-space-400);
552
+ --wds-space-padding-horizontal-medium: var(--wds-space-300);
553
+ --wds-space-padding-horizontal-large: var(--wds-space-400);
554
+ --wds-space-mobile-viewport-spacing: var(--wds-space-800);
555
+ --wds-social-preview-content-padding-vertical: var(--wds-space-200);
556
+ --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
557
+ --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
558
+ --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300);
559
+ --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
560
+ --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
561
+ --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
562
+ --wds-slider-slider-mark-size: var(--wds-space-200);
563
+ --wds-skeleton-fill-light: var(--wds-color-black-700);
564
+ --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
565
+ --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
566
+ --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
567
+ --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
568
+ --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
569
+ --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
570
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: var(--wds-color-white);
571
+ --wds-sidebar-minimize-tooltip-fill-light-default: var(--wds-color-white);
572
+ --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-blue-100);
573
+ --wds-sidebar-minimize-action-text-light-default: var(--wds-color-blue-100);
574
+ --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
575
+ --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-blue-400);
576
+ --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-blue-400);
577
+ --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0);
578
+ --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
579
+ --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
580
+ --wds-sidebar-item-text-dark-active: var(--wds-color-white);
581
+ --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
582
+ --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
583
+ --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
584
+ --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
585
+ --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
586
+ --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
587
+ --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
588
+ --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
589
+ --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
590
+ --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
591
+ --wds-sidebar-item-level-2-padding-top: var(--wds-space-150);
592
+ --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
593
+ --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
594
+ --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
595
+ --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
596
+ --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
597
+ --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
598
+ --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
599
+ --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
600
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
601
+ --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
602
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
603
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400);
604
+ --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white);
605
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
606
+ --wds-sidebar-item-content-gap: var(--wds-space-200);
607
+ --wds-sidebar-header-margin-bottom: var(--wds-space-300);
608
+ --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
609
+ --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
610
+ --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
611
+ --wds-side-panel-header-padding-vertical: var(--wds-space-400);
612
+ --wds-side-panel-header-padding-right: var(--wds-space-300);
613
+ --wds-side-panel-header-padding-left: var(--wds-space-400);
614
+ --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
615
+ --wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
616
+ --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
617
+ --wds-side-panel-footer-padding-horizontal: var(--wds-space-400);
618
+ --wds-side-panel-footer-border-width: var(--wds-border-width-none);
619
+ --wds-side-panel-footer-border-fill: var(--wds-color-white-transparent-0);
620
+ --wds-side-panel-footer-background-blur: var(--wds-background-blur-0);
621
+ --wds-side-panel-floating-title-font-family: var(--wds-font-family-display);
622
+ --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
623
+ --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
624
+ --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
625
+ --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
626
+ --wds-side-panel-field-padding-vertical: var(--wds-space-300);
627
+ --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
628
+ --wds-side-panel-content-padding-vertical: var(--wds-space-400);
629
+ --wds-side-panel-content-padding-horizontal: var(--wds-space-400);
630
+ --wds-side-panel-back-button-top-padding: var(--wds-space-50);
631
+ --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
632
+ --wds-shadow-y-secondary-raised: var(--wds-shadow-y-0);
633
+ --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
634
+ --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-0);
635
+ --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
636
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
637
+ --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
638
+ --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
639
+ --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
640
+ --wds-shadow-y-primary-overlay: var(--wds-shadow-y-300);
641
+ --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
642
+ --wds-shadow-y-input: var(--wds-shadow-y-25);
643
+ --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
644
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
645
+ --wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
646
+ --wds-shadow-x-input: var(--wds-shadow-x-25);
647
+ --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);
648
+ --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;
649
+ --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;
650
+ --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;
651
+ --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;
652
+ --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;
653
+ --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;
654
+ --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;
655
+ --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;
656
+ --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;
657
+ --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;
658
+ --wds-shadow-inner-200: 1px 1px 4px var(--wds-color-black-100-transparent-20) inset;
659
+ --wds-shadow-inner-100: 1px 1px 2px var(--wds-color-black-100-transparent-10) inset, 1px 1px 2px var(--wds-color-white-transparent-10);
660
+ --wds-shadow-focus-warning: 0 0 0 var(--wds-color-yellow-400);
661
+ --wds-shadow-focus-standard: 0 0 0 3px var(--wds-color-blue-300);
662
+ --wds-shadow-focus-inner-warning: 0 0 0 3px var(--wds-color-yellow-400) inset;
663
+ --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
664
+ --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
665
+ --wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
666
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-25);
667
+ --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
668
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-15);
669
+ --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
670
+ --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
671
+ --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
672
+ --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-0);
673
+ --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-0);
674
+ --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-5);
675
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-5);
676
+ --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-0);
677
+ --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
678
+ --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-5);
679
+ --wds-shadow-fill-primary-overlay-dark: var(--wds-color-black-100-transparent-15);
680
+ --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
681
+ --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-10);
682
+ --wds-shadow-fill-input: var(--wds-color-black-300-transparent-20);
683
+ --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0);
684
+ --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-25);
685
+ --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-0);
686
+ --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-0);
687
+ --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-0);
688
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-50);
689
+ --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0);
690
+ --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-135);
691
+ --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
692
+ --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-800);
693
+ --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
694
+ --wds-shadow-blur-input: var(--wds-shadow-blur-35);
695
+ --wds-shadow-400: 0 8px 8px var(--wds-color-black-100-transparent-10), 0 3px 24px var(--wds-color-black-100-transparent-20);
696
+ --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);
697
+ --wds-shadow-200: 0 2px 4px var(--wds-color-black-100-transparent-5), 0 0 6px var(--wds-color-black-100-transparent-10);
698
+ --wds-shadow-100: 0 2px 1px var(--wds-color-black-100-transparent-50), 0 0 3px var(--wds-color-black-100-transparent-10);
699
+ --wds-selector-list-item-padding-vertical-small: var(--wds-space-100);
700
+ --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
701
+ --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
702
+ --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
703
+ --wds-selector-button-size-small: var(--wds-space-750);
704
+ --wds-selector-button-size-medium: var(--wds-space-950);
705
+ --wds-selector-button-size-large: var(--wds-space-1150);
706
+ --wds-selector-button-padding-vertical-small: var(--wds-space-150);
707
+ --wds-selector-button-padding-vertical-medium: var(--wds-space-150);
708
+ --wds-selector-button-padding-vertical-large: var(--wds-space-150);
709
+ --wds-selector-button-padding-horizontal-right-small: var(--wds-space-150);
710
+ --wds-selector-button-padding-horizontal-right-medium: var(--wds-space-150);
711
+ --wds-selector-button-padding-horizontal-right-large: var(--wds-space-150);
712
+ --wds-selector-button-padding-horizontal-left-small: var(--wds-space-300);
713
+ --wds-selector-button-padding-horizontal-left-medium: var(--wds-space-300);
714
+ --wds-selector-button-padding-horizontal-left-large: var(--wds-space-300);
715
+ --wds-selector-button-fill-pressed: var(--wds-color-black-750);
716
+ --wds-selector-button-fill-hover: var(--wds-color-black-750);
717
+ --wds-selector-button-fill-disabled: var(--wds-color-black-750);
718
+ --wds-selector-button-fill: var(--wds-color-black-750);
719
+ --wds-selector-button-border-color-disabled: var(--wds-color-black-100-transparent-0);
720
+ --wds-selector-button-border-color: var(--wds-color-black-100-transparent-0);
721
+ --wds-select-area-padding-vertical: var(--wds-space-300);
722
+ --wds-select-area-padding-horizontal: var(--wds-space-400);
723
+ --wds-select-area-fill-hover: var(--wds-color-black-700);
724
+ --wds-select-area-fill-disabled: var(--wds-color-white-transparent-0);
725
+ --wds-select-area-fill-active: var(--wds-color-blue-400);
726
+ --wds-select-area-fill: var(--wds-color-black-750);
727
+ --wds-select-area-border-radius: var(--wds-border-radius-200);
728
+ --wds-segmented-toggle-size-small: var(--wds-space-750);
729
+ --wds-segmented-toggle-size-medium: var(--wds-space-1000);
730
+ --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
731
+ --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
732
+ --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
733
+ --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
734
+ --wds-segmented-toggle-padding-container: var(--wds-space-100);
735
+ --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
736
+ --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
737
+ --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
738
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
739
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
740
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
741
+ --wds-segmented-toggle-fill: var(--wds-color-black-750);
742
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
743
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-400);
744
+ --wds-segmented-toggle-border-width-selected: var(--wds-border-width-0);
745
+ --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
746
+ --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
747
+ --wds-segmented-toggle-border-width: var(--wds-border-width-0);
748
+ --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
749
+ --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
750
+ --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
751
+ --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
752
+ --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
753
+ --wds-segmented-toggle-border-color: var(--wds-color-black-100-transparent-0);
754
+ --wds-section-helper-vertical-padding-small: var(--wds-space-200);
755
+ --wds-section-helper-vertical-padding-medium: var(--wds-space-600);
756
+ --wds-section-helper-vertical-margin: var(--wds-space-150);
757
+ --wds-section-helper-title-font-weight: var(--wds-font-weight-semi-bold);
758
+ --wds-section-helper-prefix-offset-medium: var(--wds-space-400);
759
+ --wds-section-helper-horizontal-padding-small: var(--wds-space-300);
760
+ --wds-section-helper-horizontal-padding-medium: var(--wds-space-400);
761
+ --wds-section-helper-horizontal-margin: var(--wds-space-150);
762
+ --wds-section-helper-fill-standard: var(--wds-color-blue-600);
763
+ --wds-section-helper-fill-preview: var(--wds-color-black-750);
764
+ --wds-section-helper-close-button-offset: var(--wds-space-0);
765
+ --wds-section-helper-border-radius: var(--wds-border-radius-300);
766
+ --wds-section-helper-border-preview: var(--wds-color-black-600);
767
+ --wds-section-helper-action-padding-small: var(--wds-space-200);
768
+ --wds-section-helper-action-padding-medium: var(--wds-space-300);
769
+ --wds-section-header-padding-vertical-small: var(--wds-space-200);
770
+ --wds-section-header-padding-vertical-medium: var(--wds-space-300);
771
+ --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
772
+ --wds-search-expandable-padding-small: var(--wds-space-150);
773
+ --wds-search-expandable-padding-medium: var(--wds-space-175);
774
+ --wds-search-expandable-padding-large: var(--wds-space-300);
775
+ --wds-search-border-radius-tiny: var(--wds-border-radius-full);
776
+ --wds-search-border-radius-small: var(--wds-border-radius-full);
777
+ --wds-search-border-radius-medium: var(--wds-border-radius-full);
778
+ --wds-search-border-radius-large: var(--wds-border-radius-full);
779
+ --wds-scrollbar-fill-hover: var(--wds-color-black-400);
780
+ --wds-scrollbar-fill-active: var(--wds-color-black-400);
781
+ --wds-scrollbar-fill: var(--wds-color-black-550);
782
+ --wds-radio-size: var(--wds-space-350);
783
+ --wds-radio-group-item-padding-outlined-vertical-screen-small: var(--wds-space-300);
784
+ --wds-radio-group-item-padding-outlined-vertical: var(--wds-space-300);
785
+ --wds-radio-group-item-padding-outlined-horizontal-screen-small: var(--wds-space-400);
786
+ --wds-radio-group-item-padding-outlined-horizontal: var(--wds-space-400);
787
+ --wds-radio-group-item-padding-filled-vertical-screen-small: var(--wds-space-300);
788
+ --wds-radio-group-item-padding-filled-vertical: var(--wds-space-300);
789
+ --wds-radio-group-item-padding-filled-horizontal-screen-small: var(--wds-space-400);
790
+ --wds-radio-group-item-padding-filled-horizontal: var(--wds-space-400);
791
+ --wds-radio-group-item-padding-default-vertical-screen-small: var(--wds-space-300);
792
+ --wds-radio-group-item-padding-default-vertical: var(--wds-space-0);
793
+ --wds-radio-group-item-padding-default-horizontal-screen-small: var(--wds-space-0);
794
+ --wds-radio-group-item-padding-default-horizontal: var(--wds-space-0);
795
+ --wds-radio-group-gap-vertical-small: var(--wds-space-150);
796
+ --wds-radio-group-gap-vertical-medium: var(--wds-space-300);
797
+ --wds-radio-group-gap-horizontal-small: var(--wds-space-400);
798
+ --wds-radio-group-gap-horizontal-medium: var(--wds-space-400);
799
+ --wds-radio-fill-hover: var(--wds-color-blue-600);
800
+ --wds-radio-border-radius: var(--wds-border-radius-full);
801
+ --wds-radio-border-active-disabled: var(--wds-color-black-100-transparent-0);
802
+ --wds-radio-border: var(--wds-color-black-200);
803
+ --wds-popover-menu-paddings-vertical: var(--wds-space-200);
804
+ --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
805
+ --wds-popover-menu-border-radius: var(--wds-border-radius-600);
806
+ --wds-popover-border-width: var(--wds-border-width-none);
807
+ --wds-popover-border-radius: var(--wds-border-radius-600);
808
+ --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
809
+ --wds-palette-border: var(--wds-border-radius-200);
810
+ --wds-pagination-padding-vertical: var(--wds-space-50);
811
+ --wds-pagination-padding-horizontal: var(--wds-space-50);
812
+ --wds-pagination-gap: var(--wds-space-100);
813
+ --wds-page-header-padding-vertical-small: var(--wds-space-475);
814
+ --wds-page-header-padding-vertical: var(--wds-space-600);
815
+ --wds-page-header-padding-horizontal: var(--wds-space-1200);
816
+ --wds-padding-vertical-tiny: var(--wds-space-500);
817
+ --wds-padding-vertical-small: var(--wds-space-600);
818
+ --wds-padding-vertical-medium: var(--wds-space-600);
819
+ --wds-padding-right-tiny: var(--wds-space-700);
820
+ --wds-padding-right-small: var(--wds-space-700);
821
+ --wds-padding-right-medium: var(--wds-space-1000);
822
+ --wds-padding-left-tiny: var(--wds-space-600);
823
+ --wds-padding-left-small: var(--wds-space-600);
824
+ --wds-padding-left-medium: var(--wds-space-1200);
825
+ --wds-notification-padding-vertical: var(--wds-space-200);
826
+ --wds-notification-padding-horizontal: var(--wds-space-200);
827
+ --wds-notification-fill-warning: var(--wds-color-yellow-100);
828
+ --wds-notification-fill-success: var(--wds-color-green-200);
829
+ --wds-notification-fill-standard: var(--wds-color-blue-200);
830
+ --wds-notification-fill-premium: var(--wds-color-purple-200);
831
+ --wds-notification-fill-error: var(--wds-color-red-200);
832
+ --wds-nestable-list-paddings: var(--wds-space-200);
833
+ --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
834
+ --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
835
+ --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
836
+ --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
837
+ --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
838
+ --wds-message-modal-top-controls-paddings: var(--wds-space-250);
839
+ --wds-message-modal-title-font-size: var(--wds-font-size-800);
840
+ --wds-message-modal-title-font-family: var(--wds-font-family-display);
841
+ --wds-message-modal-padding-vertical: var(--wds-space-600);
842
+ --wds-message-modal-padding-horizontal: var(--wds-space-600);
843
+ --wds-message-modal-content-gap: var(--wds-space-300);
844
+ --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
845
+ --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
846
+ --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
847
+ --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
848
+ --wds-marketing-layout-border: var(--wds-border-radius-200);
849
+ --wds-loader-fill-loading: var(--wds-color-blue-0);
850
+ --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
851
+ --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
852
+ --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
853
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
854
+ --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
855
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
856
+ --wds-list-item-select-padding-right-small: var(--wds-space-400);
857
+ --wds-list-item-select-padding-right-medium: var(--wds-space-400);
858
+ --wds-list-item-select-padding-left-small: var(--wds-space-300);
859
+ --wds-list-item-select-padding-left-medium: var(--wds-space-300);
860
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
861
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
862
+ --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
863
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
864
+ --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
865
+ --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
866
+ --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
867
+ --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
868
+ --wds-list-item-select-gap: var(--wds-space-50);
869
+ --wds-list-item-select-border-radius: var(--wds-border-radius-400);
870
+ --wds-list-item-select-affix-margin: var(--wds-space-100);
871
+ --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
872
+ --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
873
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-250);
874
+ --wds-list-item-section-padding-top: var(--wds-space-200);
875
+ --wds-list-item-section-padding-horizontal: var(--wds-space-200);
876
+ --wds-list-item-section-padding-bottom: var(--wds-space-300);
877
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-regular);
878
+ --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
879
+ --wds-list-item-section-divider-padding-top: var(--wds-space-200);
880
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
881
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-0);
882
+ --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
883
+ --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
884
+ --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
885
+ --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
886
+ --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
887
+ --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
888
+ --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
889
+ --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
890
+ --wds-list-item-action-gap: var(--wds-space-50);
891
+ --wds-list-item-action-border-radius: var(--wds-border-radius-400);
892
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
893
+ --wds-linear-progress-bar-value-gap: var(--wds-space-100);
894
+ --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-0);
895
+ --wds-linear-progress-bar-border-radius: var(--wds-border-radius-100);
896
+ --wds-internal-button-border-width: var(--wds-border-width-100);
897
+ --wds-internal-angle-input-knob-offset-bottom: var(--wds-space-100);
898
+ --wds-internal-angle-input-knob-offset: var(--wds-space-50);
899
+ --wds-input-size-tiny: var(--wds-space-600);
900
+ --wds-input-size-small: var(--wds-space-750);
901
+ --wds-input-size-medium: var(--wds-space-950);
902
+ --wds-input-size-large: var(--wds-space-1200);
903
+ --wds-input-padding-vertical-tiny: var(--wds-space-100);
904
+ --wds-input-padding-vertical-small: var(--wds-space-150);
905
+ --wds-input-padding-vertical-medium: var(--wds-space-175);
906
+ --wds-input-padding-vertical-large: var(--wds-space-300);
907
+ --wds-input-padding-horizontal-tiny: var(--wds-space-100);
908
+ --wds-input-padding-horizontal-small: var(--wds-space-200);
909
+ --wds-input-padding-horizontal-medium: var(--wds-space-200);
910
+ --wds-input-padding-horizontal-large: var(--wds-space-300);
911
+ --wds-input-border-radius-round-tiny: var(--wds-border-radius-full);
912
+ --wds-input-border-radius-round-small: var(--wds-border-radius-full);
913
+ --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
914
+ --wds-input-border-radius-round-large: var(--wds-border-radius-full);
915
+ --wds-input-border-radius-default-tiny: var(--wds-border-radius-200);
916
+ --wds-input-border-radius-default-small: var(--wds-border-radius-400);
917
+ --wds-input-border-radius-default-medium: var(--wds-border-radius-400);
918
+ --wds-input-border-radius-default-large: var(--wds-border-radius-400);
919
+ --wds-input-border-color-disabled: var(--wds-color-black-700);
920
+ --wds-input-border-color: var(--wds-color-black-100-transparent-0);
921
+ --wds-input-background-fill-readonly: var(--wds-color-white);
922
+ --wds-input-background-fill-hover: var(--wds-color-black-750);
923
+ --wds-input-background-fill-disabled: var(--wds-color-black-750);
924
+ --wds-input-background-fill-default: var(--wds-color-black-750);
925
+ --wds-input-background-fill: var(--wds-color-black-750);
926
+ --wds-input-area-padding-vertical-small: var(--wds-space-200);
927
+ --wds-input-area-padding-vertical-medium: var(--wds-space-300);
928
+ --wds-input-area-padding-right-small: var(--wds-space-150);
929
+ --wds-input-area-padding-right-medium: var(--wds-space-250);
930
+ --wds-input-area-padding-left-small: var(--wds-space-200);
931
+ --wds-input-area-padding-left-medium: var(--wds-space-300);
932
+ --wds-input-area-border-radius-default-small: var(--wds-border-radius-400);
933
+ --wds-input-area-border-radius-default-medium: var(--wds-border-radius-400);
934
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-25);
935
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-25);
936
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-25);
937
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-25);
938
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-25);
939
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-25);
940
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-20);
941
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white);
942
+ --wds-inner-shadow-fill-primary: var(--wds-color-white);
943
+ --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
944
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
945
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
946
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
947
+ --wds-image-border-radius-none: var(--wds-border-radius-0);
948
+ --wds-image-border-radius-default: var(--wds-border-radius-400);
949
+ --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-black-500);
950
+ --wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-black-500);
951
+ --wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-black-500);
952
+ --wds-icon-button-color-text-premium-tertiary-disabled: var(--wds-color-black-500);
953
+ --wds-icon-button-color-text-premium-secondary-disabled: var(--wds-color-black-500);
954
+ --wds-icon-button-color-text-premium-primary-disabled: var(--wds-color-black-500);
955
+ --wds-icon-button-color-text-light-secondary-disabled: var(--wds-color-black-500);
956
+ --wds-icon-button-color-text-light-primary-disabled: var(--wds-color-black-500);
957
+ --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
958
+ --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
959
+ --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
960
+ --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
961
+ --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
962
+ --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
963
+ --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
964
+ --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
965
+ --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
966
+ --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
967
+ --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
968
+ --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
969
+ --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
970
+ --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
971
+ --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
972
+ --wds-form-field-label-gap-tiny: var(--wds-space-150);
973
+ --wds-form-field-label-gap-small: var(--wds-space-200);
974
+ --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
975
+ --wds-font-weight-heading-6: var(--wds-font-weight-regular);
976
+ --wds-font-weight-heading-5: var(--wds-font-weight-bold);
977
+ --wds-font-weight-heading-4: var(--wds-font-weight-bold);
978
+ --wds-font-weight-heading-3: var(--wds-font-weight-bold);
979
+ --wds-font-weight-heading-2: var(--wds-font-weight-medium);
980
+ --wds-font-weight-heading-1: var(--wds-font-weight-regular);
981
+ --wds-font-weight-body-bold: var(--wds-font-weight-semi-bold);
982
+ --wds-font-size-heading-6: var(--wds-font-size-200);
983
+ --wds-font-size-heading-5: var(--wds-font-size-100);
984
+ --wds-font-size-heading-4: var(--wds-font-size-500);
985
+ --wds-font-size-heading-3: var(--wds-font-size-500);
986
+ --wds-font-size-heading-2: var(--wds-font-size-800);
987
+ --wds-font-size-heading-1: var(--wds-font-size-900);
988
+ --wds-font-size-body-tiny: var(--wds-font-size-200);
989
+ --wds-font-size-body-small: var(--wds-font-size-300);
990
+ --wds-font-size-body-medium: var(--wds-font-size-500);
991
+ --wds-font-size-body-extra-tiny: var(--wds-font-size-100);
992
+ --wds-font-line-height-600: var(--wds-space-1000);
993
+ --wds-font-line-height-500: var(--wds-space-750);
994
+ --wds-font-line-height-400: var(--wds-space-600);
995
+ --wds-font-line-height-300: var(--wds-space-475);
996
+ --wds-font-line-height-200: var(--wds-space-400);
997
+ --wds-font-line-height-100: var(--wds-space-300);
998
+ --wds-font-line-height-50: var(--wds-space-350);
999
+ --wds-font-letter-spacing-heading-6: var(--wds-font-letter-spacing-100);
1000
+ --wds-font-letter-spacing-heading-5: var(--wds-font-letter-spacing-100);
1001
+ --wds-font-letter-spacing-heading-4: var(--wds-font-letter-spacing-0);
1002
+ --wds-floating-helper-padding-vertical: var(--wds-space-700);
1003
+ --wds-floating-helper-padding-horizontal: var(--wds-space-800);
1004
+ --wds-floating-helper-main-action-padding-top: var(--wds-space-400);
1005
+ --wds-fill-button-border-width: var(--wds-border-width-200);
1006
+ --wds-field-set-label-gap-tiny: var(--wds-space-150);
1007
+ --wds-field-set-label-gap-small: var(--wds-space-200);
1008
+ --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
1009
+ --wds-field-set-gap-small: var(--wds-space-200);
1010
+ --wds-field-set-gap-medium: var(--wds-space-300);
1011
+ --wds-field-set-gap-large: var(--wds-space-400);
1012
+ --wds-feature-list-gap: var(--wds-space-600);
1013
+ --wds-empty-state-section-content-paddings: var(--wds-space-600);
1014
+ --wds-empty-state-page-content-paddings: var(--wds-space-600);
1015
+ --wds-empty-state-border-radius: var(--wds-border-radius-200);
1016
+ --wds-dropdown-list-paddings: var(--wds-space-200);
1017
+ --wds-dropdown-layout-option-size-small: var(--wds-space-800);
1018
+ --wds-dropdown-layout-option-size-big: var(--wds-space-1000);
1019
+ --wds-dock-area-fill: var(--wds-color-black-750);
1020
+ --wds-custom-modal-header-padding-vertical: var(--wds-space-600);
1021
+ --wds-custom-modal-header-padding-right: var(--wds-space-500);
1022
+ --wds-custom-modal-header-padding-left: var(--wds-space-600);
1023
+ --wds-custom-modal-footnote-padding-vertical: var(--wds-space-400);
1024
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-600);
1025
+ --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-regular);
1026
+ --wds-custom-modal-footer-padding-vertical: var(--wds-space-600);
1027
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
1028
+ --wds-custom-modal-content-padding-vertical: var(--wds-space-600);
1029
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1030
+ --wds-counter-badge-size-small: var(--wds-space-475);
1031
+ --wds-counter-badge-size-medium: var(--wds-space-600);
1032
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1033
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1034
+ --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1035
+ --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1036
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
1037
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200);
1038
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200);
1039
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200);
1040
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200);
1041
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200);
1042
+ --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1043
+ --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1044
+ --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
1045
+ --wds-composer-sidebar-item-end-padding-horizontal-small: var(--wds-space-300);
1046
+ --wds-composer-sidebar-item-end-padding-horizontal-medium: var(--wds-space-300);
1047
+ --wds-composer-sidebar-item-end-padding-horizontal-large: var(--wds-space-300);
1048
+ --wds-composer-sidebar-item-bottom-padding-vertical-small: var(--wds-space-200);
1049
+ --wds-composer-sidebar-item-bottom-padding-vertical-medium: var(--wds-space-300);
1050
+ --wds-composer-sidebar-item-bottom-padding-vertical-large: var(--wds-space-300);
1051
+ --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1052
+ --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1053
+ --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1054
+ --wds-color-text-warning: var(--wds-color-yellow-100);
1055
+ --wds-color-text-urgent: var(--wds-color-orange-100);
1056
+ --wds-color-text-success: var(--wds-color-green-100);
1057
+ --wds-color-text-standard-secondary-light: var(--wds-color-black-400);
1058
+ --wds-color-text-standard-secondary: var(--wds-color-black-200);
1059
+ --wds-color-text-standard-primary-light: var(--wds-color-white);
1060
+ --wds-color-text-standard-primary: var(--wds-color-black-100);
1061
+ --wds-color-text-stage-master: var(--wds-color-orange-100);
1062
+ --wds-color-text-stage-element: var(--wds-color-blue-100);
1063
+ --wds-color-text-primary: var(--wds-color-blue-100);
1064
+ --wds-color-text-premium: var(--wds-color-blue-100);
1065
+ --wds-color-text-placeholder-light: var(--wds-color-black-400);
1066
+ --wds-color-text-placeholder: var(--wds-color-black-400);
1067
+ --wds-color-text-highlight: var(--wds-color-blue-400);
1068
+ --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
1069
+ --wds-color-text-disabled: var(--wds-color-black-500);
1070
+ --wds-color-text-destructive: var(--wds-color-red-100);
1071
+ --wds-color-picker-padding-vertical: var(--wds-space-300);
1072
+ --wds-color-picker-padding-horizontal: var(--wds-space-400);
1073
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-yellow-500);
1074
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
1075
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
1076
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
1077
+ --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
1078
+ --wds-color-fill-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
1079
+ --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-200);
1080
+ --wds-color-fill-warning-secondary: var(--wds-color-yellow-400);
1081
+ --wds-color-fill-warning-primary-hover: var(--wds-color-yellow-50);
1082
+ --wds-color-fill-warning-primary-disabled: var(--wds-color-black-100-transparent-30);
1083
+ --wds-color-fill-warning-primary-active: var(--wds-color-yellow-0);
1084
+ --wds-color-fill-warning-primary: var(--wds-color-yellow-100);
1085
+ --wds-color-fill-urgent-tertiary-hover: var(--wds-color-black-750);
1086
+ --wds-color-fill-urgent-tertiary-disabled: var(--wds-color-white);
1087
+ --wds-color-fill-urgent-tertiary-active: var(--wds-color-orange-400);
1088
+ --wds-color-fill-urgent-tertiary: var(--wds-color-white);
1089
+ --wds-color-fill-urgent-secondary-hover: var(--wds-color-orange-300);
1090
+ --wds-color-fill-urgent-secondary-disabled: var(--wds-color-black-100-transparent-10);
1091
+ --wds-color-fill-urgent-secondary-active: var(--wds-color-orange-200);
1092
+ --wds-color-fill-urgent-secondary: var(--wds-color-orange-400);
1093
+ --wds-color-fill-urgent-primary-hover: var(--wds-color-orange-50);
1094
+ --wds-color-fill-urgent-primary-disabled: var(--wds-color-black-100-transparent-30);
1095
+ --wds-color-fill-urgent-primary-active: var(--wds-color-orange-0);
1096
+ --wds-color-fill-urgent-primary: var(--wds-color-orange-100);
1097
+ --wds-color-fill-transparent-tertiary-hover: var(--wds-color-black-100-transparent-50);
1098
+ --wds-color-fill-transparent-tertiary-disabled: var(--wds-color-black-100-transparent-0);
1099
+ --wds-color-fill-transparent-tertiary-active: var(--wds-color-black-100-transparent-50);
1100
+ --wds-color-fill-transparent-tertiary: var(--wds-color-black-100-transparent-0);
1101
+ --wds-color-fill-transparent-secondary-hover: var(--wds-color-black-200-transparent-60);
1102
+ --wds-color-fill-transparent-secondary-disabled: var(--wds-color-black-200-transparent-0);
1103
+ --wds-color-fill-transparent-secondary-active: var(--wds-color-black-200-transparent-70);
1104
+ --wds-color-fill-transparent-secondary: var(--wds-color-black-200-transparent-0);
1105
+ --wds-color-fill-transparent-primary-hover: var(--wds-color-black-200-transparent-60);
1106
+ --wds-color-fill-transparent-primary-disabled: var(--wds-color-black-100-transparent-20);
1107
+ --wds-color-fill-transparent-primary-active: var(--wds-color-black-200-transparent-70);
1108
+ --wds-color-fill-transparent-primary: var(--wds-color-black-200-transparent-50);
1109
+ --wds-color-fill-transparent-neutral-tertiary-hover: var(--wds-color-black-100-transparent-50);
1110
+ --wds-color-fill-transparent-neutral-tertiary-disabled: var(--wds-color-black-100-transparent-0);
1111
+ --wds-color-fill-transparent-neutral-tertiary-active: var(--wds-color-black-100-transparent-50);
1112
+ --wds-color-fill-transparent-neutral-tertiary: var(--wds-color-black-100-transparent-0);
1113
+ --wds-color-fill-transparent-neutral-secondary-hover: var(--wds-color-black-200-transparent-60);
1114
+ --wds-color-fill-transparent-neutral-secondary-disabled: var(--wds-color-black-200-transparent-0);
1115
+ --wds-color-fill-transparent-neutral-secondary-active: var(--wds-color-black-200-transparent-70);
1116
+ --wds-color-fill-transparent-neutral-secondary: var(--wds-color-black-200-transparent-0);
1117
+ --wds-color-fill-transparent-neutral-primary-hover: var(--wds-color-black-200-transparent-60);
1118
+ --wds-color-fill-transparent-neutral-primary-disabled: var(--wds-color-black-100-transparent-20);
1119
+ --wds-color-fill-transparent-neutral-primary-active: var(--wds-color-black-200-transparent-70);
1120
+ --wds-color-fill-transparent-neutral-primary: var(--wds-color-black-200-transparent-50);
1121
+ --wds-color-fill-surface-warning: var(--wds-color-yellow-500);
1122
+ --wds-color-fill-surface-sunken: var(--wds-color-black-750);
1123
+ --wds-color-fill-surface-success: var(--wds-color-green-500);
1124
+ --wds-color-fill-surface-standard: var(--wds-color-blue-400);
1125
+ --wds-color-fill-surface-raised: var(--wds-color-white);
1126
+ --wds-color-fill-surface-premium: var(--wds-color-blue-600);
1127
+ --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
1128
+ --wds-color-fill-surface-overlay: var(--wds-color-white);
1129
+ --wds-color-fill-surface-neutral: var(--wds-color-black-750);
1130
+ --wds-color-fill-surface-modal: var(--wds-color-white);
1131
+ --wds-color-fill-surface-destructive: var(--wds-color-red-500);
1132
+ --wds-color-fill-surface-default: var(--wds-color-white);
1133
+ --wds-color-fill-surface-dark: var(--wds-color-black-100);
1134
+ --wds-color-fill-success-tertiary-hover: var(--wds-color-green-500);
1135
+ --wds-color-fill-success-tertiary-disabled: var(--wds-color-white);
1136
+ --wds-color-fill-success-tertiary-active: var(--wds-color-green-400);
1137
+ --wds-color-fill-success-tertiary: var(--wds-color-white);
1138
+ --wds-color-fill-success-secondary-hover: var(--wds-color-green-300);
1139
+ --wds-color-fill-success-secondary-disabled: var(--wds-color-black-100-transparent-10);
1140
+ --wds-color-fill-success-secondary-active: var(--wds-color-green-400);
1141
+ --wds-color-fill-success-secondary: var(--wds-color-green-400);
1142
+ --wds-color-fill-success-primary-hover: var(--wds-color-green-50);
1143
+ --wds-color-fill-success-primary-disabled: var(--wds-color-black-100-transparent-30);
1144
+ --wds-color-fill-success-primary-active: var(--wds-color-green-0);
1145
+ --wds-color-fill-success-primary: var(--wds-color-green-100);
1146
+ --wds-color-fill-standard-tertiary-readonly: var(--wds-color-black-700);
1147
+ --wds-color-fill-standard-tertiary-hover: var(--wds-color-blue-500);
1148
+ --wds-color-fill-standard-tertiary-disabled: var(--wds-color-white);
1149
+ --wds-color-fill-standard-tertiary-active: var(--wds-color-blue-400);
1150
+ --wds-color-fill-standard-tertiary: var(--wds-color-white);
1151
+ --wds-color-fill-standard-secondary-hover: var(--wds-color-blue-300);
1152
+ --wds-color-fill-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
1153
+ --wds-color-fill-standard-secondary-active: var(--wds-color-blue-250);
1154
+ --wds-color-fill-standard-secondary: var(--wds-color-blue-400);
1155
+ --wds-color-fill-standard-primary-hover: var(--wds-color-blue-50);
1156
+ --wds-color-fill-standard-primary-disabled: var(--wds-color-black-100-transparent-30);
1157
+ --wds-color-fill-standard-primary-active: var(--wds-color-blue-0);
1158
+ --wds-color-fill-standard-primary: var(--wds-color-blue-100);
1159
+ --wds-color-fill-standard-light-secondary-hover: var(--wds-color-blue-250);
1160
+ --wds-color-fill-standard-light-secondary-disabled: var(--wds-color-white-transparent-30);
1161
+ --wds-color-fill-standard-light-secondary-active: var(--wds-color-blue-200);
1162
+ --wds-color-fill-standard-light-secondary: var(--wds-color-white);
1163
+ --wds-color-fill-standard-light-primary-hover: var(--wds-color-blue-250);
1164
+ --wds-color-fill-standard-light-primary-disabled: var(--wds-color-white-transparent-30);
1165
+ --wds-color-fill-standard-light-primary-active: var(--wds-color-blue-200);
1166
+ --wds-color-fill-standard-light-primary: var(--wds-color-blue-250);
1167
+ --wds-color-fill-stage-section-secondary-disabled: var(--wds-color-black-100-transparent-10);
1168
+ --wds-color-fill-stage-section-primary-disabled: var(--wds-color-black-100-transparent-30);
1169
+ --wds-color-fill-stage-padding-disabled: var(--wds-color-black-100-transparent-10);
1170
+ --wds-color-fill-stage-master-secondary-hover: var(--wds-color-orange-300);
1171
+ --wds-color-fill-stage-master-secondary-disabled: var(--wds-color-black-100-transparent-10);
1172
+ --wds-color-fill-stage-master-secondary-active: var(--wds-color-orange-200);
1173
+ --wds-color-fill-stage-master-secondary: var(--wds-color-orange-400);
1174
+ --wds-color-fill-stage-master-primary-hover: var(--wds-color-orange-0);
1175
+ --wds-color-fill-stage-master-primary-disabled: var(--wds-color-black-100-transparent-30);
1176
+ --wds-color-fill-stage-master-primary-active: var(--wds-color-orange-100);
1177
+ --wds-color-fill-stage-master-primary: var(--wds-color-orange-100);
1178
+ --wds-color-fill-stage-element-secondary-hover: var(--wds-color-blue-300);
1179
+ --wds-color-fill-stage-element-secondary-disabled: var(--wds-color-black-100-transparent-10);
1180
+ --wds-color-fill-stage-element-secondary-active: var(--wds-color-blue-200);
1181
+ --wds-color-fill-stage-element-secondary: var(--wds-color-blue-400);
1182
+ --wds-color-fill-stage-element-primary-hover: var(--wds-color-blue-50);
1183
+ --wds-color-fill-stage-element-primary-disabled: var(--wds-color-black-100-transparent-30);
1184
+ --wds-color-fill-stage-element-primary-active: var(--wds-color-blue-0);
1185
+ --wds-color-fill-stage-element-primary: var(--wds-color-blue-100);
1186
+ --wds-color-fill-stage-anchor-disabled: var(--wds-color-black-100-transparent-30);
1187
+ --wds-color-fill-premium-tertiary-hover: var(--wds-color-blue-500);
1188
+ --wds-color-fill-premium-tertiary-disabled: var(--wds-color-white);
1189
+ --wds-color-fill-premium-tertiary-active: var(--wds-color-blue-400);
1190
+ --wds-color-fill-premium-tertiary: var(--wds-color-white);
1191
+ --wds-color-fill-premium-secondary-hover: var(--wds-color-blue-300);
1192
+ --wds-color-fill-premium-secondary-disabled: var(--wds-color-black-100-transparent-10);
1193
+ --wds-color-fill-premium-secondary-active: var(--wds-color-blue-250);
1194
+ --wds-color-fill-premium-secondary: var(--wds-color-blue-400);
1195
+ --wds-color-fill-premium-primary-hover: var(--wds-color-blue-50);
1196
+ --wds-color-fill-premium-primary-disabled: var(--wds-color-black-100-transparent-30);
1197
+ --wds-color-fill-premium-primary-active: var(--wds-color-blue-0);
1198
+ --wds-color-fill-premium-primary: var(--wds-color-blue-100);
1199
+ --wds-color-fill-premium-light-secondary-hover: var(--wds-color-blue-500);
1200
+ --wds-color-fill-premium-light-secondary-disabled: var(--wds-color-white-transparent-0);
1201
+ --wds-color-fill-premium-light-secondary-active: var(--wds-color-blue-400);
1202
+ --wds-color-fill-premium-light-secondary: var(--wds-color-white-transparent-0);
1203
+ --wds-color-fill-premium-light-primary-hover: var(--wds-color-blue-500);
1204
+ --wds-color-fill-premium-light-primary-disabled: var(--wds-color-white-transparent-30);
1205
+ --wds-color-fill-premium-light-primary-active: var(--wds-color-blue-400);
1206
+ --wds-color-fill-premium-light-primary: var(--wds-color-white);
1207
+ --wds-color-fill-light-tertiary-hover: var(--wds-color-blue-500);
1208
+ --wds-color-fill-light-tertiary-disabled: var(--wds-color-white-transparent-0);
1209
+ --wds-color-fill-light-tertiary-active: var(--wds-color-blue-400);
1210
+ --wds-color-fill-light-tertiary: var(--wds-color-white);
1211
+ --wds-color-fill-light-secondary-hover: var(--wds-color-blue-500);
1212
+ --wds-color-fill-light-secondary-disabled: var(--wds-color-white-transparent-0);
1213
+ --wds-color-fill-light-secondary-active: var(--wds-color-blue-400);
1214
+ --wds-color-fill-light-secondary: var(--wds-color-white-transparent-0);
1215
+ --wds-color-fill-light-primary-hover: var(--wds-color-blue-500);
1216
+ --wds-color-fill-light-primary-disabled: var(--wds-color-white-transparent-30);
1217
+ --wds-color-fill-light-primary-active: var(--wds-color-blue-400);
1218
+ --wds-color-fill-light-primary: var(--wds-color-white);
1219
+ --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
1220
+ --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
1221
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
1222
+ --wds-color-fill-destructive-tertiary: var(--wds-color-white);
1223
+ --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
1224
+ --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
1225
+ --wds-color-fill-destructive-secondary-active: var(--wds-color-red-200);
1226
+ --wds-color-fill-destructive-secondary: var(--wds-color-red-400);
1227
+ --wds-color-fill-destructive-primary-hover: var(--wds-color-red-50);
1228
+ --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
1229
+ --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
1230
+ --wds-color-fill-destructive-primary: var(--wds-color-red-100);
1231
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
1232
+ --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
1233
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
1234
+ --wds-color-fill-dark-tertiary: var(--wds-color-white);
1235
+ --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
1236
+ --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
1237
+ --wds-color-fill-dark-secondary-active: var(--wds-color-black-550);
1238
+ --wds-color-fill-dark-secondary: var(--wds-color-black-700);
1239
+ --wds-color-fill-dark-primary-hover: var(--wds-color-black-200);
1240
+ --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
1241
+ --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
1242
+ --wds-color-fill-dark-primary: var(--wds-color-black-100);
1243
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
1244
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
1245
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
1246
+ --wds-color-fill-ai-tertiary: var(--wds-color-white);
1247
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
1248
+ --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
1249
+ --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
1250
+ --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
1251
+ --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
1252
+ --wds-color-fill-ai-primary: var(--wds-color-iris-100);
1253
+ --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
1254
+ --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1255
+ --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
1256
+ --wds-color-border-warning-tertiary: var(--wds-color-black-600);
1257
+ --wds-color-border-warning-secondary-hover: var(--wds-color-yellow-300);
1258
+ --wds-color-border-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
1259
+ --wds-color-border-warning-secondary-active: var(--wds-color-yellow-100);
1260
+ --wds-color-border-warning-secondary: var(--wds-color-yellow-400);
1261
+ --wds-color-border-warning-primary-hover: var(--wds-color-yellow-200);
1262
+ --wds-color-border-warning-primary-disabled: var(--wds-color-black-100-transparent-10);
1263
+ --wds-color-border-warning-primary-active: var(--wds-color-yellow-100);
1264
+ --wds-color-border-warning-primary: var(--wds-color-yellow-300);
1265
+ --wds-color-border-urgent-tertiary-hover: var(--wds-color-orange-500);
1266
+ --wds-color-border-urgent-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1267
+ --wds-color-border-urgent-tertiary-active: var(--wds-color-orange-400);
1268
+ --wds-color-border-urgent-tertiary: var(--wds-color-black-600);
1269
+ --wds-color-border-urgent-secondary-hover: var(--wds-color-orange-300);
1270
+ --wds-color-border-urgent-secondary-disabled: var(--wds-color-black-100-transparent-10);
1271
+ --wds-color-border-urgent-secondary-active: var(--wds-color-orange-100);
1272
+ --wds-color-border-urgent-secondary: var(--wds-color-orange-400);
1273
+ --wds-color-border-urgent-primary-hover: var(--wds-color-orange-200);
1274
+ --wds-color-border-urgent-primary-disabled: var(--wds-color-black-100-transparent-10);
1275
+ --wds-color-border-urgent-primary-active: var(--wds-color-orange-100);
1276
+ --wds-color-border-urgent-primary: var(--wds-color-orange-300);
1277
+ --wds-color-border-transparent-primary-hover: var(--wds-color-black-100-transparent-40);
1278
+ --wds-color-border-transparent-primary-disabled: var(--wds-color-black-100-transparent-10);
1279
+ --wds-color-border-transparent-primary-active: var(--wds-color-black-100-transparent-20);
1280
+ --wds-color-border-transparent-primary: var(--wds-color-black-100-transparent-20);
1281
+ --wds-color-border-success-tertiary-hover: var(--wds-color-green-500);
1282
+ --wds-color-border-success-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1283
+ --wds-color-border-success-tertiary-active: var(--wds-color-green-400);
1284
+ --wds-color-border-success-tertiary: var(--wds-color-black-600);
1285
+ --wds-color-border-success-secondary-hover: var(--wds-color-green-300);
1286
+ --wds-color-border-success-secondary-disabled: var(--wds-color-black-100-transparent-10);
1287
+ --wds-color-border-success-secondary-active: var(--wds-color-green-100);
1288
+ --wds-color-border-success-secondary: var(--wds-color-green-400);
1289
+ --wds-color-border-success-primary-hover: var(--wds-color-green-200);
1290
+ --wds-color-border-success-primary-disabled: var(--wds-color-black-100-transparent-10);
1291
+ --wds-color-border-success-primary-active: var(--wds-color-green-100);
1292
+ --wds-color-border-success-primary: var(--wds-color-green-300);
1293
+ --wds-color-border-standard-tertiary-hover: var(--wds-color-blue-500);
1294
+ --wds-color-border-standard-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1295
+ --wds-color-border-standard-tertiary-active: var(--wds-color-blue-400);
1296
+ --wds-color-border-standard-tertiary: var(--wds-color-black-600);
1297
+ --wds-color-border-standard-secondary-readonly: var(--wds-color-black-600);
1298
+ --wds-color-border-standard-secondary-hover: var(--wds-color-blue-300);
1299
+ --wds-color-border-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
1300
+ --wds-color-border-standard-secondary-active: var(--wds-color-blue-100);
1301
+ --wds-color-border-standard-secondary: var(--wds-color-blue-500);
1302
+ --wds-color-border-standard-primary-hover: var(--wds-color-blue-200);
1303
+ --wds-color-border-standard-primary-disabled: var(--wds-color-black-100-transparent-10);
1304
+ --wds-color-border-standard-primary-active: var(--wds-color-blue-100);
1305
+ --wds-color-border-standard-primary: var(--wds-color-blue-250);
1306
+ --wds-color-border-premium-tertiary-hover: var(--wds-color-blue-400);
1307
+ --wds-color-border-premium-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1308
+ --wds-color-border-premium-tertiary-active: var(--wds-color-blue-300);
1309
+ --wds-color-border-premium-tertiary: var(--wds-color-black-600);
1310
+ --wds-color-border-premium-secondary-hover: var(--wds-color-blue-300);
1311
+ --wds-color-border-premium-secondary-disabled: var(--wds-color-black-100-transparent-10);
1312
+ --wds-color-border-premium-secondary-active: var(--wds-color-blue-100);
1313
+ --wds-color-border-premium-secondary: var(--wds-color-blue-400);
1314
+ --wds-color-border-premium-primary-hover: var(--wds-color-blue-200);
1315
+ --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
1316
+ --wds-color-border-premium-primary-active: var(--wds-color-blue-100);
1317
+ --wds-color-border-premium-primary: var(--wds-color-blue-300);
1318
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
1319
+ --wds-color-border-light-primary-active: var(--wds-color-white);
1320
+ --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
1321
+ --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
1322
+ --wds-color-border-light-active: var(--wds-color-white);
1323
+ --wds-color-border-light: var(--wds-color-white-transparent-50);
1324
+ --wds-color-border-destructive-tertiary-hover: var(--wds-color-red-500);
1325
+ --wds-color-border-destructive-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1326
+ --wds-color-border-destructive-tertiary-active: var(--wds-color-red-400);
1327
+ --wds-color-border-destructive-tertiary: var(--wds-color-black-600);
1328
+ --wds-color-border-destructive-secondary-hover: var(--wds-color-red-300);
1329
+ --wds-color-border-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
1330
+ --wds-color-border-destructive-secondary-active: var(--wds-color-red-100);
1331
+ --wds-color-border-destructive-secondary: var(--wds-color-red-400);
1332
+ --wds-color-border-destructive-primary-hover: var(--wds-color-red-200);
1333
+ --wds-color-border-destructive-primary-disabled: var(--wds-color-black-100-transparent-10);
1334
+ --wds-color-border-destructive-primary-active: var(--wds-color-red-100);
1335
+ --wds-color-border-destructive-primary: var(--wds-color-red-300);
1336
+ --wds-color-border-dark-secondary-hover: var(--wds-color-black-600);
1337
+ --wds-color-border-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
1338
+ --wds-color-border-dark-secondary-active: var(--wds-color-black-600);
1339
+ --wds-color-border-dark-secondary: var(--wds-color-black-600);
1340
+ --wds-color-border-dark-primary-hover: var(--wds-color-black-300);
1341
+ --wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
1342
+ --wds-color-border-dark-primary-active: var(--wds-color-black-200);
1343
+ --wds-color-border-dark-primary: var(--wds-color-black-400);
1344
+ --wds-close-button-standard-filled-size-small: var(--wds-space-475);
1345
+ --wds-close-button-standard-filled-size-medium: var(--wds-space-600);
1346
+ --wds-close-button-standard-filled-size-large: var(--wds-space-750);
1347
+ --wds-clickable-card-outline-border-color: var(--wds-color-black-550);
1348
+ --wds-clickable-card-filled-fill-hover: var(--wds-color-black-700);
1349
+ --wds-clickable-card-filled-fill-disabled: var(--wds-color-black-750);
1350
+ --wds-clickable-card-filled-fill-active: var(--wds-color-black-600);
1351
+ --wds-clickable-card-filled-fill: var(--wds-color-black-750);
1352
+ --wds-circular-progress-bar-size-tiny: var(--wds-space-475);
1353
+ --wds-circular-progress-bar-size-small: var(--wds-space-600);
1354
+ --wds-circular-progress-bar-size-medium: var(--wds-space-1300);
1355
+ --wds-circular-progress-bar-size-large: var(--wds-space-2400);
1356
+ --wds-circular-progress-bar-label-padding-medium: var(--wds-space-100);
1357
+ --wds-circular-progress-bar-label-padding-large: var(--wds-space-200);
1358
+ --wds-circular-progress-bar-label-font-weight: var(--wds-font-weight-medium);
1359
+ --wds-circular-progress-bar-label-font-size: var(--wds-font-size-200);
1360
+ --wds-circular-progress-bar-border-width: var(--wds-border-width-200);
1361
+ --wds-checkbox-size: var(--wds-space-350);
1362
+ --wds-checkbox-group-gap-vertical: var(--wds-space-300);
1363
+ --wds-checkbox-fill-hover: var(--wds-color-blue-600);
1364
+ --wds-checkbox-border-radius: var(--wds-border-radius-200);
1365
+ --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1366
+ --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1367
+ --wds-checkbox-border: var(--wds-color-black-200);
1368
+ --wds-carousel-dots-width: var(--wds-space-100);
1369
+ --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1370
+ --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1371
+ --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
1372
+ --wds-card-tab-padding-horizontal-medium: var(--wds-space-500);
1373
+ --wds-card-header-padding-vertical: var(--wds-space-400);
1374
+ --wds-card-header-padding-horizontal: var(--wds-space-600);
1375
+ --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1376
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1377
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1378
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1379
+ --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1380
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1381
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1382
+ --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1383
+ --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1384
+ --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1385
+ --wds-card-content-paddings-vertical: var(--wds-space-300);
1386
+ --wds-card-content-paddings-horizontal: var(--wds-space-300);
1387
+ --wds-button-size-x-tiny: var(--wds-space-475);
1388
+ --wds-button-size-tiny-screen-small: var(--wds-space-800);
1389
+ --wds-button-size-tiny: var(--wds-space-600);
1390
+ --wds-button-size-small-screen-small: var(--wds-space-950);
1391
+ --wds-button-size-small: var(--wds-space-750);
1392
+ --wds-button-size-medium-screen-small: var(--wds-space-1050);
1393
+ --wds-button-size-medium: var(--wds-space-950);
1394
+ --wds-button-size-large-screen-small: var(--wds-space-1200);
1395
+ --wds-button-size-large: var(--wds-space-1150);
1396
+ --wds-button-padding-vertical-tiny: var(--wds-space-50);
1397
+ --wds-button-padding-vertical-small: var(--wds-space-150);
1398
+ --wds-button-padding-vertical-medium: var(--wds-space-150);
1399
+ --wds-button-padding-vertical-large: var(--wds-space-150);
1400
+ --wds-button-padding-horizontal-tiny: var(--wds-space-300);
1401
+ --wds-button-padding-horizontal-small: var(--wds-space-400);
1402
+ --wds-button-padding-horizontal-medium: var(--wds-space-500);
1403
+ --wds-button-padding-horizontal-large: var(--wds-space-600);
1404
+ --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-black-500);
1405
+ --wds-button-label-fill-standard-primary-disabled: var(--wds-color-black-500);
1406
+ --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-black-500);
1407
+ --wds-button-label-fill-premium-primary-disabled: var(--wds-color-black-500);
1408
+ --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1409
+ --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1410
+ --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1411
+ --wds-button-icon-offset-tiny: var(--wds-space-300);
1412
+ --wds-button-icon-offset-small: var(--wds-space-300);
1413
+ --wds-button-icon-offset-medium: var(--wds-space-475);
1414
+ --wds-button-icon-offset-large: var(--wds-space-475);
1415
+ --wds-button-gap-tiny: var(--wds-space-100);
1416
+ --wds-button-gap-small: var(--wds-space-100);
1417
+ --wds-button-gap-medium: var(--wds-space-100);
1418
+ --wds-button-gap-large: var(--wds-space-100);
1419
+ --wds-button-gap-extra-large: var(--wds-space-100);
1420
+ --wds-button-font-weight-tiny: var(--wds-font-weight-semi-bold);
1421
+ --wds-button-font-weight-small: var(--wds-font-weight-semi-bold);
1422
+ --wds-button-font-weight-medium: var(--wds-font-weight-semi-bold);
1423
+ --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1424
+ --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1425
+ --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1426
+ --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1427
+ --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1428
+ --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1429
+ --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1430
+ --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1431
+ --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1432
+ --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
1433
+ --wds-button-fill-dark-secondary-hover: var(--wds-color-black-700);
1434
+ --wds-button-fill-dark-secondary-disabled: var(--wds-color-black-700);
1435
+ --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1436
+ --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1437
+ --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1438
+ --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1439
+ --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1440
+ --wds-button-border-radius-tiny: var(--wds-border-radius-300);
1441
+ --wds-button-border-radius-small: var(--wds-border-radius-300);
1442
+ --wds-button-border-radius-medium: var(--wds-border-radius-400);
1443
+ --wds-button-border-radius-large: var(--wds-border-radius-400);
1444
+ --wds-button-border-premium-secondary-disabled: var(--wds-color-black-700);
1445
+ --wds-button-border-destructive-secondary-hover: var(--wds-color-red-400);
1446
+ --wds-button-border-destructive-secondary-disabled: var(--wds-color-black-700);
1447
+ --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1448
+ --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1449
+ --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1450
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1451
+ --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1452
+ --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1453
+ --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
1454
+ --wds-breadcrumbs-padding-vertical-medium: var(--wds-space-100);
1455
+ --wds-breadcrumbs-padding-vertical-large: var(--wds-space-100);
1456
+ --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-100);
1457
+ --wds-breadcrumbs-padding-horizontal-medium: var(--wds-space-200);
1458
+ --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-400);
1459
+ --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-700);
1460
+ --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1461
+ --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1462
+ --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1463
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1464
+ --wds-border-width-varied: var(--wds-border-width-0);
1465
+ --wds-border-width-default: var(--wds-border-width-100);
1466
+ --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
1467
+ --wds-border-radius-surface-raised: var(--wds-border-radius-600);
1468
+ --wds-border-radius-surface-overlay: var(--wds-border-radius-400);
1469
+ --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
1470
+ --wds-border-radius-surface-modal: var(--wds-border-radius-600);
1471
+ --wds-border-radius-surface-default: var(--wds-border-radius-600);
1472
+ --wds-badge-size-tiny: var(--wds-space-500);
1473
+ --wds-badge-size-small: var(--wds-space-600);
1474
+ --wds-badge-size-medium: var(--wds-space-700);
1475
+ --wds-badge-padding-vertical-tiny: var(--wds-space-0);
1476
+ --wds-badge-padding-vertical-small: var(--wds-space-50);
1477
+ --wds-badge-padding-vertical-medium: var(--wds-space-100);
1478
+ --wds-badge-padding-horizontal-tiny: var(--wds-space-150);
1479
+ --wds-badge-padding-horizontal-small: var(--wds-space-200);
1480
+ --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1481
+ --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1482
+ --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
1483
+ --wds-badge-outline-warning-border-color: var(--wds-color-yellow-300);
1484
+ --wds-badge-outline-urgent-label-color: var(--wds-color-orange-50);
1485
+ --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1486
+ --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1487
+ --wds-badge-outline-success-fill: var(--wds-color-green-600);
1488
+ --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1489
+ --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1490
+ --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1491
+ --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1492
+ --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
1493
+ --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1494
+ --wds-badge-border-radius-small: var(--wds-border-radius-200);
1495
+ --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1496
+ --wds-background-blur-modal: var(--wds-background-blur-175);
1497
+ --wds-avatar-group-gap-default: var(--wds-space-100);
1498
+ --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
1499
+ --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
1500
+ --wds-announcement-modal-content-gap: var(--wds-space-300);
1501
+ --wds-announcement-modal-border-radius: var(--wds-border-radius-1200);
1502
+ --wds-announcement-modal-actions-padding: var(--wds-space-1050);
1503
+ --wds-add-item-padding-vertical-tiny: var(--wds-space-300);
1504
+ --wds-add-item-padding-vertical-small: var(--wds-space-400);
1505
+ --wds-add-item-padding-vertical-medium: var(--wds-space-600);
1506
+ --wds-add-item-padding-vertical-large: var(--wds-space-700);
1507
+ --wds-add-item-padding-horizontal-tiny: var(--wds-space-300);
1508
+ --wds-add-item-padding-horizontal-large: var(--wds-space-700);
1509
+ --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5);
1510
+ --wds-add-item-fill: var(--wds-color-black-750);
1511
+ --wds-add-item-border-radius: var(--wds-border-radius-600);
1512
+ --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1513
+ --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1514
+ --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1515
+ --wds-accordion-inner-content-fill: var(--wds-color-white);
1516
+ --wds-accordion-border-radius: var(--wds-border-radius-0);
1517
+ --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1518
+ --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1519
+ --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
1520
+ --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
1521
+ --wds-vertical-tabs-item-label-text: var(--wds-color-text-standard-secondary);
1522
+ --wds-vertical-tabs-item-label-disabled: var(--wds-color-text-disabled);
1523
+ --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-standard-tertiary-hover);
1524
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-fill-standard-tertiary-hover);
1525
+ --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1526
+ --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1527
+ --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1528
+ --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1529
+ --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1530
+ --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1531
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1532
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1533
+ --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1534
+ --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
1535
+ --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover);
1536
+ --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-fill-surface-neutral);
1537
+ --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-dark-tertiary-active);
1538
+ --wds-vertical-tabs-item-fill-neutral: var(--wds-color-fill-surface-neutral);
1539
+ --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover);
1540
+ --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1541
+ --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active);
1542
+ --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-fill-premium-tertiary);
1543
+ --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1544
+ --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1545
+ --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-dark-tertiary-active);
1546
+ --wds-vertical-tabs-item-fill-light: var(--wds-color-fill-standard-tertiary);
1547
+ --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled);
1548
+ --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-standard-secondary);
1549
+ --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1550
+ --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1551
+ --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1552
+ --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1553
+ --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1554
+ --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1555
+ --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover);
1556
+ --wds-toggle-switch-fill-urgent-disabled: var(--wds-color-fill-urgent-primary-disabled);
1557
+ --wds-toggle-switch-fill-urgent-active-hover: var(--wds-color-fill-urgent-primary-hover);
1558
+ --wds-toggle-switch-fill-urgent-active: var(--wds-color-fill-urgent-primary);
1559
+ --wds-toggle-switch-fill-urgent: var(--wds-color-fill-dark-primary);
1560
+ --wds-toggle-switch-fill-success-hover: var(--wds-color-fill-dark-primary-hover);
1561
+ --wds-toggle-switch-fill-success-disabled: var(--wds-color-fill-success-primary-disabled);
1562
+ --wds-toggle-switch-fill-success-active-hover: var(--wds-color-fill-success-primary-hover);
1563
+ --wds-toggle-switch-fill-success-active: var(--wds-color-fill-success-primary);
1564
+ --wds-toggle-switch-fill-success: var(--wds-color-fill-dark-primary);
1565
+ --wds-toggle-switch-fill-standard-hover: var(--wds-color-fill-dark-primary-hover);
1566
+ --wds-toggle-switch-fill-standard-disabled: var(--wds-color-fill-standard-primary-disabled);
1567
+ --wds-toggle-switch-fill-standard-active-hover: var(--wds-color-fill-standard-primary-hover);
1568
+ --wds-toggle-switch-fill-standard-active: var(--wds-color-fill-standard-primary);
1569
+ --wds-toggle-switch-fill-error-hover: var(--wds-color-fill-dark-primary-hover);
1570
+ --wds-toggle-switch-fill-error-disabled: var(--wds-color-fill-destructive-primary-disabled);
1571
+ --wds-toggle-switch-fill-error-active-hover: var(--wds-color-fill-destructive-primary-hover);
1572
+ --wds-toggle-switch-fill-error-active: var(--wds-color-fill-destructive-primary);
1573
+ --wds-toggle-switch-fill-error: var(--wds-color-fill-dark-primary);
1574
+ --wds-toggle-button-square-label-font-size-tiny: var(--wds-font-size-body-tiny);
1575
+ --wds-toggle-button-square-label-font-size-small: var(--wds-font-size-body-tiny);
1576
+ --wds-toggle-button-square-label-font-size-medium: var(--wds-font-size-body-small);
1577
+ --wds-toggle-button-square-label-font-size-large: var(--wds-font-size-body-small);
1578
+ --wds-toggle-button-label-font-size-square-tiny: var(--wds-font-size-body-tiny);
1579
+ --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-small);
1580
+ --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-small);
1581
+ --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1582
+ --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1583
+ --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1584
+ --wds-toggle-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary);
1585
+ --wds-toggle-button-label-fill-standard: var(--wds-color-text-standard-primary);
1586
+ --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary);
1587
+ --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary);
1588
+ --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-standard-primary);
1589
+ --wds-toggle-button-label-fill-inverted: var(--wds-color-text-standard-primary);
1590
+ --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary);
1591
+ --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary);
1592
+ --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-primary);
1593
+ --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1594
+ --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-dark-tertiary-hover);
1595
+ --wds-toggle-button-fill-inverted-selected: var(--wds-color-fill-dark-tertiary);
1596
+ --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-dark-secondary-hover);
1597
+ --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-secondary-hover);
1598
+ --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1599
+ --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1600
+ --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1601
+ --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1602
+ --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1603
+ --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
1604
+ --wds-thumbnail-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1605
+ --wds-thumbnail-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1606
+ --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1607
+ --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1608
+ --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1609
+ --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1610
+ --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1611
+ --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1612
+ --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1613
+ --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1614
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1615
+ --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1616
+ --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1617
+ --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
1618
+ --wds-swatches-fill-border-no-value: var(--wds-color-border-dark-secondary);
1619
+ --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1620
+ --wds-status-toast-text-font-size: var(--wds-font-size-body-small);
1621
+ --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1622
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
1623
+ --wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
1624
+ --wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
1625
+ --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
1626
+ --wds-slider-slider-knob-color-disabled: var(--wds-color-fill-standard-tertiary);
1627
+ --wds-slider-slider-knob-color: var(--wds-color-fill-standard-tertiary);
1628
+ --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1629
+ --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1630
+ --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1631
+ --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1632
+ --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1633
+ --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1634
+ --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1635
+ --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
1636
+ --wds-shadow-surface-raised: var(--wds-shadow-200);
1637
+ --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
1638
+ --wds-shadow-surface-overlay: var(--wds-shadow-300);
1639
+ --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1640
+ --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1641
+ --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1642
+ --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1643
+ --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1644
+ --wds-selector-button-text-fill-hover: var(--wds-color-text-standard-primary);
1645
+ --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1646
+ --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1647
+ --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1648
+ --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1649
+ --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
1650
+ --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1651
+ --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1652
+ --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
1653
+ --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled);
1654
+ --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
1655
+ --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary);
1656
+ --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1657
+ --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1658
+ --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-400);
1659
+ --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1660
+ --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1661
+ --wds-segmented-toggle-fill-hover: var(--wds-color-fill-light-secondary);
1662
+ --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1663
+ --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1664
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1665
+ --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
1666
+ --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1667
+ --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1668
+ --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1669
+ --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1670
+ --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1671
+ --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
1672
+ --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1673
+ --wds-radio-fill-active-hover: var(--wds-color-fill-standard-primary);
1674
+ --wds-radio-fill-active-disabled: var(--wds-color-fill-dark-secondary-active);
1675
+ --wds-radio-fill-active: var(--wds-color-fill-standard-primary);
1676
+ --wds-radio-fill: var(--wds-color-fill-standard-tertiary);
1677
+ --wds-radio-dot-fill-disabled: var(--wds-color-fill-standard-tertiary-readonly);
1678
+ --wds-radio-dot-fill-active: var(--wds-color-fill-standard-tertiary);
1679
+ --wds-radio-border-hover: var(--wds-color-fill-standard-primary);
1680
+ --wds-radio-border-disabled: var(--wds-color-border-transparent-primary);
1681
+ --wds-radio-border-active: var(--wds-color-fill-standard-primary);
1682
+ --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1683
+ --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1684
+ --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1685
+ --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1686
+ --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1687
+ --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1688
+ --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1689
+ --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1690
+ --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1691
+ --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1692
+ --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1693
+ --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1694
+ --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1695
+ --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1696
+ --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
1697
+ --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1698
+ --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1699
+ --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1700
+ --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1701
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1702
+ --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1703
+ --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1704
+ --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
1705
+ --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
1706
+ --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
1707
+ --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
1708
+ --wds-list-item-select-active-title: var(--wds-color-text-standard-primary);
1709
+ --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1710
+ --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1711
+ --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1712
+ --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1713
+ --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1714
+ --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1715
+ --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1716
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1717
+ --wds-list-item-section-font-size: var(--wds-font-size-body-small);
1718
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-standard-tertiary);
1719
+ --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1720
+ --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1721
+ --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1722
+ --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1723
+ --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1724
+ --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1725
+ --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1726
+ --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1727
+ --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1728
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1729
+ --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1730
+ --wds-input-value-font-size-small: var(--wds-font-size-body-small);
1731
+ --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
1732
+ --wds-input-value-font-size-large: var(--wds-font-size-body-small);
1733
+ --wds-input-value-font-line-height-large: var(--wds-font-size-body-small);
1734
+ --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1735
+ --wds-input-border-color-hover: var(--wds-color-border-standard-primary);
1736
+ --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
1737
+ --wds-info-icon-fill-hover: var(--wds-color-text-primary);
1738
+ --wds-info-icon-fill: var(--wds-color-text-placeholder);
1739
+ --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
1740
+ --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
1741
+ --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
1742
+ --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1743
+ --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1744
+ --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
1745
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1746
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1747
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
1748
+ --wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-fill-premium-primary-active);
1749
+ --wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-fill-premium-primary-active);
1750
+ --wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
1751
+ --wds-icon-button-color-text-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1752
+ --wds-icon-button-color-text-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1753
+ --wds-icon-button-color-text-premium-secondary: var(--wds-color-fill-premium-primary);
1754
+ --wds-icon-button-color-text-premium-primary-hover: var(--wds-color-text-standard-primary-light);
1755
+ --wds-icon-button-color-text-premium-primary-active: var(--wds-color-text-standard-primary-light);
1756
+ --wds-icon-button-color-text-premium-primary: var(--wds-color-text-standard-primary-light);
1757
+ --wds-icon-button-color-text-light-tertiary-hover: var(--wds-color-fill-standard-primary-active);
1758
+ --wds-icon-button-color-text-light-tertiary-disabled: var(--wds-color-text-disabled-light);
1759
+ --wds-icon-button-color-text-light-tertiary-active: var(--wds-color-fill-standard-primary-active);
1760
+ --wds-icon-button-color-text-light-tertiary: var(--wds-color-text-standard-primary-light);
1761
+ --wds-icon-button-color-text-light-secondary-hover: var(--wds-color-fill-standard-primary-active);
1762
+ --wds-icon-button-color-text-light-secondary-active: var(--wds-color-fill-standard-primary-active);
1763
+ --wds-icon-button-color-text-light-secondary: var(--wds-color-text-standard-primary-light);
1764
+ --wds-icon-button-color-text-light-primary-hover: var(--wds-color-fill-standard-primary-active);
1765
+ --wds-icon-button-color-text-light-primary-active: var(--wds-color-fill-standard-primary-active);
1766
+ --wds-icon-button-color-text-light-primary: var(--wds-color-fill-standard-primary);
1767
+ --wds-icon-button-color-text-dark-tertiary-hover: var(--wds-color-text-standard-primary);
1768
+ --wds-icon-button-color-text-dark-tertiary-active: var(--wds-color-text-standard-primary);
1769
+ --wds-icon-button-color-text-dark-tertiary: var(--wds-color-text-standard-primary);
1770
+ --wds-icon-button-color-text-dark-secondary-hover: var(--wds-color-text-standard-primary);
1771
+ --wds-icon-button-color-text-dark-secondary-active: var(--wds-color-text-standard-primary);
1772
+ --wds-icon-button-color-text-dark-secondary: var(--wds-color-text-standard-primary);
1773
+ --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
1774
+ --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
1775
+ --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
1776
+ --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
1777
+ --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
1778
+ --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
1779
+ --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
1780
+ --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1781
+ --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1782
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1783
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1784
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1785
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
1786
+ --wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-secondary-hover);
1787
+ --wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-secondary-disabled);
1788
+ --wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-secondary-active);
1789
+ --wds-icon-button-color-fill-premium-tertiary: var(--wds-color-fill-premium-secondary);
1790
+ --wds-icon-button-color-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1791
+ --wds-icon-button-color-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1792
+ --wds-icon-button-color-fill-premium-secondary: var(--wds-color-fill-premium-tertiary);
1793
+ --wds-icon-button-color-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1794
+ --wds-icon-button-color-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1795
+ --wds-icon-button-color-fill-premium-primary: var(--wds-color-fill-premium-primary);
1796
+ --wds-icon-button-color-fill-light-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
1797
+ --wds-icon-button-color-fill-light-tertiary-disabled: var(--wds-color-fill-light-secondary);
1798
+ --wds-icon-button-color-fill-light-tertiary-active: var(--wds-color-fill-light-secondary-active);
1799
+ --wds-icon-button-color-fill-light-tertiary: var(--wds-color-fill-light-secondary);
1800
+ --wds-icon-button-color-fill-light-secondary-hover: var(--wds-color-fill-light-secondary-hover);
1801
+ --wds-icon-button-color-fill-light-secondary-active: var(--wds-color-fill-light-secondary-active);
1802
+ --wds-icon-button-color-fill-light-secondary: var(--wds-color-fill-light-secondary);
1803
+ --wds-icon-button-color-fill-light-primary-hover: var(--wds-color-fill-light-primary-hover);
1804
+ --wds-icon-button-color-fill-light-primary-active: var(--wds-color-fill-light-primary-active);
1805
+ --wds-icon-button-color-fill-light-primary: var(--wds-color-fill-light-primary);
1806
+ --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-fill-dark-tertiary-hover);
1807
+ --wds-icon-button-color-fill-dark-tertiary-disabled: var(--wds-color-fill-light-secondary);
1808
+ --wds-icon-button-color-fill-dark-tertiary-active: var(--wds-color-fill-dark-tertiary-active);
1809
+ --wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
1810
+ --wds-icon-button-color-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
1811
+ --wds-icon-button-color-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
1812
+ --wds-icon-button-color-fill-dark-secondary: var(--wds-color-fill-light-secondary);
1813
+ --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
1814
+ --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
1815
+ --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
1816
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
1817
+ --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
1818
+ --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
1819
+ --wds-icon-button-color-border-premium-secondary-active: var(--wds-color-border-premium-tertiary-active);
1820
+ --wds-icon-button-color-border-premium-secondary: var(--wds-color-border-premium-primary);
1821
+ --wds-icon-button-color-border-light-secondary-hover: var(--wds-color-border-light-hover);
1822
+ --wds-icon-button-color-border-light-secondary-active: var(--wds-color-border-light-active);
1823
+ --wds-icon-button-color-border-light-secondary: var(--wds-color-border-light);
1824
+ --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
1825
+ --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
1826
+ --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
1827
+ --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1828
+ --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1829
+ --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1830
+ --wds-font-line-height-heading-6: var(--wds-font-line-height-100);
1831
+ --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
1832
+ --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
1833
+ --wds-font-line-height-heading-3: var(--wds-font-line-height-400);
1834
+ --wds-font-line-height-heading-2: var(--wds-font-line-height-500);
1835
+ --wds-font-line-height-heading-1: var(--wds-font-line-height-600);
1836
+ --wds-font-line-height-body-tiny: var(--wds-font-line-height-200);
1837
+ --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1838
+ --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
1839
+ --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
1840
+ --wds-fill-button-icon-color: var(--wds-color-text-standard-primary);
1841
+ --wds-fill-button-fill-hover: var(--wds-color-fill-standard-tertiary);
1842
+ --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
1843
+ --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1844
+ --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1845
+ --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1846
+ --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1847
+ --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1848
+ --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
1849
+ --wds-dock-point-fill-hover: var(--wds-color-fill-dark-secondary-active);
1850
+ --wds-dock-point-fill-fill: var(--wds-color-text-standard-secondary-light);
1851
+ --wds-dock-point-fill-active: var(--wds-color-fill-standard-primary);
1852
+ --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1853
+ --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1854
+ --wds-date-picker-icon-fill-disabled: var(--wds-color-text-disabled);
1855
+ --wds-date-picker-icon-fill: var(--wds-color-text-standard-secondary);
1856
+ --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
1857
+ --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
1858
+ --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
1859
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1860
+ --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
1861
+ --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
1862
+ --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
1863
+ --wds-close-button-standard-filled-fill: var(--wds-color-fill-dark-secondary);
1864
+ --wds-close-button-standard-fill-hover: var(--wds-color-fill-dark-secondary-hover);
1865
+ --wds-close-button-standard-fill-disabled: var(--wds-color-fill-dark-secondary-disabled);
1866
+ --wds-close-button-standard-fill-active: var(--wds-color-fill-dark-tertiary-active);
1867
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1868
+ --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1869
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-secondary-active);
1870
+ --wds-circular-progress-bar-label-font-line-height: var(--wds-font-line-height-300);
1871
+ --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
1872
+ --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
1873
+ --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary);
1874
+ --wds-circular-progress-bar-foreground-fill-error: var(--wds-color-fill-destructive-primary);
1875
+ --wds-circular-progress-bar-background-fill-success: var(--wds-color-fill-success-secondary-disabled);
1876
+ --wds-circular-progress-bar-background-fill-standard: var(--wds-color-fill-standard-secondary-disabled);
1877
+ --wds-circular-progress-bar-background-fill-premium: var(--wds-color-fill-premium-secondary-disabled);
1878
+ --wds-circular-progress-bar-background-fill-error: var(--wds-color-fill-destructive-secondary-disabled);
1879
+ --wds-checkbox-label-font-size-small: var(--wds-font-size-body-tiny);
1880
+ --wds-checkbox-label-font-size-medium: var(--wds-font-size-body-small);
1881
+ --wds-checkbox-label-disabled: var(--wds-color-text-disabled);
1882
+ --wds-checkbox-icon-disabled: var(--wds-color-text-disabled-light);
1883
+ --wds-checkbox-icon: var(--wds-color-text-standard-primary-light);
1884
+ --wds-checkbox-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1885
+ --wds-checkbox-fill-active-hover: var(--wds-color-fill-standard-primary-hover);
1886
+ --wds-checkbox-fill-active-disabled: var(--wds-color-fill-standard-primary-disabled);
1887
+ --wds-checkbox-fill-active: var(--wds-color-fill-standard-primary);
1888
+ --wds-checkbox-fill: var(--wds-color-fill-standard-tertiary);
1889
+ --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
1890
+ --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
1891
+ --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
1892
+ --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);
1893
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1894
+ --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1895
+ --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1896
+ --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
1897
+ --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
1898
+ --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1899
+ --wds-button-label-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1900
+ --wds-button-label-fill-standard-secondary: var(--wds-color-fill-standard-primary-hover);
1901
+ --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1902
+ --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1903
+ --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1904
+ --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1905
+ --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1906
+ --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
1907
+ --wds-button-label-fill-destructive-secondary: var(--wds-color-text-destructive);
1908
+ --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
1909
+ --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
1910
+ --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1911
+ --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1912
+ --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1913
+ --wds-button-font-size-medium: var(--wds-font-size-body-small);
1914
+ --wds-button-font-size-large: var(--wds-font-size-body-medium);
1915
+ --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1916
+ --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1917
+ --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1918
+ --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1919
+ --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1920
+ --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1921
+ --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1922
+ --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1923
+ --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1924
+ --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1925
+ --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1926
+ --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1927
+ --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1928
+ --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
1929
+ --wds-button-border-premium-secondary-hover: var(--wds-color-fill-premium-secondary-hover);
1930
+ --wds-button-border-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1931
+ --wds-button-border-premium-secondary: var(--wds-color-border-premium-secondary-hover);
1932
+ --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1933
+ --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1934
+ --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1935
+ --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1936
+ --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1937
+ --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
1938
+ --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
1939
+ --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
1940
+ --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
1941
+ --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1942
+ --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
1943
+ --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
1944
+ --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
1945
+ --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
1946
+ --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
1947
+ --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
1948
+ --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
1949
+ --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1950
+ --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
1951
+ --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
1952
+ --wds-angle-input-knob-disabled: var(--wds-color-fill-standard-tertiary);
1953
+ --wds-angle-input-arm-border: var(--wds-color-fill-standard-primary);
1954
+ --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny);
1955
+ --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
1956
+ --wds-add-item-label-color: var(--wds-color-text-standard-primary);
1957
+ --wds-add-item-fill-pressed: var(--wds-color-fill-dark-secondary-active);
1958
+ --wds-add-item-fill-hover: var(--wds-color-fill-dark-secondary-hover);
1959
+ --wds-add-item-border-color-hover: var(--wds-color-fill-dark-primary);
1960
+ --wds-add-item-border-color-disabled: var(--wds-color-fill-dark-primary-disabled);
1961
+ --wds-add-item-border-color: var(--wds-color-fill-dark-primary);
1962
+ --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny);
1963
+ --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
1964
+ --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
1965
+ --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1966
+ --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1967
+ --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1968
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1969
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
1970
+ --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1971
+ --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
1972
+ --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1973
+ --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1974
+ --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1975
+ --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
1976
+ --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
1977
+ --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1978
+ --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1979
+ --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1980
+ --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
1981
+ --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1982
+ --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
1983
+ --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1984
+ --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
1985
+ --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1986
+ --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
1987
+ --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1988
+ --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1989
+ --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
1990
+ --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
1991
+ --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
1992
+ --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1993
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-small);
1994
+ --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
1995
+ --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
1996
+ --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1997
+ --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1998
+ --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-small);
1999
+ --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small);
2000
+ --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2001
+ --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-tiny);
2002
+ --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2003
+ --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2004
+ --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-small);
2005
+ --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2006
+ --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2007
+ --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2008
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2009
+ --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2010
+ --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2011
+ --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2012
+ --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
2013
+ --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
2014
+ --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
2015
+ --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2016
+ --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2017
+ --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2018
+ --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2019
+ --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2020
+ --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-medium);
2021
+ --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2022
+ }