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