@spectrum-web-components/styles 0.11.3 → 0.11.4-express.12

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,2984 @@
1
+ /*
2
+ Copyright 2020 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+
7
+ Unless required by applicable law or agreed to in writing, software distributed under
8
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ OF ANY KIND, either express or implied. See the License for the specific language
10
+ governing permissions and limitations under the License.
11
+ */
12
+
13
+ /* stylelint-disable */
14
+ :host,
15
+ :root {
16
+ --spectrum-global-animation-linear: cubic-bezier(
17
+ 0,
18
+ 0,
19
+ 1,
20
+ 1
21
+ ); /* spectrum-animationGlobals.css */
22
+ --spectrum-global-animation-duration-0: 0ms;
23
+ --spectrum-global-animation-duration-100: 130ms;
24
+ --spectrum-global-animation-duration-200: 160ms;
25
+ --spectrum-global-animation-duration-300: 190ms;
26
+ --spectrum-global-animation-duration-400: 220ms;
27
+ --spectrum-global-animation-duration-500: 250ms;
28
+ --spectrum-global-animation-duration-600: 300ms;
29
+ --spectrum-global-animation-duration-700: 350ms;
30
+ --spectrum-global-animation-duration-800: 400ms;
31
+ --spectrum-global-animation-duration-900: 450ms;
32
+ --spectrum-global-animation-duration-1000: 500ms;
33
+ --spectrum-global-animation-duration-2000: 1000ms;
34
+ --spectrum-global-animation-duration-4000: 2000ms;
35
+ --spectrum-global-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
36
+ --spectrum-global-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
37
+ --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
38
+ --spectrum-global-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
39
+
40
+ /* spectrum-colorGlobals.css */
41
+ --spectrum-global-color-status: Verified;
42
+ --spectrum-global-color-version: 5.1.0;
43
+ --spectrum-global-color-static-blue: #0261d6;
44
+ --spectrum-global-color-static-gray-50: #fff;
45
+ --spectrum-global-color-static-gray-75: #fff;
46
+ --spectrum-global-color-static-gray-100: #fff;
47
+ --spectrum-global-color-static-gray-200: #ebebeb;
48
+ --spectrum-global-color-static-gray-300: #dadada;
49
+ --spectrum-global-color-static-gray-400: #b3b3b3;
50
+ --spectrum-global-color-static-gray-500: #929292;
51
+ --spectrum-global-color-static-gray-600: #6e6e6e;
52
+ --spectrum-global-color-static-gray-700: #474747;
53
+ --spectrum-global-color-static-gray-800: #222;
54
+ --spectrum-global-color-static-gray-900: #000;
55
+ --spectrum-global-color-static-red-400: #fa604b;
56
+ --spectrum-global-color-static-red-500: #f04534;
57
+ --spectrum-global-color-static-red-600: #e32a1f;
58
+ --spectrum-global-color-static-red-700: #ce0f0b;
59
+ --spectrum-global-color-static-red-800: #b60000;
60
+ --spectrum-global-color-static-orange-400: #e87200;
61
+ --spectrum-global-color-static-orange-500: #d56300;
62
+ --spectrum-global-color-static-orange-600: #c25600;
63
+ --spectrum-global-color-static-orange-700: #ac4900;
64
+ --spectrum-global-color-static-orange-800: #963e00;
65
+ --spectrum-global-color-static-yellow-200: #fdf8cd;
66
+ --spectrum-global-color-static-yellow-300: #f9e442;
67
+ --spectrum-global-color-static-yellow-400: #ec0;
68
+ --spectrum-global-color-static-yellow-500: #dbb700;
69
+ --spectrum-global-color-static-yellow-600: #c8a300;
70
+ --spectrum-global-color-static-yellow-700: #b48f00;
71
+ --spectrum-global-color-static-yellow-800: #a47f00;
72
+ --spectrum-global-color-static-chartreuse-300: #c4f081;
73
+ --spectrum-global-color-static-chartreuse-400: #a6df58;
74
+ --spectrum-global-color-static-chartreuse-500: #8bcc39;
75
+ --spectrum-global-color-static-chartreuse-600: #74b824;
76
+ --spectrum-global-color-static-chartreuse-700: #62a416;
77
+ --spectrum-global-color-static-chartreuse-800: #559310;
78
+ --spectrum-global-color-static-celery-200: #a9f597;
79
+ --spectrum-global-color-static-celery-300: #7be471;
80
+ --spectrum-global-color-static-celery-400: #53d254;
81
+ --spectrum-global-color-static-celery-500: #2dbf3a;
82
+ --spectrum-global-color-static-celery-600: #0dab25;
83
+ --spectrum-global-color-static-celery-700: #009a17;
84
+ --spectrum-global-color-static-celery-800: #008910;
85
+ --spectrum-global-color-static-green-400: #1ba772;
86
+ --spectrum-global-color-static-green-500: #009764;
87
+ --spectrum-global-color-static-green-600: #008757;
88
+ --spectrum-global-color-static-green-700: #00764c;
89
+ --spectrum-global-color-static-green-800: #006641;
90
+ --spectrum-global-color-static-seafoam-200: #49cbcd;
91
+ --spectrum-global-color-static-seafoam-300: #25b8bd;
92
+ --spectrum-global-color-static-seafoam-400: #00a3aa;
93
+ --spectrum-global-color-static-seafoam-500: #00929b;
94
+ --spectrum-global-color-static-seafoam-600: #00828e;
95
+ --spectrum-global-color-static-seafoam-700: #00727e;
96
+ --spectrum-global-color-static-seafoam-800: #00626e;
97
+ --spectrum-global-color-static-blue-200: #7fbffb;
98
+ --spectrum-global-color-static-blue-300: #60abf8;
99
+ --spectrum-global-color-static-blue-400: #3e95f4;
100
+ --spectrum-global-color-static-blue-500: #1f82f6;
101
+ --spectrum-global-color-static-blue-600: #0b71ef;
102
+ --spectrum-global-color-static-blue-700: #0261d6;
103
+ --spectrum-global-color-static-blue-800: #0055b9;
104
+ --spectrum-global-color-static-indigo-200: #9a9dff;
105
+ --spectrum-global-color-static-indigo-300: #8287fd;
106
+ --spectrum-global-color-static-indigo-400: #7175f8;
107
+ --spectrum-global-color-static-indigo-500: #6165f0;
108
+ --spectrum-global-color-static-indigo-600: #4f54e1;
109
+ --spectrum-global-color-static-indigo-700: #4246cb;
110
+ --spectrum-global-color-static-indigo-800: #363ab2;
111
+ --spectrum-global-color-static-purple-400: #a460f8;
112
+ --spectrum-global-color-static-purple-500: #964df0;
113
+ --spectrum-global-color-static-purple-600: #8638e4;
114
+ --spectrum-global-color-static-purple-700: #7526d5;
115
+ --spectrum-global-color-static-purple-800: #6317bf;
116
+ --spectrum-global-color-static-fuchsia-400: #d642d7;
117
+ --spectrum-global-color-static-fuchsia-500: #c530c6;
118
+ --spectrum-global-color-static-fuchsia-600: #b21cb3;
119
+ --spectrum-global-color-static-fuchsia-700: #9f04a0;
120
+ --spectrum-global-color-static-fuchsia-800: #880089;
121
+ --spectrum-global-color-static-magenta-200: #fd7cae;
122
+ --spectrum-global-color-static-magenta-300: #f25e9c;
123
+ --spectrum-global-color-static-magenta-400: #e5478b;
124
+ --spectrum-global-color-static-magenta-500: #d7327a;
125
+ --spectrum-global-color-static-magenta-600: #c41d66;
126
+ --spectrum-global-color-static-magenta-700: #af0a56;
127
+ --spectrum-global-color-static-magenta-800: #970049;
128
+ --spectrum-global-color-static-black: #000;
129
+ --spectrum-global-color-static-white: #fff;
130
+ --spectrum-global-color-static-transparent-white-200: hsla(
131
+ 0,
132
+ 0%,
133
+ 100%,
134
+ 0.1
135
+ );
136
+ --spectrum-global-color-static-transparent-white-300: hsla(
137
+ 0,
138
+ 0%,
139
+ 100%,
140
+ 0.25
141
+ );
142
+ --spectrum-global-color-static-transparent-white-400: hsla(
143
+ 0,
144
+ 0%,
145
+ 100%,
146
+ 0.4
147
+ );
148
+ --spectrum-global-color-static-transparent-white-500: hsla(
149
+ 0,
150
+ 0%,
151
+ 100%,
152
+ 0.55
153
+ );
154
+ --spectrum-global-color-static-transparent-white-600: hsla(
155
+ 0,
156
+ 0%,
157
+ 100%,
158
+ 0.7
159
+ );
160
+ --spectrum-global-color-static-transparent-white-700: hsla(
161
+ 0,
162
+ 0%,
163
+ 100%,
164
+ 0.8
165
+ );
166
+ --spectrum-global-color-static-transparent-white-800: hsla(
167
+ 0,
168
+ 0%,
169
+ 100%,
170
+ 0.9
171
+ );
172
+ --spectrum-global-color-static-transparent-white-900: #fff;
173
+ --spectrum-global-color-static-transparent-black-200: rgba(0, 0, 0, 0.1);
174
+ --spectrum-global-color-static-transparent-black-300: rgba(0, 0, 0, 0.25);
175
+ --spectrum-global-color-static-transparent-black-400: rgba(0, 0, 0, 0.4);
176
+ --spectrum-global-color-static-transparent-black-500: rgba(0, 0, 0, 0.55);
177
+ --spectrum-global-color-static-transparent-black-600: rgba(0, 0, 0, 0.7);
178
+ --spectrum-global-color-static-transparent-black-700: rgba(0, 0, 0, 0.8);
179
+ --spectrum-global-color-static-transparent-black-800: rgba(0, 0, 0, 0.9);
180
+ --spectrum-global-color-static-transparent-black-900: #000;
181
+ --spectrum-global-color-sequential-cerulean: #e9fff1, #c8f1e4, #a5e3d7,
182
+ #82d5ca, #68c5c1, #54b4ba, #3fa2b2, #2991ac, #2280a2, #1f6d98, #1d5c8d,
183
+ #1a4b83, #1a3979, #1a266f, #191264, #180057;
184
+ --spectrum-global-color-sequential-forest: #ffffdf, #e2f6ba, #c4eb95,
185
+ #a4e16d, #8dd366, #77c460, #5fb65a, #48a754, #36984f, #2c894d, #237a4a,
186
+ #196b47, #105c45, #094d41, #033f3e, #00313a;
187
+ --spectrum-global-color-sequential-rose: #fff4dd, #ffddd7, #ffc5d2, #feaecb,
188
+ #fa96c4, #f57ebd, #ef64b5, #e846ad, #d238a1, #bb2e96, #a3248c, #8a1b83,
189
+ #71167c, #560f74, #370b6e, #000968;
190
+ --spectrum-global-color-diverging-orange-yellow-seafoam: #580000, #79260b,
191
+ #9c4511, #bd651a, #dd8629, #f5ad52, #fed693, #ffffe0, #bbe4d1, #76c7be,
192
+ #3ea8a6, #208288, #076769, #00494b, #002c2d;
193
+ --spectrum-global-color-diverging-red-yellow-blue: #4a001e, #751232, #a52747,
194
+ #c65154, #e47961, #f0a882, #fad4ac, #ffffe0, #bce2cf, #89c0c4, #579eb9,
195
+ #397aa8, #1c5796, #163771, #10194d;
196
+ --spectrum-global-color-diverging-red-blue: #4a001e, #731331, #9f2945,
197
+ #cc415a, #e06e85, #ed9ab0, #f8c3d9, #faf0ff, #c6d0f2, #92b2de, #5d94cb,
198
+ #2f74b3, #265191, #163670, #0b194c;
199
+
200
+ /* spectrum-colorSemantics.css */
201
+ --spectrum-semantic-cta-background-color-default: var(
202
+ --spectrum-global-color-static-indigo-600
203
+ );
204
+ --spectrum-semantic-cta-background-color-hover: var(
205
+ --spectrum-global-color-static-indigo-700
206
+ );
207
+ --spectrum-semantic-cta-background-color-down: var(
208
+ --spectrum-global-color-static-indigo-800
209
+ );
210
+ --spectrum-semantic-cta-background-color-key-focus: var(
211
+ --spectrum-global-color-static-indigo-700
212
+ );
213
+ --spectrum-semantic-neutral-background-color-default: var(
214
+ --spectrum-global-color-static-gray-800
215
+ );
216
+ --spectrum-semantic-informative-background-color: var(
217
+ --spectrum-global-color-static-blue-500
218
+ );
219
+ --spectrum-semantic-positive-background-color: var(
220
+ --spectrum-global-color-static-green-500
221
+ );
222
+ --spectrum-semantic-negative-background-color: var(
223
+ --spectrum-global-color-static-red-500
224
+ );
225
+ --spectrum-semantic-negative-color-default: var(
226
+ --spectrum-global-color-red-500
227
+ );
228
+ --spectrum-semantic-negative-color-hover: var(
229
+ --spectrum-global-color-red-600
230
+ );
231
+ --spectrum-semantic-negative-color-dark: var(
232
+ --spectrum-global-color-red-600
233
+ );
234
+ --spectrum-semantic-negative-border-color: var(
235
+ --spectrum-global-color-red-400
236
+ );
237
+ --spectrum-semantic-negative-icon-color: var(
238
+ --spectrum-global-color-red-600
239
+ );
240
+ --spectrum-semantic-negative-status-color: var(
241
+ --spectrum-global-color-red-400
242
+ );
243
+ --spectrum-semantic-negative-text-color-large: var(
244
+ --spectrum-global-color-red-500
245
+ );
246
+ --spectrum-semantic-negative-text-color-small: var(
247
+ --spectrum-global-color-red-600
248
+ );
249
+ --spectrum-semantic-negative-text-color-small-hover: var(
250
+ --spectrum-global-color-red-700
251
+ );
252
+ --spectrum-semantic-negative-text-color-small-down: var(
253
+ --spectrum-global-color-red-700
254
+ );
255
+ --spectrum-semantic-negative-text-color-small-key-focus: var(
256
+ --spectrum-global-color-red-600
257
+ );
258
+ --spectrum-semantic-negative-color-down: var(
259
+ --spectrum-global-color-red-700
260
+ );
261
+ --spectrum-semantic-negative-color-key-focus: var(
262
+ --spectrum-global-color-red-400
263
+ );
264
+ --spectrum-semantic-negative-background-color-default: var(
265
+ --spectrum-global-color-static-red-600
266
+ );
267
+ --spectrum-semantic-negative-background-color-hover: var(
268
+ --spectrum-global-color-static-red-700
269
+ );
270
+ --spectrum-semantic-negative-background-color-down: var(
271
+ --spectrum-global-color-static-red-800
272
+ );
273
+ --spectrum-semantic-negative-background-color-key-focus: var(
274
+ --spectrum-global-color-static-red-700
275
+ );
276
+ --spectrum-semantic-notice-background-color: var(
277
+ --spectrum-global-color-static-orange-700
278
+ );
279
+ --spectrum-semantic-notice-color-default: var(
280
+ --spectrum-global-color-orange-500
281
+ );
282
+ --spectrum-semantic-notice-color-dark: var(
283
+ --spectrum-global-color-orange-600
284
+ );
285
+ --spectrum-semantic-notice-border-color: var(
286
+ --spectrum-global-color-orange-400
287
+ );
288
+ --spectrum-semantic-notice-icon-color: var(
289
+ --spectrum-global-color-orange-600
290
+ );
291
+ --spectrum-semantic-notice-status-color: var(
292
+ --spectrum-global-color-orange-400
293
+ );
294
+ --spectrum-semantic-notice-text-color-large: var(
295
+ --spectrum-global-color-orange-500
296
+ );
297
+ --spectrum-semantic-notice-text-color-small: var(
298
+ --spectrum-global-color-orange-600
299
+ );
300
+ --spectrum-semantic-notice-color-down: var(
301
+ --spectrum-global-color-orange-700
302
+ );
303
+ --spectrum-semantic-notice-color-key-focus: var(
304
+ --spectrum-global-color-orange-400
305
+ );
306
+ --spectrum-semantic-notice-background-color-default: var(
307
+ --spectrum-global-color-static-orange-600
308
+ );
309
+ --spectrum-semantic-notice-background-color-hover: var(
310
+ --spectrum-global-color-static-orange-700
311
+ );
312
+ --spectrum-semantic-notice-background-color-down: var(
313
+ --spectrum-global-color-static-orange-800
314
+ );
315
+ --spectrum-semantic-notice-background-color-key-focus: var(
316
+ --spectrum-global-color-static-orange-700
317
+ );
318
+ --spectrum-semantic-positive-color-default: var(
319
+ --spectrum-global-color-green-500
320
+ );
321
+ --spectrum-semantic-positive-color-dark: var(
322
+ --spectrum-global-color-green-600
323
+ );
324
+ --spectrum-semantic-positive-border-color: var(
325
+ --spectrum-global-color-green-400
326
+ );
327
+ --spectrum-semantic-positive-icon-color: var(
328
+ --spectrum-global-color-green-600
329
+ );
330
+ --spectrum-semantic-positive-status-color: var(
331
+ --spectrum-global-color-green-400
332
+ );
333
+ --spectrum-semantic-positive-text-color-large: var(
334
+ --spectrum-global-color-green-500
335
+ );
336
+ --spectrum-semantic-positive-text-color-small: var(
337
+ --spectrum-global-color-green-600
338
+ );
339
+ --spectrum-semantic-positive-color-down: var(
340
+ --spectrum-global-color-green-700
341
+ );
342
+ --spectrum-semantic-positive-color-key-focus: var(
343
+ --spectrum-global-color-green-400
344
+ );
345
+ --spectrum-semantic-positive-background-color-default: var(
346
+ --spectrum-global-color-static-green-600
347
+ );
348
+ --spectrum-semantic-positive-background-color-hover: var(
349
+ --spectrum-global-color-static-green-700
350
+ );
351
+ --spectrum-semantic-positive-background-color-down: var(
352
+ --spectrum-global-color-static-green-800
353
+ );
354
+ --spectrum-semantic-positive-background-color-key-focus: var(
355
+ --spectrum-global-color-static-green-700
356
+ );
357
+ --spectrum-semantic-informative-color-default: var(
358
+ --spectrum-global-color-blue-500
359
+ );
360
+ --spectrum-semantic-informative-color-dark: var(
361
+ --spectrum-global-color-blue-600
362
+ );
363
+ --spectrum-semantic-informative-border-color: var(
364
+ --spectrum-global-color-blue-400
365
+ );
366
+ --spectrum-semantic-informative-icon-color: var(
367
+ --spectrum-global-color-blue-600
368
+ );
369
+ --spectrum-semantic-informative-status-color: var(
370
+ --spectrum-global-color-blue-400
371
+ );
372
+ --spectrum-semantic-informative-text-color-large: var(
373
+ --spectrum-global-color-blue-500
374
+ );
375
+ --spectrum-semantic-informative-text-color-small: var(
376
+ --spectrum-global-color-blue-600
377
+ );
378
+ --spectrum-semantic-informative-color-down: var(
379
+ --spectrum-global-color-blue-700
380
+ );
381
+ --spectrum-semantic-informative-color-key-focus: var(
382
+ --spectrum-global-color-blue-400
383
+ );
384
+ --spectrum-semantic-informative-background-color-default: var(
385
+ --spectrum-global-color-static-blue-600
386
+ );
387
+ --spectrum-semantic-informative-background-color-hover: var(
388
+ --spectrum-global-color-static-blue-700
389
+ );
390
+ --spectrum-semantic-informative-background-color-down: var(
391
+ --spectrum-global-color-static-blue-800
392
+ );
393
+ --spectrum-semantic-informative-background-color-key-focus: var(
394
+ --spectrum-global-color-static-blue-700
395
+ );
396
+ --spectrum-semantic-neutral-background-color-hover: var(
397
+ --spectrum-global-color-static-gray-800
398
+ );
399
+ --spectrum-semantic-neutral-background-color-down: var(
400
+ --spectrum-global-color-static-gray-900
401
+ );
402
+ --spectrum-semantic-neutral-background-color-key-focus: var(
403
+ --spectrum-global-color-static-gray-800
404
+ );
405
+ --spectrum-semantic-presence-color-1: var(
406
+ --spectrum-global-color-static-red-500
407
+ );
408
+ --spectrum-semantic-presence-color-2: var(
409
+ --spectrum-global-color-static-orange-400
410
+ );
411
+ --spectrum-semantic-presence-color-3: var(
412
+ --spectrum-global-color-static-yellow-400
413
+ );
414
+ --spectrum-semantic-presence-color-4: #4bcca2;
415
+ --spectrum-semantic-presence-color-5: #00c7ff;
416
+ --spectrum-semantic-presence-color-6: #008cb8;
417
+ --spectrum-semantic-presence-color-7: #7e4bf3;
418
+ --spectrum-semantic-presence-color-8: var(
419
+ --spectrum-global-color-static-fuchsia-600
420
+ );
421
+
422
+ /* spectrum-dimensionGlobals.css */
423
+ --spectrum-global-dimension-static-percent-50: 50%;
424
+ --spectrum-global-dimension-static-percent-70: 70%;
425
+ --spectrum-global-dimension-static-percent-100: 100%;
426
+ --spectrum-global-dimension-static-breakpoint-xsmall: 304px;
427
+ --spectrum-global-dimension-static-breakpoint-small: 768px;
428
+ --spectrum-global-dimension-static-breakpoint-medium: 1280px;
429
+ --spectrum-global-dimension-static-breakpoint-large: 1768px;
430
+ --spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
431
+ --spectrum-global-dimension-static-grid-columns: 12;
432
+ --spectrum-global-dimension-static-grid-fluid-width: 100%;
433
+ --spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
434
+ --spectrum-global-dimension-static-size-0: 0px;
435
+ --spectrum-global-dimension-static-size-10: 1px;
436
+ --spectrum-global-dimension-static-size-25: 2px;
437
+ --spectrum-global-dimension-static-size-40: 3px;
438
+ --spectrum-global-dimension-static-size-50: 4px;
439
+ --spectrum-global-dimension-static-size-65: 5px;
440
+ --spectrum-global-dimension-static-size-75: 6px;
441
+ --spectrum-global-dimension-static-size-85: 7px;
442
+ --spectrum-global-dimension-static-size-100: 8px;
443
+ --spectrum-global-dimension-static-size-115: 9px;
444
+ --spectrum-global-dimension-static-size-125: 10px;
445
+ --spectrum-global-dimension-static-size-130: 11px;
446
+ --spectrum-global-dimension-static-size-150: 12px;
447
+ --spectrum-global-dimension-static-size-160: 13px;
448
+ --spectrum-global-dimension-static-size-175: 14px;
449
+ --spectrum-global-dimension-static-size-200: 16px;
450
+ --spectrum-global-dimension-static-size-225: 18px;
451
+ --spectrum-global-dimension-static-size-250: 20px;
452
+ --spectrum-global-dimension-static-size-275: 22px;
453
+ --spectrum-global-dimension-static-size-300: 24px;
454
+ --spectrum-global-dimension-static-size-325: 26px;
455
+ --spectrum-global-dimension-static-size-400: 32px;
456
+ --spectrum-global-dimension-static-size-450: 36px;
457
+ --spectrum-global-dimension-static-size-500: 40px;
458
+ --spectrum-global-dimension-static-size-550: 44px;
459
+ --spectrum-global-dimension-static-size-600: 48px;
460
+ --spectrum-global-dimension-static-size-700: 56px;
461
+ --spectrum-global-dimension-static-size-800: 64px;
462
+ --spectrum-global-dimension-static-size-900: 72px;
463
+ --spectrum-global-dimension-static-size-1000: 80px;
464
+ --spectrum-global-dimension-static-size-1200: 96px;
465
+ --spectrum-global-dimension-static-size-1700: 136px;
466
+ --spectrum-global-dimension-static-size-2400: 192px;
467
+ --spectrum-global-dimension-static-size-2500: 200px;
468
+ --spectrum-global-dimension-static-size-2600: 208px;
469
+ --spectrum-global-dimension-static-size-2800: 224px;
470
+ --spectrum-global-dimension-static-size-3200: 256px;
471
+ --spectrum-global-dimension-static-size-3400: 272px;
472
+ --spectrum-global-dimension-static-size-3500: 280px;
473
+ --spectrum-global-dimension-static-size-3600: 288px;
474
+ --spectrum-global-dimension-static-size-3800: 304px;
475
+ --spectrum-global-dimension-static-size-4600: 368px;
476
+ --spectrum-global-dimension-static-size-5000: 400px;
477
+ --spectrum-global-dimension-static-size-6000: 480px;
478
+ --spectrum-global-dimension-static-size-16000: 1280px;
479
+ --spectrum-global-dimension-static-font-size-50: 11px;
480
+ --spectrum-global-dimension-static-font-size-75: 12px;
481
+ --spectrum-global-dimension-static-font-size-100: 14px;
482
+ --spectrum-global-dimension-static-font-size-150: 15px;
483
+ --spectrum-global-dimension-static-font-size-200: 16px;
484
+ --spectrum-global-dimension-static-font-size-300: 18px;
485
+ --spectrum-global-dimension-static-font-size-400: 20px;
486
+ --spectrum-global-dimension-static-font-size-500: 22px;
487
+ --spectrum-global-dimension-static-font-size-600: 25px;
488
+ --spectrum-global-dimension-static-font-size-700: 28px;
489
+ --spectrum-global-dimension-static-font-size-800: 32px;
490
+ --spectrum-global-dimension-static-font-size-900: 36px;
491
+ --spectrum-global-dimension-static-font-size-1000: 40px;
492
+
493
+ /* spectrum-fontGlobals.css */
494
+ --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro',
495
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
496
+ 'Trebuchet MS', 'Lucida Grande', sans-serif;
497
+ --spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro',
498
+ Georgia, serif;
499
+ --spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
500
+ --spectrum-global-font-weight-thin: 100;
501
+ --spectrum-global-font-weight-ultra-light: 200;
502
+ --spectrum-global-font-weight-light: 300;
503
+ --spectrum-global-font-weight-regular: 400;
504
+ --spectrum-global-font-weight-medium: 500;
505
+ --spectrum-global-font-weight-semi-bold: 600;
506
+ --spectrum-global-font-weight-bold: 700;
507
+ --spectrum-global-font-weight-extra-bold: 800;
508
+ --spectrum-global-font-weight-black: 900;
509
+ --spectrum-global-font-style-regular: normal;
510
+ --spectrum-global-font-style-italic: italic;
511
+ --spectrum-global-font-letter-spacing-none: 0;
512
+ --spectrum-global-font-letter-spacing-small: 0.0125em;
513
+ --spectrum-global-font-letter-spacing-han: 0.05em;
514
+ --spectrum-global-font-letter-spacing-medium: 0.06em;
515
+ --spectrum-global-font-line-height-large: 1.7;
516
+ --spectrum-global-font-line-height-medium: 1.5;
517
+ --spectrum-global-font-line-height-small: 1.3;
518
+ --spectrum-global-font-multiplier-0: 0em;
519
+ --spectrum-global-font-multiplier-25: 0.25em;
520
+ --spectrum-global-font-multiplier-75: 0.75em;
521
+ --spectrum-global-font-font-family-ar: myriad-arabic, adobe-clean,
522
+ 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
523
+ Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
524
+ --spectrum-global-font-font-family-he: myriad-hebrew, adobe-clean,
525
+ 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
526
+ Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
527
+ --spectrum-global-font-font-family-zh: adobe-clean-han-traditional,
528
+ source-han-traditional, 'MingLiu', 'Heiti TC Light', 'sans-serif';
529
+ --spectrum-global-font-font-family-zhhans: adobe-clean-han-simplified-c,
530
+ source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
531
+ --spectrum-global-font-font-family-ko: adobe-clean-han-korean,
532
+ source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
533
+ --spectrum-global-font-font-family-ja: adobe-clean-han-japanese,
534
+ source-han-japanese, 'Yu Gothic', '\\30E1 \\30A4 \\30EA \\30AA',
535
+ '\\30D2 \\30E9 \\30AE \\30CE \\89D2 \\30B4 Pro W3',
536
+ 'Hiragino Kaku Gothic Pro W3', 'Osaka',
537
+ '\\FF2D \\FF33 \\FF30 \\30B4 \\30B7 \\30C3 \\30AF', 'MS PGothic',
538
+ 'sans-serif';
539
+ --spectrum-global-font-font-family-condensed: adobe-clean-han-traditional,
540
+ source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean,
541
+ 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
542
+ Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
543
+
544
+ /* spectrum-staticAliases.css */
545
+ --spectrum-alias-loupe-entry-animation-duration: var(
546
+ --spectrum-global-animation-duration-300
547
+ );
548
+ --spectrum-alias-loupe-exit-animation-duration: var(
549
+ --spectrum-global-animation-duration-300
550
+ );
551
+ --spectrum-alias-heading-text-font-weight-regular: var(
552
+ --spectrum-global-font-weight-black
553
+ );
554
+ --spectrum-alias-heading-text-font-weight-heavy: var(
555
+ --spectrum-global-font-weight-black
556
+ );
557
+ --spectrum-alias-heading-text-line-height: var(
558
+ --spectrum-global-font-line-height-small
559
+ );
560
+ --spectrum-alias-heading-text-font-weight-regular-strong: var(
561
+ --spectrum-global-font-weight-black
562
+ );
563
+ --spectrum-alias-heading-text-font-weight-light: var(
564
+ --spectrum-global-font-weight-light
565
+ );
566
+ --spectrum-alias-heading-text-font-weight-light-strong: var(
567
+ --spectrum-global-font-weight-bold
568
+ );
569
+ --spectrum-alias-heading-text-font-weight-heavy-strong: var(
570
+ --spectrum-global-font-weight-black
571
+ );
572
+ --spectrum-alias-heading-text-font-weight-quiet: var(
573
+ --spectrum-global-font-weight-light
574
+ );
575
+ --spectrum-alias-heading-text-font-weight-quiet-strong: var(
576
+ --spectrum-global-font-weight-bold
577
+ );
578
+ --spectrum-alias-heading-text-font-weight-strong: var(
579
+ --spectrum-global-font-weight-black
580
+ );
581
+ --spectrum-alias-heading-text-font-weight-strong-strong: var(
582
+ --spectrum-global-font-weight-black
583
+ );
584
+ --spectrum-alias-heading-margin-bottom: var(
585
+ --spectrum-global-font-multiplier-25
586
+ );
587
+ --spectrum-alias-subheading-text-font-weight: var(
588
+ --spectrum-global-font-weight-bold
589
+ );
590
+ --spectrum-alias-subheading-text-font-weight-strong: var(
591
+ --spectrum-global-font-weight-black
592
+ );
593
+ --spectrum-alias-body-text-font-family: var(
594
+ --spectrum-global-font-family-base
595
+ );
596
+ --spectrum-alias-body-text-line-height: var(
597
+ --spectrum-global-font-line-height-medium
598
+ );
599
+ --spectrum-alias-body-text-font-weight: var(
600
+ --spectrum-global-font-weight-regular
601
+ );
602
+ --spectrum-alias-body-text-font-weight-strong: var(
603
+ --spectrum-global-font-weight-bold
604
+ );
605
+ --spectrum-alias-body-margin-bottom: var(
606
+ --spectrum-global-font-multiplier-75
607
+ );
608
+ --spectrum-alias-detail-text-font-weight: var(
609
+ --spectrum-global-font-weight-bold
610
+ );
611
+ --spectrum-alias-detail-text-font-weight-regular: var(
612
+ --spectrum-global-font-weight-bold
613
+ );
614
+ --spectrum-alias-detail-text-font-weight-light: var(
615
+ --spectrum-global-font-weight-regular
616
+ );
617
+ --spectrum-alias-detail-text-font-weight-strong: var(
618
+ --spectrum-global-font-weight-black
619
+ );
620
+ --spectrum-alias-article-heading-text-font-weight: var(
621
+ --spectrum-global-font-weight-bold
622
+ );
623
+ --spectrum-alias-article-heading-text-font-weight-strong: var(
624
+ --spectrum-global-font-weight-black
625
+ );
626
+ --spectrum-alias-article-heading-text-font-weight-quiet: var(
627
+ --spectrum-global-font-weight-regular
628
+ );
629
+ --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(
630
+ --spectrum-global-font-weight-bold
631
+ );
632
+ --spectrum-alias-article-body-text-font-weight: var(
633
+ --spectrum-global-font-weight-regular
634
+ );
635
+ --spectrum-alias-article-body-text-font-weight-strong: var(
636
+ --spectrum-global-font-weight-black
637
+ );
638
+ --spectrum-alias-article-subheading-text-font-weight: var(
639
+ --spectrum-global-font-weight-bold
640
+ );
641
+ --spectrum-alias-article-subheading-text-font-weight-strong: var(
642
+ --spectrum-global-font-weight-black
643
+ );
644
+ --spectrum-alias-article-detail-text-font-weight: var(
645
+ --spectrum-global-font-weight-regular
646
+ );
647
+ --spectrum-alias-article-detail-text-font-weight-strong: var(
648
+ --spectrum-global-font-weight-bold
649
+ );
650
+ --spectrum-alias-code-text-font-family: var(
651
+ --spectrum-global-font-family-code
652
+ );
653
+ --spectrum-alias-code-text-font-weight-regular: var(
654
+ --spectrum-global-font-weight-regular
655
+ );
656
+ --spectrum-alias-code-text-font-weight-strong: var(
657
+ --spectrum-global-font-weight-bold
658
+ );
659
+ --spectrum-alias-code-text-line-height: var(
660
+ --spectrum-global-font-line-height-medium
661
+ );
662
+ --spectrum-alias-code-margin-bottom: var(
663
+ --spectrum-global-font-multiplier-0
664
+ );
665
+ --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar);
666
+ --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he);
667
+ --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh);
668
+ --spectrum-alias-font-family-zhhans: var(
669
+ --spectrum-global-font-font-family-zhhans
670
+ );
671
+ --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko);
672
+ --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja);
673
+ --spectrum-alias-font-family-condensed: var(
674
+ --spectrum-global-font-font-family-condensed
675
+ );
676
+ --spectrum-alias-button-text-line-height: var(
677
+ --spectrum-global-font-line-height-small
678
+ );
679
+ --spectrum-alias-component-text-line-height: var(
680
+ --spectrum-global-font-line-height-small
681
+ );
682
+ --spectrum-alias-han-component-text-line-height: var(
683
+ --spectrum-global-font-line-height-medium
684
+ );
685
+ --spectrum-alias-serif-text-font-family: var(
686
+ --spectrum-global-font-family-serif
687
+ );
688
+ --spectrum-alias-han-heading-text-line-height: var(
689
+ --spectrum-global-font-line-height-medium
690
+ );
691
+ --spectrum-alias-han-heading-text-font-weight-regular: var(
692
+ --spectrum-global-font-weight-bold
693
+ );
694
+ --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(
695
+ --spectrum-global-font-weight-extra-bold
696
+ );
697
+ --spectrum-alias-han-heading-text-font-weight-regular-strong: var(
698
+ --spectrum-global-font-weight-black
699
+ );
700
+ --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(
701
+ --spectrum-global-font-weight-bold
702
+ );
703
+ --spectrum-alias-han-heading-text-font-weight-light: var(
704
+ --spectrum-global-font-weight-light
705
+ );
706
+ --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(
707
+ --spectrum-global-font-weight-regular
708
+ );
709
+ --spectrum-alias-han-heading-text-font-weight-light-strong: var(
710
+ --spectrum-global-font-weight-bold
711
+ );
712
+ --spectrum-alias-han-heading-text-font-weight-heavy: var(
713
+ --spectrum-global-font-weight-black
714
+ );
715
+ --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(
716
+ --spectrum-global-font-weight-black
717
+ );
718
+ --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(
719
+ --spectrum-global-font-weight-black
720
+ );
721
+ --spectrum-alias-han-body-text-line-height: var(
722
+ --spectrum-global-font-line-height-large
723
+ );
724
+ --spectrum-alias-han-body-text-font-weight-regular: var(
725
+ --spectrum-global-font-weight-regular
726
+ );
727
+ --spectrum-alias-han-body-text-font-weight-emphasis: var(
728
+ --spectrum-global-font-weight-bold
729
+ );
730
+ --spectrum-alias-han-body-text-font-weight-strong: var(
731
+ --spectrum-global-font-weight-black
732
+ );
733
+ --spectrum-alias-han-subheading-text-font-weight-regular: var(
734
+ --spectrum-global-font-weight-bold
735
+ );
736
+ --spectrum-alias-han-subheading-text-font-weight-emphasis: var(
737
+ --spectrum-global-font-weight-extra-bold
738
+ );
739
+ --spectrum-alias-han-subheading-text-font-weight-strong: var(
740
+ --spectrum-global-font-weight-black
741
+ );
742
+ --spectrum-alias-han-detail-text-font-weight: var(
743
+ --spectrum-global-font-weight-regular
744
+ );
745
+ --spectrum-alias-han-detail-text-font-weight-emphasis: var(
746
+ --spectrum-global-font-weight-bold
747
+ );
748
+ --spectrum-alias-han-detail-text-font-weight-strong: var(
749
+ --spectrum-global-font-weight-black
750
+ );
751
+ }
752
+ :host,
753
+ :root {
754
+ /* spectrum-dimensionAliases.css */
755
+ --spectrum-alias-item-height-s: var(--spectrum-global-dimension-size-300);
756
+ --spectrum-alias-item-height-m: var(--spectrum-global-dimension-size-400);
757
+ --spectrum-alias-item-height-l: var(--spectrum-global-dimension-size-500);
758
+ --spectrum-alias-item-height-xl: var(--spectrum-global-dimension-size-600);
759
+ --spectrum-alias-item-rounded-border-radius-s: var(
760
+ --spectrum-global-dimension-size-150
761
+ );
762
+ --spectrum-alias-item-rounded-border-radius-m: var(
763
+ --spectrum-global-dimension-size-200
764
+ );
765
+ --spectrum-alias-item-rounded-border-radius-l: var(
766
+ --spectrum-global-dimension-size-250
767
+ );
768
+ --spectrum-alias-item-rounded-border-radius-xl: var(
769
+ --spectrum-global-dimension-size-300
770
+ );
771
+ --spectrum-alias-item-text-size-s: var(
772
+ --spectrum-global-dimension-font-size-75
773
+ );
774
+ --spectrum-alias-item-text-size-m: var(
775
+ --spectrum-global-dimension-font-size-100
776
+ );
777
+ --spectrum-alias-item-text-size-l: var(
778
+ --spectrum-global-dimension-font-size-200
779
+ );
780
+ --spectrum-alias-item-text-size-xl: var(
781
+ --spectrum-global-dimension-font-size-300
782
+ );
783
+ --spectrum-alias-item-text-padding-top-s: var(
784
+ --spectrum-global-dimension-static-size-50
785
+ );
786
+ --spectrum-alias-item-text-padding-top-m: var(
787
+ --spectrum-global-dimension-size-75
788
+ );
789
+ --spectrum-alias-item-text-padding-top-xl: var(
790
+ --spectrum-global-dimension-size-150
791
+ );
792
+ --spectrum-alias-item-text-padding-bottom-m: var(
793
+ --spectrum-global-dimension-size-115
794
+ );
795
+ --spectrum-alias-item-text-padding-bottom-l: var(
796
+ --spectrum-global-dimension-size-130
797
+ );
798
+ --spectrum-alias-item-text-padding-bottom-xl: var(
799
+ --spectrum-global-dimension-size-175
800
+ );
801
+ --spectrum-alias-item-icon-padding-top-s: var(
802
+ --spectrum-global-dimension-size-50
803
+ );
804
+ --spectrum-alias-item-icon-padding-top-m: var(
805
+ --spectrum-global-dimension-size-85
806
+ );
807
+ --spectrum-alias-item-icon-padding-top-l: var(
808
+ --spectrum-global-dimension-size-125
809
+ );
810
+ --spectrum-alias-item-icon-padding-top-xl: var(
811
+ --spectrum-global-dimension-size-160
812
+ );
813
+ --spectrum-alias-item-icon-padding-bottom-s: var(
814
+ --spectrum-global-dimension-size-50
815
+ );
816
+ --spectrum-alias-item-icon-padding-bottom-m: var(
817
+ --spectrum-global-dimension-size-85
818
+ );
819
+ --spectrum-alias-item-icon-padding-bottom-l: var(
820
+ --spectrum-global-dimension-size-125
821
+ );
822
+ --spectrum-alias-item-icon-padding-bottom-xl: var(
823
+ --spectrum-global-dimension-size-160
824
+ );
825
+ --spectrum-alias-item-padding-s: var(--spectrum-global-dimension-size-115);
826
+ --spectrum-alias-item-padding-m: var(--spectrum-global-dimension-size-150);
827
+ --spectrum-alias-item-padding-l: var(--spectrum-global-dimension-size-185);
828
+ --spectrum-alias-item-padding-xl: var(--spectrum-global-dimension-size-225);
829
+ --spectrum-alias-item-rounded-padding-s: var(
830
+ --spectrum-global-dimension-size-150
831
+ );
832
+ --spectrum-alias-item-rounded-padding-m: var(
833
+ --spectrum-global-dimension-size-200
834
+ );
835
+ --spectrum-alias-item-rounded-padding-l: var(
836
+ --spectrum-global-dimension-size-250
837
+ );
838
+ --spectrum-alias-item-rounded-padding-xl: var(
839
+ --spectrum-global-dimension-size-300
840
+ );
841
+ --spectrum-alias-item-icononly-padding-s: var(
842
+ --spectrum-global-dimension-size-50
843
+ );
844
+ --spectrum-alias-item-icononly-padding-m: var(
845
+ --spectrum-global-dimension-size-85
846
+ );
847
+ --spectrum-alias-item-icononly-padding-l: var(
848
+ --spectrum-global-dimension-size-125
849
+ );
850
+ --spectrum-alias-item-icononly-padding-xl: var(
851
+ --spectrum-global-dimension-size-160
852
+ );
853
+ --spectrum-alias-item-control-gap-s: var(
854
+ --spectrum-global-dimension-size-115
855
+ );
856
+ --spectrum-alias-item-control-gap-m: var(
857
+ --spectrum-global-dimension-size-125
858
+ );
859
+ --spectrum-alias-item-control-gap-l: var(
860
+ --spectrum-global-dimension-size-130
861
+ );
862
+ --spectrum-alias-item-control-gap-xl: var(
863
+ --spectrum-global-dimension-size-160
864
+ );
865
+ --spectrum-alias-item-workflow-icon-gap-s: var(
866
+ --spectrum-global-dimension-size-85
867
+ );
868
+ --spectrum-alias-item-workflow-icon-gap-m: var(
869
+ --spectrum-global-dimension-size-100
870
+ );
871
+ --spectrum-alias-item-workflow-icon-gap-l: var(
872
+ --spectrum-global-dimension-size-115
873
+ );
874
+ --spectrum-alias-item-workflow-icon-gap-xl: var(
875
+ --spectrum-global-dimension-size-125
876
+ );
877
+ --spectrum-alias-item-mark-gap-s: var(--spectrum-global-dimension-size-85);
878
+ --spectrum-alias-item-mark-gap-m: var(--spectrum-global-dimension-size-100);
879
+ --spectrum-alias-item-mark-gap-l: var(--spectrum-global-dimension-size-115);
880
+ --spectrum-alias-item-mark-gap-xl: var(
881
+ --spectrum-global-dimension-size-125
882
+ );
883
+ --spectrum-alias-item-ui-icon-gap-s: var(
884
+ --spectrum-global-dimension-size-85
885
+ );
886
+ --spectrum-alias-item-ui-icon-gap-m: var(
887
+ --spectrum-global-dimension-size-100
888
+ );
889
+ --spectrum-alias-item-ui-icon-gap-l: var(
890
+ --spectrum-global-dimension-size-115
891
+ );
892
+ --spectrum-alias-item-ui-icon-gap-xl: var(
893
+ --spectrum-global-dimension-size-125
894
+ );
895
+ --spectrum-alias-item-clearbutton-gap-s: var(
896
+ --spectrum-global-dimension-size-50
897
+ );
898
+ --spectrum-alias-item-clearbutton-gap-m: var(
899
+ --spectrum-global-dimension-size-85
900
+ );
901
+ --spectrum-alias-item-clearbutton-gap-l: var(
902
+ --spectrum-global-dimension-size-125
903
+ );
904
+ --spectrum-alias-item-clearbutton-gap-xl: var(
905
+ --spectrum-global-dimension-size-150
906
+ );
907
+ --spectrum-alias-item-workflow-padding-left-s: var(
908
+ --spectrum-global-dimension-size-85
909
+ );
910
+ --spectrum-alias-item-workflow-padding-left-l: var(
911
+ --spectrum-global-dimension-size-160
912
+ );
913
+ --spectrum-alias-item-workflow-padding-left-xl: var(
914
+ --spectrum-global-dimension-size-185
915
+ );
916
+ --spectrum-alias-item-rounded-workflow-padding-left-s: var(
917
+ --spectrum-global-dimension-size-125
918
+ );
919
+ --spectrum-alias-item-rounded-workflow-padding-left-l: var(
920
+ --spectrum-global-dimension-size-225
921
+ );
922
+ --spectrum-alias-item-mark-padding-top-s: var(
923
+ --spectrum-global-dimension-size-40
924
+ );
925
+ --spectrum-alias-item-mark-padding-top-l: var(
926
+ --spectrum-global-dimension-size-115
927
+ );
928
+ --spectrum-alias-item-mark-padding-top-xl: var(
929
+ --spectrum-global-dimension-size-130
930
+ );
931
+ --spectrum-alias-item-mark-padding-bottom-s: var(
932
+ --spectrum-global-dimension-size-40
933
+ );
934
+ --spectrum-alias-item-mark-padding-bottom-l: var(
935
+ --spectrum-global-dimension-size-115
936
+ );
937
+ --spectrum-alias-item-mark-padding-bottom-xl: var(
938
+ --spectrum-global-dimension-size-130
939
+ );
940
+ --spectrum-alias-item-mark-padding-left-s: var(
941
+ --spectrum-global-dimension-size-85
942
+ );
943
+ --spectrum-alias-item-mark-padding-left-l: var(
944
+ --spectrum-global-dimension-size-160
945
+ );
946
+ --spectrum-alias-item-mark-padding-left-xl: var(
947
+ --spectrum-global-dimension-size-185
948
+ );
949
+ --spectrum-alias-item-control-1-size-s: var(
950
+ --spectrum-global-dimension-static-size-100
951
+ );
952
+ --spectrum-alias-item-control-1-size-m: var(
953
+ --spectrum-global-dimension-size-100
954
+ );
955
+ --spectrum-alias-item-control-2-size-m: var(
956
+ --spectrum-global-dimension-size-175
957
+ );
958
+ --spectrum-alias-item-control-2-size-l: var(
959
+ --spectrum-global-dimension-size-200
960
+ );
961
+ --spectrum-alias-item-control-2-size-xl: var(
962
+ --spectrum-global-dimension-size-225
963
+ );
964
+ --spectrum-alias-item-control-2-size-xxl: var(
965
+ --spectrum-global-dimension-size-250
966
+ );
967
+ --spectrum-alias-item-control-2-border-radius-s: var(
968
+ --spectrum-global-dimension-size-75
969
+ );
970
+ --spectrum-alias-item-control-2-border-radius-m: var(
971
+ --spectrum-global-dimension-size-85
972
+ );
973
+ --spectrum-alias-item-control-2-border-radius-l: var(
974
+ --spectrum-global-dimension-size-100
975
+ );
976
+ --spectrum-alias-item-control-2-border-radius-xl: var(
977
+ --spectrum-global-dimension-size-115
978
+ );
979
+ --spectrum-alias-item-control-2-border-radius-xxl: var(
980
+ --spectrum-global-dimension-size-125
981
+ );
982
+ --spectrum-alias-item-control-2-padding-s: var(
983
+ --spectrum-global-dimension-size-75
984
+ );
985
+ --spectrum-alias-item-control-2-padding-m: var(
986
+ --spectrum-global-dimension-size-115
987
+ );
988
+ --spectrum-alias-item-control-2-padding-l: var(
989
+ --spectrum-global-dimension-size-150
990
+ );
991
+ --spectrum-alias-item-control-2-padding-xl: var(
992
+ --spectrum-global-dimension-size-185
993
+ );
994
+ --spectrum-alias-item-control-3-height-m: var(
995
+ --spectrum-global-dimension-size-175
996
+ );
997
+ --spectrum-alias-item-control-3-height-l: var(
998
+ --spectrum-global-dimension-size-200
999
+ );
1000
+ --spectrum-alias-item-control-3-height-xl: var(
1001
+ --spectrum-global-dimension-size-225
1002
+ );
1003
+ --spectrum-alias-item-control-3-border-radius-s: var(
1004
+ --spectrum-global-dimension-size-75
1005
+ );
1006
+ --spectrum-alias-item-control-3-border-radius-m: var(
1007
+ --spectrum-global-dimension-size-85
1008
+ );
1009
+ --spectrum-alias-item-control-3-border-radius-l: var(
1010
+ --spectrum-global-dimension-size-100
1011
+ );
1012
+ --spectrum-alias-item-control-3-border-radius-xl: var(
1013
+ --spectrum-global-dimension-size-115
1014
+ );
1015
+ --spectrum-alias-item-control-3-padding-s: var(
1016
+ --spectrum-global-dimension-size-75
1017
+ );
1018
+ --spectrum-alias-item-control-3-padding-m: var(
1019
+ --spectrum-global-dimension-size-115
1020
+ );
1021
+ --spectrum-alias-item-control-3-padding-l: var(
1022
+ --spectrum-global-dimension-size-150
1023
+ );
1024
+ --spectrum-alias-item-control-3-padding-xl: var(
1025
+ --spectrum-global-dimension-size-185
1026
+ );
1027
+ --spectrum-alias-item-mark-size-s: var(
1028
+ --spectrum-global-dimension-size-225
1029
+ );
1030
+ --spectrum-alias-item-mark-size-l: var(
1031
+ --spectrum-global-dimension-size-275
1032
+ );
1033
+ --spectrum-alias-item-mark-size-xl: var(
1034
+ --spectrum-global-dimension-size-325
1035
+ );
1036
+ --spectrum-alias-heading-xxxl-text-size: var(
1037
+ --spectrum-global-dimension-font-size-1300
1038
+ );
1039
+ --spectrum-alias-heading-xxl-text-size: var(
1040
+ --spectrum-global-dimension-font-size-1100
1041
+ );
1042
+ --spectrum-alias-heading-xl-text-size: var(
1043
+ --spectrum-global-dimension-font-size-900
1044
+ );
1045
+ --spectrum-alias-heading-l-text-size: var(
1046
+ --spectrum-global-dimension-font-size-700
1047
+ );
1048
+ --spectrum-alias-heading-m-text-size: var(
1049
+ --spectrum-global-dimension-font-size-500
1050
+ );
1051
+ --spectrum-alias-heading-s-text-size: var(
1052
+ --spectrum-global-dimension-font-size-300
1053
+ );
1054
+ --spectrum-alias-heading-xs-text-size: var(
1055
+ --spectrum-global-dimension-font-size-200
1056
+ );
1057
+ --spectrum-alias-heading-xxs-text-size: var(
1058
+ --spectrum-global-dimension-font-size-100
1059
+ );
1060
+ --spectrum-alias-heading-xxxl-margin-top: var(
1061
+ --spectrum-global-dimension-font-size-1200
1062
+ );
1063
+ --spectrum-alias-heading-xxl-margin-top: var(
1064
+ --spectrum-global-dimension-font-size-900
1065
+ );
1066
+ --spectrum-alias-heading-xl-margin-top: var(
1067
+ --spectrum-global-dimension-font-size-800
1068
+ );
1069
+ --spectrum-alias-heading-l-margin-top: var(
1070
+ --spectrum-global-dimension-font-size-600
1071
+ );
1072
+ --spectrum-alias-heading-m-margin-top: var(
1073
+ --spectrum-global-dimension-font-size-400
1074
+ );
1075
+ --spectrum-alias-heading-s-margin-top: var(
1076
+ --spectrum-global-dimension-font-size-200
1077
+ );
1078
+ --spectrum-alias-heading-xs-margin-top: var(
1079
+ --spectrum-global-dimension-font-size-100
1080
+ );
1081
+ --spectrum-alias-heading-xxs-margin-top: var(
1082
+ --spectrum-global-dimension-font-size-75
1083
+ );
1084
+ --spectrum-alias-heading-han-xxxl-text-size: var(
1085
+ --spectrum-global-dimension-font-size-1300
1086
+ );
1087
+ --spectrum-alias-heading-han-xxl-text-size: var(
1088
+ --spectrum-global-dimension-font-size-900
1089
+ );
1090
+ --spectrum-alias-heading-han-xl-text-size: var(
1091
+ --spectrum-global-dimension-font-size-800
1092
+ );
1093
+ --spectrum-alias-heading-han-l-text-size: var(
1094
+ --spectrum-global-dimension-font-size-600
1095
+ );
1096
+ --spectrum-alias-heading-han-m-text-size: var(
1097
+ --spectrum-global-dimension-font-size-400
1098
+ );
1099
+ --spectrum-alias-heading-han-s-text-size: var(
1100
+ --spectrum-global-dimension-font-size-300
1101
+ );
1102
+ --spectrum-alias-heading-han-xs-text-size: var(
1103
+ --spectrum-global-dimension-font-size-200
1104
+ );
1105
+ --spectrum-alias-heading-han-xxs-text-size: var(
1106
+ --spectrum-global-dimension-font-size-100
1107
+ );
1108
+ --spectrum-alias-heading-han-xxxl-margin-top: var(
1109
+ --spectrum-global-dimension-font-size-1200
1110
+ );
1111
+ --spectrum-alias-heading-han-xxl-margin-top: var(
1112
+ --spectrum-global-dimension-font-size-800
1113
+ );
1114
+ --spectrum-alias-heading-han-xl-margin-top: var(
1115
+ --spectrum-global-dimension-font-size-700
1116
+ );
1117
+ --spectrum-alias-heading-han-l-margin-top: var(
1118
+ --spectrum-global-dimension-font-size-500
1119
+ );
1120
+ --spectrum-alias-heading-han-m-margin-top: var(
1121
+ --spectrum-global-dimension-font-size-300
1122
+ );
1123
+ --spectrum-alias-heading-han-s-margin-top: var(
1124
+ --spectrum-global-dimension-font-size-200
1125
+ );
1126
+ --spectrum-alias-heading-han-xs-margin-top: var(
1127
+ --spectrum-global-dimension-font-size-100
1128
+ );
1129
+ --spectrum-alias-heading-han-xxs-margin-top: var(
1130
+ --spectrum-global-dimension-font-size-75
1131
+ );
1132
+ --spectrum-alias-component-border-radius: var(
1133
+ --spectrum-global-dimension-size-75
1134
+ );
1135
+ --spectrum-alias-component-border-radius-quiet: var(
1136
+ --spectrum-global-dimension-size-75
1137
+ );
1138
+ --spectrum-alias-component-focusring-gap: var(
1139
+ --spectrum-global-dimension-static-size-25
1140
+ );
1141
+ --spectrum-alias-component-focusring-gap-emphasized: var(
1142
+ --spectrum-global-dimension-static-size-25
1143
+ );
1144
+ --spectrum-alias-component-focusring-size: var(
1145
+ --spectrum-global-dimension-static-size-25
1146
+ );
1147
+ --spectrum-alias-component-focusring-size-emphasized: var(
1148
+ --spectrum-global-dimension-static-size-25
1149
+ );
1150
+ --spectrum-alias-component-focusring-border-radius: var(
1151
+ --spectrum-global-dimension-size-125
1152
+ );
1153
+ --spectrum-alias-input-focusring-gap: var(
1154
+ --spectrum-global-dimension-static-size-25
1155
+ );
1156
+ --spectrum-alias-input-quiet-focusline-gap: var(
1157
+ --spectrum-global-dimension-static-size-50
1158
+ );
1159
+ --spectrum-alias-border-radius-xsmall: var(
1160
+ --spectrum-global-dimension-size-25
1161
+ );
1162
+ --spectrum-alias-border-radius-small: var(
1163
+ --spectrum-global-dimension-size-40
1164
+ );
1165
+ --spectrum-alias-border-radius-regular: var(
1166
+ --spectrum-global-dimension-size-75
1167
+ );
1168
+ --spectrum-alias-border-radius-medium: var(
1169
+ --spectrum-global-dimension-size-125
1170
+ );
1171
+ --spectrum-alias-border-radius-large: var(
1172
+ --spectrum-global-dimension-size-150
1173
+ );
1174
+ --spectrum-alias-border-radius-xlarge: var(
1175
+ --spectrum-global-dimension-size-300
1176
+ );
1177
+ --spectrum-alias-control-two-size-s: var(
1178
+ --spectrum-global-dimension-size-175
1179
+ );
1180
+ --spectrum-alias-control-two-size-m: var(
1181
+ --spectrum-global-dimension-size-200
1182
+ );
1183
+ --spectrum-alias-control-two-size-l: var(
1184
+ --spectrum-global-dimension-size-225
1185
+ );
1186
+ --spectrum-alias-control-two-size-xl: var(
1187
+ --spectrum-global-dimension-size-250
1188
+ );
1189
+ --spectrum-alias-control-two-size-xxl: var(
1190
+ --spectrum-global-dimension-size-275
1191
+ );
1192
+ --spectrum-alias-control-two-border-radius-s: var(
1193
+ --spectrum-global-dimension-size-85
1194
+ );
1195
+ --spectrum-alias-control-two-border-radius-m: var(
1196
+ --spectrum-global-dimension-size-100
1197
+ );
1198
+ --spectrum-alias-control-two-border-radius-l: var(
1199
+ --spectrum-global-dimension-size-115
1200
+ );
1201
+ --spectrum-alias-control-two-border-radius-xl: var(
1202
+ --spectrum-global-dimension-size-125
1203
+ );
1204
+ --spectrum-alias-control-two-border-radius-xxl: var(
1205
+ --spectrum-global-dimension-size-130
1206
+ );
1207
+ --spectrum-alias-control-three-height-s: var(
1208
+ --spectrum-global-dimension-size-175
1209
+ );
1210
+ --spectrum-alias-control-three-height-m: var(
1211
+ --spectrum-global-dimension-size-200
1212
+ );
1213
+ --spectrum-alias-control-three-height-l: var(
1214
+ --spectrum-global-dimension-size-225
1215
+ );
1216
+ --spectrum-alias-control-three-height-xl: var(
1217
+ --spectrum-global-dimension-size-250
1218
+ );
1219
+ --spectrum-alias-control-three-width-s: var(
1220
+ --spectrum-global-dimension-size-300
1221
+ );
1222
+ --spectrum-alias-infieldbutton-icon-margin-y-s: var(
1223
+ --spectrum-global-dimension-size-10
1224
+ );
1225
+ --spectrum-alias-infieldbutton-icon-margin-y-m: var(
1226
+ --spectrum-global-dimension-size-40
1227
+ );
1228
+ --spectrum-alias-infieldbutton-icon-margin-y-l: var(
1229
+ --spectrum-global-dimension-size-75
1230
+ );
1231
+ --spectrum-alias-infieldbutton-icon-margin-y-xl: var(
1232
+ --spectrum-global-dimension-size-115
1233
+ );
1234
+ --spectrum-alias-infieldbutton-padding-s: var(
1235
+ --spectrum-global-dimension-size-50
1236
+ );
1237
+ --spectrum-alias-infieldbutton-padding-m: var(
1238
+ --spectrum-global-dimension-size-50
1239
+ );
1240
+ --spectrum-alias-infieldbutton-padding-l: var(
1241
+ --spectrum-global-dimension-size-50
1242
+ );
1243
+ --spectrum-alias-infieldbutton-padding-xl: var(
1244
+ --spectrum-global-dimension-size-50
1245
+ );
1246
+ --spectrum-alias-infieldbutton-border-radius: var(
1247
+ --spectrum-global-dimension-size-40
1248
+ );
1249
+ --spectrum-alias-infieldbutton-border-radius-sided: var(
1250
+ --spectrum-global-dimension-size-40
1251
+ );
1252
+ --spectrum-alias-infieldbutton-border-size: var(
1253
+ --spectrum-global-dimension-static-size-0
1254
+ );
1255
+ --spectrum-alias-infieldbutton-fill-padding-s: var(
1256
+ --spectrum-global-dimension-size-10
1257
+ );
1258
+ --spectrum-alias-infieldbutton-fill-padding-m: var(
1259
+ --spectrum-global-dimension-size-40
1260
+ );
1261
+ --spectrum-alias-infieldbutton-fill-padding-l: var(
1262
+ --spectrum-global-dimension-size-75
1263
+ );
1264
+ --spectrum-alias-infieldbutton-fill-padding-xl: var(
1265
+ --spectrum-global-dimension-size-115
1266
+ );
1267
+ --spectrum-alias-infieldbutton-full-height-s: var(
1268
+ --spectrum-global-dimension-size-200
1269
+ );
1270
+ --spectrum-alias-infieldbutton-full-height-m: var(
1271
+ --spectrum-global-dimension-size-300
1272
+ );
1273
+ --spectrum-alias-infieldbutton-full-height-l: var(
1274
+ --spectrum-global-dimension-size-400
1275
+ );
1276
+ --spectrum-alias-infieldbutton-full-height-xl: var(
1277
+ --spectrum-global-dimension-size-500
1278
+ );
1279
+ --spectrum-alias-infieldbutton-half-height-s: var(
1280
+ --spectrum-global-dimension-size-115
1281
+ );
1282
+ --spectrum-alias-infieldbutton-half-height-m: var(
1283
+ --spectrum-global-dimension-size-130
1284
+ );
1285
+ --spectrum-alias-infieldbutton-half-height-l: var(
1286
+ --spectrum-global-dimension-size-150
1287
+ );
1288
+ --spectrum-alias-infieldbutton-half-height-xl: var(
1289
+ --spectrum-global-dimension-size-185
1290
+ );
1291
+ --spectrum-alias-stepperbutton-gap: var(
1292
+ --spectrum-global-dimension-size-25
1293
+ );
1294
+ --spectrum-alias-stepperbutton-width-s: var(
1295
+ --spectrum-global-dimension-size-225
1296
+ );
1297
+ --spectrum-alias-stepperbutton-width-m: var(
1298
+ --spectrum-global-dimension-size-250
1299
+ );
1300
+ --spectrum-alias-stepperbutton-width-l: var(
1301
+ --spectrum-global-dimension-size-275
1302
+ );
1303
+ --spectrum-alias-stepperbutton-width-xl: var(
1304
+ --spectrum-global-dimension-size-325
1305
+ );
1306
+ --spectrum-alias-stepperbutton-icon-x-offset-s: var(
1307
+ --spectrum-global-dimension-size-50
1308
+ );
1309
+ --spectrum-alias-stepperbutton-icon-x-offset-m: var(
1310
+ --spectrum-global-dimension-size-65
1311
+ );
1312
+ --spectrum-alias-stepperbutton-icon-x-offset-l: var(
1313
+ --spectrum-global-dimension-size-65
1314
+ );
1315
+ --spectrum-alias-stepperbutton-icon-x-offset-xl: var(
1316
+ --spectrum-global-dimension-size-75
1317
+ );
1318
+ --spectrum-alias-stepperbutton-icon-y-offset-top-s: 0;
1319
+ --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(
1320
+ --spectrum-global-dimension-size-10
1321
+ );
1322
+ --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(
1323
+ --spectrum-global-dimension-size-10
1324
+ );
1325
+ --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(
1326
+ --spectrum-global-dimension-size-10
1327
+ );
1328
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: 0;
1329
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: 0;
1330
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: 0;
1331
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: 0;
1332
+ --spectrum-alias-stepperbutton-radius-touching: var(
1333
+ --spectrum-global-dimension-size-25
1334
+ );
1335
+ --spectrum-alias-clearbutton-icon-margin-s: var(
1336
+ --spectrum-global-dimension-size-50
1337
+ );
1338
+ --spectrum-alias-clearbutton-icon-margin-m: var(
1339
+ --spectrum-global-dimension-size-100
1340
+ );
1341
+ --spectrum-alias-clearbutton-icon-margin-l: var(
1342
+ --spectrum-global-dimension-size-130
1343
+ );
1344
+ --spectrum-alias-clearbutton-icon-margin-xl: var(
1345
+ --spectrum-global-dimension-size-175
1346
+ );
1347
+ --spectrum-alias-clearbutton-border-radius: var(
1348
+ --spectrum-global-dimension-size-150
1349
+ );
1350
+ --spectrum-alias-pickerbutton-icononly-padding-x-s: var(
1351
+ --spectrum-global-dimension-size-40
1352
+ );
1353
+ --spectrum-alias-pickerbutton-icononly-padding-x-m: var(
1354
+ --spectrum-global-dimension-size-75
1355
+ );
1356
+ --spectrum-alias-pickerbutton-icononly-padding-x-l: var(
1357
+ --spectrum-global-dimension-size-115
1358
+ );
1359
+ --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(
1360
+ --spectrum-global-dimension-size-150
1361
+ );
1362
+ --spectrum-alias-pickerbutton-icon-margin-y-s: var(
1363
+ --spectrum-global-dimension-size-40
1364
+ );
1365
+ --spectrum-alias-pickerbutton-icon-margin-y-m: var(
1366
+ --spectrum-global-dimension-size-75
1367
+ );
1368
+ --spectrum-alias-pickerbutton-icon-margin-y-l: var(
1369
+ --spectrum-global-dimension-size-115
1370
+ );
1371
+ --spectrum-alias-pickerbutton-icon-margin-y-xl: var(
1372
+ --spectrum-global-dimension-size-150
1373
+ );
1374
+ --spectrum-alias-pickerbutton-label-padding-y-s: 0;
1375
+ --spectrum-alias-pickerbutton-label-padding-y-m: var(
1376
+ --spectrum-global-dimension-size-40
1377
+ );
1378
+ --spectrum-alias-pickerbutton-label-padding-y-l: var(
1379
+ --spectrum-global-dimension-size-65
1380
+ );
1381
+ --spectrum-alias-pickerbutton-label-padding-y-xl: var(
1382
+ --spectrum-global-dimension-size-100
1383
+ );
1384
+ --spectrum-alias-pickerbutton-border-radius-rounded: var(
1385
+ --spectrum-global-dimension-size-150
1386
+ );
1387
+ --spectrum-alias-search-border-radius: var(
1388
+ --spectrum-global-dimension-size-300
1389
+ );
1390
+ --spectrum-alias-combobox-quiet-button-offset-x: var(
1391
+ --spectrum-global-dimension-size-50
1392
+ );
1393
+ --spectrum-alias-thumbnail-border-radius-small: var(
1394
+ --spectrum-global-dimension-size-75
1395
+ );
1396
+ --spectrum-alias-focus-ring-gap-small: var(
1397
+ --spectrum-global-dimension-static-size-25
1398
+ );
1399
+ --spectrum-alias-focus-ring-size-small: var(
1400
+ --spectrum-global-dimension-static-size-25
1401
+ );
1402
+ --spectrum-alias-input-border-size: var(
1403
+ --spectrum-global-dimension-static-size-25
1404
+ );
1405
+ --spectrum-alias-avatar-border-size: var(
1406
+ --spectrum-global-dimension-static-size-25
1407
+ );
1408
+ --spectrum-alias-search-padding-left-s: var(
1409
+ --spectrum-global-dimension-size-125
1410
+ );
1411
+ --spectrum-alias-search-padding-left-m: var(
1412
+ --spectrum-global-dimension-size-175
1413
+ );
1414
+ --spectrum-alias-search-padding-left-l: var(
1415
+ --spectrum-global-dimension-size-200
1416
+ );
1417
+ --spectrum-alias-search-padding-left-xl: var(
1418
+ --spectrum-global-dimension-size-225
1419
+ );
1420
+ --spectrum-alias-tag-border-radius: var(
1421
+ --spectrum-global-dimension-size-300
1422
+ );
1423
+ --spectrum-alias-tag-border-size-default: var(
1424
+ --spectrum-global-dimension-static-size-25
1425
+ );
1426
+ --spectrum-alias-tag-border-size-disabled: var(
1427
+ --spectrum-global-dimension-static-size-25
1428
+ );
1429
+ --spectrum-alias-tag-border-size-key-focus: var(
1430
+ --spectrum-global-dimension-static-size-25
1431
+ );
1432
+ --spectrum-alias-tag-padding-right-s: var(
1433
+ --spectrum-global-dimension-size-125
1434
+ );
1435
+ --spectrum-alias-tag-padding-right-m: var(
1436
+ --spectrum-global-dimension-size-130
1437
+ );
1438
+ --spectrum-alias-tag-padding-right-l: var(
1439
+ --spectrum-global-dimension-size-175
1440
+ );
1441
+ --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-250);
1442
+ --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-300);
1443
+ --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-400);
1444
+ --spectrum-alias-tag-font-size-s: var(
1445
+ --spectrum-global-dimension-font-size-50
1446
+ );
1447
+ --spectrum-alias-tag-font-size-m: var(
1448
+ --spectrum-global-dimension-font-size-75
1449
+ );
1450
+ --spectrum-alias-tag-font-size-l: var(
1451
+ --spectrum-global-dimension-font-size-100
1452
+ );
1453
+ --spectrum-alias-tag-text-padding-top-m: var(
1454
+ --spectrum-global-dimension-size-50
1455
+ );
1456
+ --spectrum-alias-tag-text-padding-top-l: var(
1457
+ --spectrum-global-dimension-size-85
1458
+ );
1459
+ --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-175);
1460
+ --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-200);
1461
+ --spectrum-alias-tag-icon-margin-top-s: var(
1462
+ --spectrum-global-dimension-size-40
1463
+ );
1464
+ --spectrum-alias-tag-icon-margin-top-m: var(
1465
+ --spectrum-global-dimension-size-50
1466
+ );
1467
+ --spectrum-alias-tag-icon-margin-top-l: var(
1468
+ --spectrum-global-dimension-size-85
1469
+ );
1470
+ --spectrum-alias-tag-clearbutton-width-s: var(
1471
+ --spectrum-global-dimension-size-175
1472
+ );
1473
+ --spectrum-alias-tag-clearbutton-width-m: var(
1474
+ --spectrum-global-dimension-size-225
1475
+ );
1476
+ --spectrum-alias-tag-clearbutton-width-l: var(
1477
+ --spectrum-global-dimension-size-350
1478
+ );
1479
+ --spectrum-alias-tag-clearbutton-icon-margin-s: var(
1480
+ --spectrum-global-dimension-size-30
1481
+ );
1482
+ --spectrum-alias-tag-clearbutton-icon-margin-m: var(
1483
+ --spectrum-global-dimension-size-50
1484
+ );
1485
+ --spectrum-alias-tag-clearbutton-icon-margin-l: var(
1486
+ --spectrum-global-dimension-size-100
1487
+ );
1488
+ --spectrum-alias-tag-focusring-border-radius: var(
1489
+ --spectrum-global-dimension-size-300
1490
+ );
1491
+ --spectrum-alias-tag-focusring-gap: var(
1492
+ --spectrum-global-dimension-size-25
1493
+ );
1494
+ --spectrum-alias-search-border-radius-quiet: 0;
1495
+ --spectrum-alias-percent-50: 50%;
1496
+ --spectrum-alias-percent-70: 70%;
1497
+ --spectrum-alias-percent-100: 100%;
1498
+ --spectrum-alias-breakpoint-xsmall: 304px;
1499
+ --spectrum-alias-breakpoint-small: 768px;
1500
+ --spectrum-alias-breakpoint-medium: 1280px;
1501
+ --spectrum-alias-breakpoint-large: 1768px;
1502
+ --spectrum-alias-breakpoint-xlarge: 2160px;
1503
+ --spectrum-alias-grid-columns: 12;
1504
+ --spectrum-alias-grid-fluid-width: 100%;
1505
+ --spectrum-alias-grid-fixed-max-width: 1280px;
1506
+ --spectrum-alias-border-size-thin: var(
1507
+ --spectrum-global-dimension-static-size-10
1508
+ );
1509
+ --spectrum-alias-border-size-thick: var(
1510
+ --spectrum-global-dimension-static-size-25
1511
+ );
1512
+ --spectrum-alias-border-size-thicker: var(
1513
+ --spectrum-global-dimension-static-size-50
1514
+ );
1515
+ --spectrum-alias-border-size-thickest: var(
1516
+ --spectrum-global-dimension-static-size-100
1517
+ );
1518
+ --spectrum-alias-border-offset-thin: var(
1519
+ --spectrum-global-dimension-static-size-25
1520
+ );
1521
+ --spectrum-alias-border-offset-thick: var(
1522
+ --spectrum-global-dimension-static-size-50
1523
+ );
1524
+ --spectrum-alias-border-offset-thicker: var(
1525
+ --spectrum-global-dimension-static-size-100
1526
+ );
1527
+ --spectrum-alias-border-offset-thickest: var(
1528
+ --spectrum-global-dimension-static-size-200
1529
+ );
1530
+ --spectrum-alias-grid-baseline: var(
1531
+ --spectrum-global-dimension-static-size-100
1532
+ );
1533
+ --spectrum-alias-grid-gutter-xsmall: var(
1534
+ --spectrum-global-dimension-static-size-200
1535
+ );
1536
+ --spectrum-alias-grid-gutter-small: var(
1537
+ --spectrum-global-dimension-static-size-300
1538
+ );
1539
+ --spectrum-alias-grid-gutter-medium: var(
1540
+ --spectrum-global-dimension-static-size-400
1541
+ );
1542
+ --spectrum-alias-grid-gutter-large: var(
1543
+ --spectrum-global-dimension-static-size-500
1544
+ );
1545
+ --spectrum-alias-grid-gutter-xlarge: var(
1546
+ --spectrum-global-dimension-static-size-600
1547
+ );
1548
+ --spectrum-alias-grid-margin-xsmall: var(
1549
+ --spectrum-global-dimension-static-size-200
1550
+ );
1551
+ --spectrum-alias-grid-margin-small: var(
1552
+ --spectrum-global-dimension-static-size-300
1553
+ );
1554
+ --spectrum-alias-grid-margin-medium: var(
1555
+ --spectrum-global-dimension-static-size-400
1556
+ );
1557
+ --spectrum-alias-grid-margin-large: var(
1558
+ --spectrum-global-dimension-static-size-500
1559
+ );
1560
+ --spectrum-alias-grid-margin-xlarge: var(
1561
+ --spectrum-global-dimension-static-size-600
1562
+ );
1563
+ --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(
1564
+ --spectrum-global-dimension-static-size-200
1565
+ );
1566
+ --spectrum-alias-grid-layout-region-margin-bottom-small: var(
1567
+ --spectrum-global-dimension-static-size-300
1568
+ );
1569
+ --spectrum-alias-grid-layout-region-margin-bottom-medium: var(
1570
+ --spectrum-global-dimension-static-size-400
1571
+ );
1572
+ --spectrum-alias-grid-layout-region-margin-bottom-large: var(
1573
+ --spectrum-global-dimension-static-size-500
1574
+ );
1575
+ --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(
1576
+ --spectrum-global-dimension-static-size-600
1577
+ );
1578
+ --spectrum-alias-radial-reaction-size-default: var(
1579
+ --spectrum-global-dimension-static-size-550
1580
+ );
1581
+ --spectrum-alias-focus-ring-gap: var(
1582
+ --spectrum-global-dimension-static-size-25
1583
+ );
1584
+ --spectrum-alias-focus-ring-size: var(
1585
+ --spectrum-global-dimension-static-size-25
1586
+ );
1587
+ --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
1588
+ --spectrum-alias-dropshadow-offset-y: var(
1589
+ --spectrum-global-dimension-size-10
1590
+ );
1591
+ --spectrum-alias-font-size-default: var(
1592
+ --spectrum-global-dimension-font-size-100
1593
+ );
1594
+ --spectrum-alias-layout-label-gap-size: var(
1595
+ --spectrum-global-dimension-size-100
1596
+ );
1597
+ --spectrum-alias-pill-button-text-size: var(
1598
+ --spectrum-global-dimension-font-size-100
1599
+ );
1600
+ --spectrum-alias-pill-button-text-baseline: var(
1601
+ --spectrum-global-dimension-static-size-150
1602
+ );
1603
+ --spectrum-alias-single-line-height: var(
1604
+ --spectrum-global-dimension-size-400
1605
+ );
1606
+ --spectrum-alias-single-line-width: var(
1607
+ --spectrum-global-dimension-size-2400
1608
+ );
1609
+ --spectrum-alias-workflow-icon-size-s: var(
1610
+ --spectrum-global-dimension-size-200
1611
+ );
1612
+ --spectrum-alias-workflow-icon-size-m: var(
1613
+ --spectrum-global-dimension-size-225
1614
+ );
1615
+ --spectrum-alias-workflow-icon-size-xl: var(
1616
+ --spectrum-global-dimension-size-275
1617
+ );
1618
+ --spectrum-alias-ui-icon-alert-size-75: var(
1619
+ --spectrum-global-dimension-size-200
1620
+ );
1621
+ --spectrum-alias-ui-icon-alert-size-100: var(
1622
+ --spectrum-global-dimension-size-225
1623
+ );
1624
+ --spectrum-alias-ui-icon-alert-size-200: var(
1625
+ --spectrum-global-dimension-size-250
1626
+ );
1627
+ --spectrum-alias-ui-icon-alert-size-300: var(
1628
+ --spectrum-global-dimension-size-275
1629
+ );
1630
+ --spectrum-alias-ui-icon-triplegripper-size-100-height: var(
1631
+ --spectrum-global-dimension-size-100
1632
+ );
1633
+ --spectrum-alias-ui-icon-doublegripper-size-100-width: var(
1634
+ --spectrum-global-dimension-size-200
1635
+ );
1636
+ --spectrum-alias-ui-icon-singlegripper-size-100-width: var(
1637
+ --spectrum-global-dimension-size-300
1638
+ );
1639
+ --spectrum-alias-ui-icon-cornertriangle-size-75: var(
1640
+ --spectrum-global-dimension-size-65
1641
+ );
1642
+ --spectrum-alias-ui-icon-cornertriangle-size-200: var(
1643
+ --spectrum-global-dimension-size-75
1644
+ );
1645
+ --spectrum-alias-ui-icon-asterisk-size-75: var(
1646
+ --spectrum-global-dimension-static-size-100
1647
+ );
1648
+ --spectrum-alias-ui-icon-asterisk-size-100: var(
1649
+ --spectrum-global-dimension-size-100
1650
+ );
1651
+ --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);
1652
+ --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);
1653
+ --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);
1654
+ --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
1655
+ --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
1656
+ --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
1657
+ --spectrum-alias-tag-border-size: var(
1658
+ --spectrum-global-dimension-static-size-25
1659
+ );
1660
+ --spectrum-alias-tag-icon-margin-right-s: var(
1661
+ --spectrum-global-dimension-size-85
1662
+ );
1663
+ --spectrum-alias-tag-icon-margin-right-m: var(
1664
+ --spectrum-global-dimension-size-100
1665
+ );
1666
+ --spectrum-alias-tag-icon-margin-right-l: var(
1667
+ --spectrum-global-dimension-size-115
1668
+ );
1669
+ --spectrum-alias-tag-focusring-size: var(
1670
+ --spectrum-global-dimension-size-25
1671
+ );
1672
+ --spectrum-alias-tag-focusring-gap-selected: var(
1673
+ --spectrum-global-dimension-size-25
1674
+ );
1675
+ }
1676
+ :host,
1677
+ :root {
1678
+ /* spectrum-colorAliases.css */
1679
+ --spectrum-alias-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);
1680
+ --spectrum-alias-component-text-color-selected-default: var(
1681
+ --spectrum-global-color-gray-50
1682
+ );
1683
+ --spectrum-alias-component-text-color-selected-hover: var(
1684
+ --spectrum-alias-component-text-color-selected-default
1685
+ );
1686
+ --spectrum-alias-component-text-color-selected-down: var(
1687
+ --spectrum-alias-component-text-color-selected-default
1688
+ );
1689
+ --spectrum-alias-component-text-color-selected-key-focus: var(
1690
+ --spectrum-alias-component-text-color-selected-default
1691
+ );
1692
+ --spectrum-alias-component-text-color-selected-mouse-focus: var(
1693
+ --spectrum-alias-component-text-color-selected-default
1694
+ );
1695
+ --spectrum-alias-component-icon-color-default: var(
1696
+ --spectrum-global-color-gray-800
1697
+ );
1698
+ --spectrum-alias-component-icon-color-selected: var(
1699
+ --spectrum-global-color-gray-50
1700
+ );
1701
+ --spectrum-alias-component-background-color-default: var(
1702
+ --spectrum-global-color-gray-200
1703
+ );
1704
+ --spectrum-alias-component-background-color-hover: var(
1705
+ --spectrum-global-color-gray-300
1706
+ );
1707
+ --spectrum-alias-component-background-color-down: var(
1708
+ --spectrum-global-color-gray-400
1709
+ );
1710
+ --spectrum-alias-component-background-color-key-focus: var(
1711
+ --spectrum-global-color-gray-300
1712
+ );
1713
+ --spectrum-alias-component-background-color-quiet-hover: var(
1714
+ --spectrum-alias-component-background-color-hover
1715
+ );
1716
+ --spectrum-alias-component-background-color-quiet-down: var(
1717
+ --spectrum-alias-component-background-color-down
1718
+ );
1719
+ --spectrum-alias-component-background-color-quiet-key-focus: var(
1720
+ --spectrum-alias-component-background-color-key-focus
1721
+ );
1722
+ --spectrum-alias-component-background-color-selected-default: var(
1723
+ --spectrum-global-color-gray-800
1724
+ );
1725
+ --spectrum-alias-component-background-color-selected-hover: var(
1726
+ --spectrum-global-color-gray-900
1727
+ );
1728
+ --spectrum-alias-component-background-color-selected-down: var(
1729
+ --spectrum-global-color-gray-900
1730
+ );
1731
+ --spectrum-alias-component-background-color-selected-key-focus: var(
1732
+ --spectrum-global-color-gray-900
1733
+ );
1734
+ --spectrum-alias-component-border-color-default: var(
1735
+ --spectrum-alias-component-background-color-default
1736
+ );
1737
+ --spectrum-alias-component-border-color-hover: var(
1738
+ --spectrum-alias-component-background-color-hover
1739
+ );
1740
+ --spectrum-alias-component-border-color-down: var(
1741
+ --spectrum-alias-component-background-color-down
1742
+ );
1743
+ --spectrum-alias-component-border-color-key-focus: var(
1744
+ --spectrum-alias-component-background-color-key-focus
1745
+ );
1746
+ --spectrum-alias-component-border-color-selected-default: var(
1747
+ --spectrum-alias-component-background-color-selected-default
1748
+ );
1749
+ --spectrum-alias-component-border-color-selected-hover: var(
1750
+ --spectrum-alias-component-background-color-selected-hover
1751
+ );
1752
+ --spectrum-alias-component-border-color-selected-down: var(
1753
+ --spectrum-alias-component-background-color-selected-down
1754
+ );
1755
+ --spectrum-alias-component-border-color-selected-key-focus: var(
1756
+ --spectrum-alias-component-background-color-selected-key-focus
1757
+ );
1758
+ --spectrum-alias-component-border-color-quiet-key-focus: var(
1759
+ --spectrum-alias-component-background-color-quiet-default
1760
+ );
1761
+ --spectrum-alias-component-border-color-quiet-selected-default: var(
1762
+ --spectrum-alias-component-background-color-selected-default
1763
+ );
1764
+ --spectrum-alias-component-border-color-quiet-selected-hover: var(
1765
+ --spectrum-alias-component-background-color-quiet-selected-hover
1766
+ );
1767
+ --spectrum-alias-component-border-color-quiet-selected-down: var(
1768
+ --spectrum-alias-component-background-color-quiet-selected-down
1769
+ );
1770
+ --spectrum-alias-component-border-color-quiet-selected-key-focus: var(
1771
+ --spectrum-alias-component-background-color-quiet-selected-key-focus
1772
+ );
1773
+ --spectrum-alias-toggle-background-color-default: var(
1774
+ --spectrum-global-color-gray-800
1775
+ );
1776
+ --spectrum-alias-toggle-background-color-hover: var(
1777
+ --spectrum-global-color-gray-900
1778
+ );
1779
+ --spectrum-alias-toggle-background-color-down: var(
1780
+ --spectrum-global-color-gray-900
1781
+ );
1782
+ --spectrum-alias-toggle-background-color-key-focus: var(
1783
+ --spectrum-global-color-gray-900
1784
+ );
1785
+ --spectrum-alias-toggle-border-color-default: var(
1786
+ --spectrum-global-color-gray-800
1787
+ );
1788
+ --spectrum-alias-toggle-border-color-hover: var(
1789
+ --spectrum-global-color-gray-900
1790
+ );
1791
+ --spectrum-alias-toggle-border-color-down: var(
1792
+ --spectrum-global-color-gray-900
1793
+ );
1794
+ --spectrum-alias-toggle-border-color-key-focus: var(
1795
+ --spectrum-global-color-gray-900
1796
+ );
1797
+ --spectrum-alias-toggle-icon-color-selected: var(
1798
+ --spectrum-global-color-gray-50
1799
+ );
1800
+ --spectrum-alias-tag-border-color-default: var(
1801
+ --spectrum-global-color-gray-300
1802
+ );
1803
+ --spectrum-alias-tag-border-color-hover: var(
1804
+ --spectrum-global-color-gray-400
1805
+ );
1806
+ --spectrum-alias-tag-border-color-down: var(
1807
+ --spectrum-global-color-gray-500
1808
+ );
1809
+ --spectrum-alias-tag-border-color-key-focus: var(
1810
+ --spectrum-global-color-gray-400
1811
+ );
1812
+ --spectrum-alias-tag-border-color-disabled-default: var(
1813
+ --spectrum-global-color-gray-200
1814
+ );
1815
+ --spectrum-alias-tag-border-color-error-key-focus: var(
1816
+ --spectrum-semantic-negative-color-default
1817
+ );
1818
+ --spectrum-alias-tag-focusring-border-color-key-focus: var(
1819
+ --spectrum-alias-focus-ring-color
1820
+ );
1821
+ --spectrum-alias-tag-background-color-disabled: var(
1822
+ --spectrum-global-color-gray-100
1823
+ );
1824
+ --spectrum-alias-tag-background-color-default: var(
1825
+ --spectrum-global-color-gray-100
1826
+ );
1827
+ --spectrum-alias-tag-background-color-hover: var(
1828
+ --spectrum-global-color-gray-300
1829
+ );
1830
+ --spectrum-alias-tag-background-color-down: var(
1831
+ --spectrum-global-color-gray-400
1832
+ );
1833
+ --spectrum-alias-tag-background-color-key-focus: var(
1834
+ --spectrum-global-color-gray-300
1835
+ );
1836
+ --spectrum-alias-tag-background-color-error-default: var(
1837
+ --spectrum-alias-tag-background-color-default
1838
+ );
1839
+ --spectrum-alias-tag-background-color-error-hover: var(
1840
+ --spectrum-alias-tag-background-color-hover
1841
+ );
1842
+ --spectrum-alias-tag-background-color-error-down: var(
1843
+ --spectrum-alias-tag-background-color-down
1844
+ );
1845
+ --spectrum-alias-tag-background-color-error-key-focus: var(
1846
+ --spectrum-alias-tag-background-color-key-focus
1847
+ );
1848
+ --spectrum-alias-avatar-border-color-disabled: var(
1849
+ --spectrum-alias-background-color-transparent
1850
+ );
1851
+ --spectrum-alias-avatar-border-color-selected-default: var(
1852
+ --spectrum-global-color-gray-900
1853
+ );
1854
+ --spectrum-alias-avatar-border-color-selected-hover: var(
1855
+ --spectrum-alias-component-background-color-selected-hover
1856
+ );
1857
+ --spectrum-alias-avatar-border-color-selected-down: var(
1858
+ --spectrum-alias-component-background-color-selected-hover
1859
+ );
1860
+ --spectrum-alias-avatar-border-color-selected-key-focus: var(
1861
+ --spectrum-global-color-gray-900
1862
+ );
1863
+ --spectrum-alias-link-primary-text-color-default: var(
1864
+ --spectrum-global-color-indigo-600
1865
+ );
1866
+ --spectrum-alias-link-primary-text-color-hover: var(
1867
+ --spectrum-global-color-indigo-600
1868
+ );
1869
+ --spectrum-alias-link-primary-text-color-down: var(
1870
+ --spectrum-global-color-indigo-700
1871
+ );
1872
+ --spectrum-alias-link-primary-text-color-key-focus: var(
1873
+ --spectrum-alias-text-color-key-focus
1874
+ );
1875
+ --spectrum-alias-link-secondary-text-color-default: var(
1876
+ --spectrum-alias-text-color
1877
+ );
1878
+ --spectrum-alias-link-secondary-text-color-hover: var(
1879
+ --spectrum-alias-link-primary-text-color-hover
1880
+ );
1881
+ --spectrum-alias-link-secondary-text-color-down: var(
1882
+ --spectrum-alias-link-primary-text-color-down
1883
+ );
1884
+ --spectrum-alias-link-secondary-text-color-key-focus: var(
1885
+ --spectrum-alias-link-primary-text-color-key-focus
1886
+ );
1887
+ --spectrum-alias-button-primary-background-color-default: var(
1888
+ --spectrum-alias-button-primary-border-color-default
1889
+ );
1890
+ --spectrum-alias-button-primary-text-color-default: var(
1891
+ --spectrum-alias-button-primary-text-color-hover
1892
+ );
1893
+ --spectrum-alias-button-primary-icon-color-default: var(
1894
+ --spectrum-alias-button-primary-text-color-default
1895
+ );
1896
+ --spectrum-alias-button-secondary-background-color-default: var(
1897
+ --spectrum-alias-button-secondary-border-color-default
1898
+ );
1899
+ --spectrum-alias-button-secondary-text-color-default: var(
1900
+ --spectrum-alias-button-secondary-text-color-hover
1901
+ );
1902
+ --spectrum-alias-button-secondary-icon-color-default: var(
1903
+ --spectrum-alias-button-secondary-text-color-default
1904
+ );
1905
+ --spectrum-alias-button-negative-background-color-default: var(
1906
+ --spectrum-alias-button-negative-border-color-default
1907
+ );
1908
+ --spectrum-alias-button-negative-text-color-default: var(
1909
+ --spectrum-alias-button-negative-text-color-hover
1910
+ );
1911
+ --spectrum-alias-button-negative-icon-color-default: var(
1912
+ --spectrum-alias-button-negative-text-color-default
1913
+ );
1914
+ --spectrum-alias-input-border-color-default: var(
1915
+ --spectrum-alias-border-color
1916
+ );
1917
+ --spectrum-alias-input-border-color-hover: var(
1918
+ --spectrum-alias-border-color-hover
1919
+ );
1920
+ --spectrum-alias-input-border-color-down: var(
1921
+ --spectrum-global-color-gray-900
1922
+ );
1923
+ --spectrum-alias-input-border-color-mouse-focus: var(
1924
+ --spectrum-global-color-gray-900
1925
+ );
1926
+ --spectrum-alias-input-border-color-key-focus: var(
1927
+ --spectrum-global-color-gray-900
1928
+ );
1929
+ --spectrum-alias-input-border-color-invalid-key-focus: var(
1930
+ --spectrum-global-color-gray-900
1931
+ );
1932
+ --spectrum-alias-yellow-background-color-default: var(
1933
+ --spectrum-global-color-static-yellow-400
1934
+ );
1935
+ --spectrum-alias-yellow-background-color-hover: var(
1936
+ --spectrum-global-color-static-yellow-500
1937
+ );
1938
+ --spectrum-alias-yellow-background-color-key-focus: var(
1939
+ --spectrum-global-color-static-yellow-500
1940
+ );
1941
+ --spectrum-alias-yellow-background-color-down: var(
1942
+ --spectrum-global-color-static-yellow-600
1943
+ );
1944
+ --spectrum-alias-infieldbutton-background-color: transparent;
1945
+ --spectrum-alias-infieldbutton-fill-border-color-default: transparent;
1946
+ --spectrum-alias-infieldbutton-fill-border-color-hover: transparent;
1947
+ --spectrum-alias-infieldbutton-fill-border-color-down: transparent;
1948
+ --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: transparent;
1949
+ --spectrum-alias-infieldbutton-fill-border-color-key-focus: transparent;
1950
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(
1951
+ --spectrum-global-color-gray-200
1952
+ );
1953
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(
1954
+ --spectrum-global-color-gray-300
1955
+ );
1956
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(
1957
+ --spectrum-global-color-gray-400
1958
+ );
1959
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(
1960
+ --spectrum-global-color-gray-300
1961
+ );
1962
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(
1963
+ --spectrum-alias-component-background-color-disabled
1964
+ );
1965
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(
1966
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default
1967
+ );
1968
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(
1969
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover
1970
+ );
1971
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(
1972
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down
1973
+ );
1974
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(
1975
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus
1976
+ );
1977
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent;
1978
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent;
1979
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: var(
1980
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover
1981
+ );
1982
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: var(
1983
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down
1984
+ );
1985
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: var(
1986
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus
1987
+ );
1988
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent;
1989
+ --spectrum-alias-actionbutton-staticBlack-border-color-default: transparent;
1990
+ --spectrum-alias-actionbutton-staticBlack-background-color-default: rgba(
1991
+ 0,
1992
+ 0,
1993
+ 0,
1994
+ 0.1
1995
+ );
1996
+ --spectrum-alias-actionbutton-staticBlack-border-color-hover: transparent;
1997
+ --spectrum-alias-actionbutton-staticBlack-background-color-hover: rgba(
1998
+ 0,
1999
+ 0,
2000
+ 0,
2001
+ 0.25
2002
+ );
2003
+ --spectrum-alias-actionbutton-staticBlack-border-color-down: transparent;
2004
+ --spectrum-alias-actionbutton-staticBlack-background-color-down: rgba(
2005
+ 0,
2006
+ 0,
2007
+ 0,
2008
+ 0.4
2009
+ );
2010
+ --spectrum-alias-actionbutton-staticBlack-border-color-key-focus: transparent;
2011
+ --spectrum-alias-actionbutton-staticBlack-background-color-key-focus: rgba(
2012
+ 0,
2013
+ 0,
2014
+ 0,
2015
+ 0.25
2016
+ );
2017
+ --spectrum-alias-actionbutton-staticBlack-border-color-disabled: transparent;
2018
+ --spectrum-alias-actionbutton-staticBlack-background-color-disabled: transparent;
2019
+ --spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected: transparent;
2020
+ --spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected: rgba(
2021
+ 0,
2022
+ 0,
2023
+ 0,
2024
+ 0.1
2025
+ );
2026
+ --spectrum-alias-actionbutton-staticWhite-border-color-default: transparent;
2027
+ --spectrum-alias-actionbutton-staticWhite-background-color-default: hsla(
2028
+ 0,
2029
+ 0%,
2030
+ 100%,
2031
+ 0.1
2032
+ );
2033
+ --spectrum-alias-actionbutton-staticWhite-border-color-hover: transparent;
2034
+ --spectrum-alias-actionbutton-staticWhite-background-color-hover: hsla(
2035
+ 0,
2036
+ 0%,
2037
+ 100%,
2038
+ 0.25
2039
+ );
2040
+ --spectrum-alias-actionbutton-staticWhite-border-color-down: transparent;
2041
+ --spectrum-alias-actionbutton-staticWhite-background-color-down: hsla(
2042
+ 0,
2043
+ 0%,
2044
+ 100%,
2045
+ 0.4
2046
+ );
2047
+ --spectrum-alias-actionbutton-staticWhite-border-color-key-focus: transparent;
2048
+ --spectrum-alias-actionbutton-staticWhite-background-color-key-focus: hsla(
2049
+ 0,
2050
+ 0%,
2051
+ 100%,
2052
+ 0.25
2053
+ );
2054
+ --spectrum-alias-actionbutton-staticWhite-border-color-disabled: transparent;
2055
+ --spectrum-alias-actionbutton-staticWhite-background-color-disabled: transparent;
2056
+ --spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected: transparent;
2057
+ --spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected: hsla(
2058
+ 0,
2059
+ 0%,
2060
+ 100%,
2061
+ 0.1
2062
+ );
2063
+ --spectrum-alias-thumbnail-darksquare-background-color: var(
2064
+ --spectrum-global-color-gray-200
2065
+ );
2066
+ --spectrum-alias-thumbnail-lightsquare-background-color: var(
2067
+ --spectrum-global-color-static-white
2068
+ );
2069
+ --spectrum-alias-tabs-divider-background-color-default: var(
2070
+ --spectrum-global-color-gray-200
2071
+ );
2072
+ --spectrum-alias-tabs-divider-background-color-quiet: var(
2073
+ --spectrum-alias-background-color-transparent
2074
+ );
2075
+ --spectrum-alias-tabitem-text-color-default: var(
2076
+ --spectrum-global-color-gray-700
2077
+ );
2078
+ --spectrum-alias-tabitem-text-color-hover: var(
2079
+ --spectrum-alias-text-color-hover
2080
+ );
2081
+ --spectrum-alias-tabitem-text-color-down: var(
2082
+ --spectrum-alias-text-color-down
2083
+ );
2084
+ --spectrum-alias-tabitem-text-color-key-focus: var(
2085
+ --spectrum-alias-text-color-hover
2086
+ );
2087
+ --spectrum-alias-tabitem-text-color-mouse-focus: var(
2088
+ --spectrum-alias-text-color-hover
2089
+ );
2090
+ --spectrum-alias-tabitem-text-color-selected-default: var(
2091
+ --spectrum-global-color-gray-900
2092
+ );
2093
+ --spectrum-alias-tabitem-text-color-selected-hover: var(
2094
+ --spectrum-alias-tabitem-text-color-selected-default
2095
+ );
2096
+ --spectrum-alias-tabitem-text-color-selected-down: var(
2097
+ --spectrum-alias-tabitem-text-color-selected-default
2098
+ );
2099
+ --spectrum-alias-tabitem-text-color-selected-key-focus: var(
2100
+ --spectrum-alias-tabitem-text-color-selected-default
2101
+ );
2102
+ --spectrum-alias-tabitem-text-color-selected-mouse-focus: var(
2103
+ --spectrum-alias-tabitem-text-color-selected-default
2104
+ );
2105
+ --spectrum-alias-tabitem-text-color-emphasized: var(
2106
+ --spectrum-alias-tabitem-text-color-default
2107
+ );
2108
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default: var(
2109
+ --spectrum-global-color-indigo-600
2110
+ );
2111
+ --spectrum-alias-tabitem-text-color-emphasized-selected-hover: var(
2112
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default
2113
+ );
2114
+ --spectrum-alias-tabitem-text-color-emphasized-selected-down: var(
2115
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default
2116
+ );
2117
+ --spectrum-alias-tabitem-text-color-emphasized-selected-key-focus: var(
2118
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default
2119
+ );
2120
+ --spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus: var(
2121
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default
2122
+ );
2123
+ --spectrum-alias-tabitem-selection-indicator-color-default: var(
2124
+ --spectrum-alias-tabitem-text-color-default
2125
+ );
2126
+ --spectrum-alias-tabitem-selection-indicator-color-emphasized: var(
2127
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default
2128
+ );
2129
+ --spectrum-alias-tabitem-icon-color-disabled: var(
2130
+ --spectrum-alias-text-color-disabled
2131
+ );
2132
+ --spectrum-alias-tabitem-icon-color-default: var(
2133
+ --spectrum-alias-tabitem-text-color-default
2134
+ );
2135
+ --spectrum-alias-tabitem-icon-color-hover: var(
2136
+ --spectrum-alias-tabitem-text-color-hover
2137
+ );
2138
+ --spectrum-alias-tabitem-icon-color-down: var(
2139
+ --spectrum-alias-tabitem-text-color-down
2140
+ );
2141
+ --spectrum-alias-tabitem-icon-color-key-focus: var(
2142
+ --spectrum-alias-tabitem-text-color-hover
2143
+ );
2144
+ --spectrum-alias-tabitem-icon-color-mouse-focus: var(
2145
+ --spectrum-alias-tabitem-text-color-down
2146
+ );
2147
+ --spectrum-alias-tabitem-icon-color-selected: var(
2148
+ --spectrum-alias-tabitem-text-color-selected-default
2149
+ );
2150
+ --spectrum-alias-tabitem-icon-color-emphasized: var(
2151
+ --spectrum-alias-tabitem-text-color-default
2152
+ );
2153
+ --spectrum-alias-tabitem-icon-color-emphasized-selected: var(
2154
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default
2155
+ );
2156
+ --spectrum-alias-transparent-blue-background-color-hover: rgba(
2157
+ 2,
2158
+ 97,
2159
+ 214,
2160
+ 0.15
2161
+ );
2162
+ --spectrum-alias-transparent-blue-background-color-down: rgba(
2163
+ 0,
2164
+ 85,
2165
+ 185,
2166
+ 0.15
2167
+ );
2168
+ --spectrum-alias-transparent-blue-background-color-key-focus: var(
2169
+ --spectrum-alias-transparent-blue-background-color-hover
2170
+ );
2171
+ --spectrum-alias-transparent-blue-background-color-mouse-focus: var(
2172
+ --spectrum-alias-transparent-blue-background-color-hover
2173
+ );
2174
+ --spectrum-alias-transparent-blue-background-color: var(
2175
+ --spectrum-alias-component-text-color-default
2176
+ );
2177
+ --spectrum-alias-transparent-red-background-color-hover: rgba(
2178
+ 206,
2179
+ 15,
2180
+ 11,
2181
+ 0.15
2182
+ );
2183
+ --spectrum-alias-transparent-red-background-color-down: rgba(
2184
+ 182,
2185
+ 0,
2186
+ 0,
2187
+ 0.15
2188
+ );
2189
+ --spectrum-alias-transparent-red-background-color-key-focus: var(
2190
+ --spectrum-alias-transparent-red-background-color-hover
2191
+ );
2192
+ --spectrum-alias-transparent-red-background-color-mouse-focus: var(
2193
+ --spectrum-alias-transparent-red-background-color-hover
2194
+ );
2195
+ --spectrum-alias-transparent-red-background-color: var(
2196
+ --spectrum-alias-component-text-color-default
2197
+ );
2198
+ --spectrum-alias-component-text-color-disabled: var(
2199
+ --spectrum-global-color-gray-500
2200
+ );
2201
+ --spectrum-alias-component-text-color-default: var(
2202
+ --spectrum-global-color-gray-800
2203
+ );
2204
+ --spectrum-alias-component-text-color-hover: var(
2205
+ --spectrum-global-color-gray-900
2206
+ );
2207
+ --spectrum-alias-component-text-color-down: var(
2208
+ --spectrum-global-color-gray-900
2209
+ );
2210
+ --spectrum-alias-component-text-color-key-focus: var(
2211
+ --spectrum-alias-component-text-color-hover
2212
+ );
2213
+ --spectrum-alias-component-text-color-mouse-focus: var(
2214
+ --spectrum-alias-component-text-color-hover
2215
+ );
2216
+ --spectrum-alias-component-text-color: var(
2217
+ --spectrum-alias-component-text-color-default
2218
+ );
2219
+ --spectrum-alias-component-text-color-selected: var(
2220
+ --spectrum-alias-component-text-color-selected-default
2221
+ );
2222
+ --spectrum-alias-component-text-color-emphasized-selected-default: var(
2223
+ --spectrum-global-color-static-white
2224
+ );
2225
+ --spectrum-alias-component-text-color-emphasized-selected-hover: var(
2226
+ --spectrum-alias-component-text-color-emphasized-selected-default
2227
+ );
2228
+ --spectrum-alias-component-text-color-emphasized-selected-down: var(
2229
+ --spectrum-alias-component-text-color-emphasized-selected-default
2230
+ );
2231
+ --spectrum-alias-component-text-color-emphasized-selected-key-focus: var(
2232
+ --spectrum-alias-component-text-color-emphasized-selected-default
2233
+ );
2234
+ --spectrum-alias-component-text-color-emphasized-selected-mouse-focus: var(
2235
+ --spectrum-alias-component-text-color-emphasized-selected-default
2236
+ );
2237
+ --spectrum-alias-component-text-color-emphasized-selected: var(
2238
+ --spectrum-alias-component-text-color-emphasized-selected-default
2239
+ );
2240
+ --spectrum-alias-component-text-color-error-default: var(
2241
+ --spectrum-semantic-negative-text-color-small
2242
+ );
2243
+ --spectrum-alias-component-text-color-error-hover: var(
2244
+ --spectrum-semantic-negative-text-color-small-hover
2245
+ );
2246
+ --spectrum-alias-component-text-color-error-down: var(
2247
+ --spectrum-semantic-negative-text-color-small-down
2248
+ );
2249
+ --spectrum-alias-component-text-color-error-key-focus: var(
2250
+ --spectrum-semantic-negative-text-color-small-key-focus
2251
+ );
2252
+ --spectrum-alias-component-text-color-error-mouse-focus: var(
2253
+ --spectrum-semantic-negative-text-color-small-key-focus
2254
+ );
2255
+ --spectrum-alias-component-text-color-error: var(
2256
+ --spectrum-alias-component-text-color-error-default
2257
+ );
2258
+ --spectrum-alias-component-icon-color-disabled: var(
2259
+ --spectrum-alias-icon-color-disabled
2260
+ );
2261
+ --spectrum-alias-component-icon-color-hover: var(
2262
+ --spectrum-alias-icon-color-hover
2263
+ );
2264
+ --spectrum-alias-component-icon-color-down: var(
2265
+ --spectrum-alias-icon-color-down
2266
+ );
2267
+ --spectrum-alias-component-icon-color-key-focus: var(
2268
+ --spectrum-alias-icon-color-hover
2269
+ );
2270
+ --spectrum-alias-component-icon-color-mouse-focus: var(
2271
+ --spectrum-alias-icon-color-down
2272
+ );
2273
+ --spectrum-alias-component-icon-color: var(
2274
+ --spectrum-alias-component-icon-color-default
2275
+ );
2276
+ --spectrum-alias-component-icon-color-emphasized-selected-default: var(
2277
+ --spectrum-global-color-static-white
2278
+ );
2279
+ --spectrum-alias-component-icon-color-emphasized-selected-hover: var(
2280
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2281
+ );
2282
+ --spectrum-alias-component-icon-color-emphasized-selected-down: var(
2283
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2284
+ );
2285
+ --spectrum-alias-component-icon-color-emphasized-selected-key-focus: var(
2286
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2287
+ );
2288
+ --spectrum-alias-component-icon-color-emphasized-selected: var(
2289
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2290
+ );
2291
+ --spectrum-alias-component-background-color-disabled: var(
2292
+ --spectrum-global-color-gray-200
2293
+ );
2294
+ --spectrum-alias-component-background-color-quiet-disabled: var(
2295
+ --spectrum-alias-background-color-transparent
2296
+ );
2297
+ --spectrum-alias-component-background-color-quiet-selected-disabled: var(
2298
+ --spectrum-alias-component-background-color-disabled
2299
+ );
2300
+ --spectrum-alias-component-background-color: var(
2301
+ --spectrum-alias-component-background-color-default
2302
+ );
2303
+ --spectrum-alias-component-background-color-selected: var(
2304
+ --spectrum-alias-component-background-color-selected-default
2305
+ );
2306
+ --spectrum-alias-component-background-color-quiet-default: var(
2307
+ --spectrum-alias-background-color-transparent
2308
+ );
2309
+ --spectrum-alias-component-background-color-quiet: var(
2310
+ --spectrum-alias-component-background-color-quiet-default
2311
+ );
2312
+ --spectrum-alias-component-background-color-quiet-selected-default: var(
2313
+ --spectrum-alias-component-background-color-selected-default
2314
+ );
2315
+ --spectrum-alias-component-background-color-quiet-selected-hover: var(
2316
+ --spectrum-alias-component-background-color-selected-hover
2317
+ );
2318
+ --spectrum-alias-component-background-color-quiet-selected-down: var(
2319
+ --spectrum-alias-component-background-color-selected-down
2320
+ );
2321
+ --spectrum-alias-component-background-color-quiet-selected-key-focus: var(
2322
+ --spectrum-alias-component-background-color-selected-key-focus
2323
+ );
2324
+ --spectrum-alias-component-background-color-quiet-selected: var(
2325
+ --spectrum-alias-component-background-color-selected-default
2326
+ );
2327
+ --spectrum-alias-component-background-color-emphasized-selected-default: var(
2328
+ --spectrum-semantic-cta-background-color-default
2329
+ );
2330
+ --spectrum-alias-component-background-color-emphasized-selected-hover: var(
2331
+ --spectrum-semantic-cta-background-color-hover
2332
+ );
2333
+ --spectrum-alias-component-background-color-emphasized-selected-down: var(
2334
+ --spectrum-semantic-cta-background-color-down
2335
+ );
2336
+ --spectrum-alias-component-background-color-emphasized-selected-key-focus: var(
2337
+ --spectrum-semantic-cta-background-color-key-focus
2338
+ );
2339
+ --spectrum-alias-component-background-color-emphasized-selected: var(
2340
+ --spectrum-alias-component-background-color-emphasized-selected-default
2341
+ );
2342
+ --spectrum-alias-component-border-color-disabled: var(
2343
+ --spectrum-alias-border-color-disabled
2344
+ );
2345
+ --spectrum-alias-component-border-color-quiet-disabled: var(
2346
+ --spectrum-alias-border-color-transparent
2347
+ );
2348
+ --spectrum-alias-component-border-color: var(
2349
+ --spectrum-alias-component-border-color-default
2350
+ );
2351
+ --spectrum-alias-component-border-color-selected: var(
2352
+ --spectrum-alias-component-border-color-selected-default
2353
+ );
2354
+ --spectrum-alias-component-border-color-quiet-default: var(
2355
+ --spectrum-alias-border-color-transparent
2356
+ );
2357
+ --spectrum-alias-component-border-color-quiet-hover: var(
2358
+ --spectrum-alias-border-color-transparent
2359
+ );
2360
+ --spectrum-alias-component-border-color-quiet-down: var(
2361
+ --spectrum-alias-border-color-transparent
2362
+ );
2363
+ --spectrum-alias-component-border-color-quiet: var(
2364
+ --spectrum-alias-component-border-color-quiet-default
2365
+ );
2366
+ --spectrum-alias-component-border-color-quiet-selected: var(
2367
+ --spectrum-alias-component-background-color-selected-default
2368
+ );
2369
+ --spectrum-alias-component-border-color-emphasized-selected-default: var(
2370
+ --spectrum-semantic-cta-background-color-default
2371
+ );
2372
+ --spectrum-alias-component-border-color-emphasized-selected-hover: var(
2373
+ --spectrum-semantic-cta-background-color-hover
2374
+ );
2375
+ --spectrum-alias-component-border-color-emphasized-selected-down: var(
2376
+ --spectrum-semantic-cta-background-color-down
2377
+ );
2378
+ --spectrum-alias-component-border-color-emphasized-selected-key-focus: var(
2379
+ --spectrum-semantic-cta-background-color-key-focus
2380
+ );
2381
+ --spectrum-alias-component-border-color-emphasized-selected: var(
2382
+ --spectrum-alias-component-border-color-emphasized-selected-default
2383
+ );
2384
+ --spectrum-alias-tag-border-color-error-default: var(
2385
+ --spectrum-semantic-negative-color-default
2386
+ );
2387
+ --spectrum-alias-tag-border-color-error-hover: var(
2388
+ --spectrum-semantic-negative-color-hover
2389
+ );
2390
+ --spectrum-alias-tag-border-color-error-down: var(
2391
+ --spectrum-semantic-negative-color-hover
2392
+ );
2393
+ --spectrum-alias-tag-border-color-error-selected: var(
2394
+ --spectrum-semantic-negative-color-default
2395
+ );
2396
+ --spectrum-alias-tag-border-color-selected: var(
2397
+ --spectrum-alias-tag-background-color-selected-default
2398
+ );
2399
+ --spectrum-alias-tag-border-color: var(
2400
+ --spectrum-alias-tag-border-color-default
2401
+ );
2402
+ --spectrum-alias-tag-border-color-disabled: var(
2403
+ --spectrum-alias-border-color-disabled
2404
+ );
2405
+ --spectrum-alias-tag-border-color-error: var(
2406
+ --spectrum-alias-tag-border-color-error-default
2407
+ );
2408
+ --spectrum-alias-tag-text-color-default: var(
2409
+ --spectrum-alias-label-text-color
2410
+ );
2411
+ --spectrum-alias-tag-text-color-hover: var(
2412
+ --spectrum-alias-text-color-hover
2413
+ );
2414
+ --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
2415
+ --spectrum-alias-tag-text-color-key-focus: var(
2416
+ --spectrum-alias-text-color-hover
2417
+ );
2418
+ --spectrum-alias-tag-text-color-disabled: var(
2419
+ --spectrum-global-color-gray-500
2420
+ );
2421
+ --spectrum-alias-tag-text-color: var(
2422
+ --spectrum-alias-tag-text-color-default
2423
+ );
2424
+ --spectrum-alias-tag-text-color-error-default: var(
2425
+ --spectrum-global-color-red-600
2426
+ );
2427
+ --spectrum-alias-tag-text-color-error-hover: var(
2428
+ --spectrum-global-color-red-700
2429
+ );
2430
+ --spectrum-alias-tag-text-color-error-down: var(
2431
+ --spectrum-global-color-red-700
2432
+ );
2433
+ --spectrum-alias-tag-text-color-error-key-focus: var(
2434
+ --spectrum-global-color-red-700
2435
+ );
2436
+ --spectrum-alias-tag-text-color-error: var(
2437
+ --spectrum-alias-tag-text-color-error-default
2438
+ );
2439
+ --spectrum-alias-tag-text-color-selected: var(
2440
+ --spectrum-global-color-gray-50
2441
+ );
2442
+ --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
2443
+ --spectrum-alias-tag-icon-color-hover: var(
2444
+ --spectrum-alias-icon-color-hover
2445
+ );
2446
+ --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
2447
+ --spectrum-alias-tag-icon-color-key-focus: var(
2448
+ --spectrum-alias-icon-color-hover
2449
+ );
2450
+ --spectrum-alias-tag-icon-color-disabled: var(
2451
+ --spectrum-alias-icon-color-disabled
2452
+ );
2453
+ --spectrum-alias-tag-icon-color: var(
2454
+ --spectrum-alias-tag-icon-color-default
2455
+ );
2456
+ --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
2457
+ --spectrum-alias-tag-icon-color-selected: var(
2458
+ --spectrum-global-color-gray-50
2459
+ );
2460
+ --spectrum-alias-tag-background-color: var(
2461
+ --spectrum-alias-tag-background-color-default
2462
+ );
2463
+ --spectrum-alias-tag-background-color-error: var(
2464
+ --spectrum-alias-tag-background-color-error-default
2465
+ );
2466
+ --spectrum-alias-tag-background-color-error-selected-default: var(
2467
+ --spectrum-semantic-negative-color-default
2468
+ );
2469
+ --spectrum-alias-tag-background-color-error-selected-hover: var(
2470
+ --spectrum-semantic-negative-color-hover
2471
+ );
2472
+ --spectrum-alias-tag-background-color-error-selected-down: var(
2473
+ --spectrum-semantic-negative-color-hover
2474
+ );
2475
+ --spectrum-alias-tag-background-color-error-selected-key-focus: var(
2476
+ --spectrum-global-color-red-600
2477
+ );
2478
+ --spectrum-alias-tag-background-color-error-selected: var(
2479
+ --spectrum-alias-tag-background-color-error-selected-default
2480
+ );
2481
+ --spectrum-alias-tag-background-color-selected-default: var(
2482
+ --spectrum-global-color-gray-700
2483
+ );
2484
+ --spectrum-alias-tag-background-color-selected-hover: var(
2485
+ --spectrum-global-color-gray-800
2486
+ );
2487
+ --spectrum-alias-tag-background-color-selected-down: var(
2488
+ --spectrum-global-color-gray-900
2489
+ );
2490
+ --spectrum-alias-tag-background-color-selected-key-focus: var(
2491
+ --spectrum-global-color-gray-900
2492
+ );
2493
+ --spectrum-alias-tag-background-color-selected: var(
2494
+ --spectrum-alias-tag-background-color-selected-default
2495
+ );
2496
+ --spectrum-alias-tag-focusring-border-color-default: transparent;
2497
+ --spectrum-alias-tag-focusring-border-color-disabled: transparent;
2498
+ --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(
2499
+ --spectrum-alias-focus-ring-color
2500
+ );
2501
+ --spectrum-alias-tag-focusring-border-color: var(
2502
+ --spectrum-alias-tag-focusring-border-color-default
2503
+ );
2504
+ --spectrum-alias-avatar-border-color: var(
2505
+ --spectrum-alias-avatar-border-color-default
2506
+ );
2507
+ --spectrum-alias-avatar-border-color-selected: var(
2508
+ --spectrum-alias-avatar-border-color-selected-default
2509
+ );
2510
+ --spectrum-alias-toggle-background-color: var(
2511
+ --spectrum-alias-toggle-background-color-default
2512
+ );
2513
+ --spectrum-alias-toggle-background-color-emphasized-selected-default: var(
2514
+ --spectrum-semantic-cta-background-color-default
2515
+ );
2516
+ --spectrum-alias-toggle-background-color-emphasized-selected-hover: var(
2517
+ --spectrum-semantic-cta-background-color-hover
2518
+ );
2519
+ --spectrum-alias-toggle-background-color-emphasized-selected-down: var(
2520
+ --spectrum-semantic-cta-background-color-down
2521
+ );
2522
+ --spectrum-alias-toggle-background-color-emphasized-selected-key-focus: var(
2523
+ --spectrum-semantic-cta-background-color-key-focus
2524
+ );
2525
+ --spectrum-alias-toggle-background-color-emphasized-selected: var(
2526
+ --spectrum-alias-toggle-background-color-emphasized-selected-default
2527
+ );
2528
+ --spectrum-alias-toggle-border-color: var(
2529
+ --spectrum-alias-toggle-border-color-default
2530
+ );
2531
+ --spectrum-alias-toggle-icon-color-emphasized-selected: var(
2532
+ --spectrum-alias-component-icon-color-emphasized-selected-default
2533
+ );
2534
+ --spectrum-alias-button-primary-background-color-hover: var(
2535
+ --spectrum-global-color-gray-800
2536
+ );
2537
+ --spectrum-alias-button-primary-background-color-down: var(
2538
+ --spectrum-global-color-gray-900
2539
+ );
2540
+ --spectrum-alias-button-primary-background-color-key-focus: var(
2541
+ --spectrum-global-color-gray-800
2542
+ );
2543
+ --spectrum-alias-button-primary-background-color: var(
2544
+ --spectrum-alias-button-primary-background-color-default
2545
+ );
2546
+ --spectrum-alias-button-primary-border-color-default: var(
2547
+ --spectrum-global-color-gray-800
2548
+ );
2549
+ --spectrum-alias-button-primary-border-color-hover: var(
2550
+ --spectrum-alias-button-primary-background-color-hover
2551
+ );
2552
+ --spectrum-alias-button-primary-border-color-down: var(
2553
+ --spectrum-alias-button-primary-background-color-down
2554
+ );
2555
+ --spectrum-alias-button-primary-border-color-key-focus: var(
2556
+ --spectrum-alias-button-primary-background-color-key-focus
2557
+ );
2558
+ --spectrum-alias-button-primary-border-color: var(
2559
+ --spectrum-alias-button-primary-border-color-default
2560
+ );
2561
+ --spectrum-alias-button-primary-text-color-hover: var(
2562
+ --spectrum-global-color-gray-50
2563
+ );
2564
+ --spectrum-alias-button-primary-text-color-down: var(
2565
+ --spectrum-global-color-gray-50
2566
+ );
2567
+ --spectrum-alias-button-primary-text-color-key-focus: var(
2568
+ --spectrum-global-color-gray-50
2569
+ );
2570
+ --spectrum-alias-button-primary-text-color: var(
2571
+ --spectrum-alias-button-primary-text-color-default
2572
+ );
2573
+ --spectrum-alias-button-primary-icon-color-hover: var(
2574
+ --spectrum-alias-button-primary-text-color-hover
2575
+ );
2576
+ --spectrum-alias-button-primary-icon-color-down: var(
2577
+ --spectrum-alias-button-primary-text-color-down
2578
+ );
2579
+ --spectrum-alias-button-primary-icon-color-key-focus: var(
2580
+ --spectrum-alias-button-primary-text-color-key-focus
2581
+ );
2582
+ --spectrum-alias-button-primary-icon-color: var(
2583
+ --spectrum-alias-button-primary-icon-color-default
2584
+ );
2585
+ --spectrum-alias-button-secondary-background-color-hover: var(
2586
+ --spectrum-global-color-gray-700
2587
+ );
2588
+ --spectrum-alias-button-secondary-background-color-down: var(
2589
+ --spectrum-global-color-gray-800
2590
+ );
2591
+ --spectrum-alias-button-secondary-background-color-key-focus: var(
2592
+ --spectrum-global-color-gray-700
2593
+ );
2594
+ --spectrum-alias-button-secondary-background-color: var(
2595
+ --spectrum-alias-button-secondary-background-color-default
2596
+ );
2597
+ --spectrum-alias-button-secondary-border-color-default: var(
2598
+ --spectrum-global-color-gray-700
2599
+ );
2600
+ --spectrum-alias-button-secondary-border-color-hover: var(
2601
+ --spectrum-alias-button-secondary-background-color-hover
2602
+ );
2603
+ --spectrum-alias-button-secondary-border-color-down: var(
2604
+ --spectrum-alias-button-secondary-background-color-down
2605
+ );
2606
+ --spectrum-alias-button-secondary-border-color-key-focus: var(
2607
+ --spectrum-alias-button-secondary-background-color-key-focus
2608
+ );
2609
+ --spectrum-alias-button-secondary-border-color: var(
2610
+ --spectrum-alias-button-secondary-border-color-default
2611
+ );
2612
+ --spectrum-alias-button-secondary-text-color-hover: var(
2613
+ --spectrum-global-color-gray-50
2614
+ );
2615
+ --spectrum-alias-button-secondary-text-color-down: var(
2616
+ --spectrum-global-color-gray-50
2617
+ );
2618
+ --spectrum-alias-button-secondary-text-color-key-focus: var(
2619
+ --spectrum-global-color-gray-50
2620
+ );
2621
+ --spectrum-alias-button-secondary-text-color: var(
2622
+ --spectrum-alias-button-secondary-text-color-default
2623
+ );
2624
+ --spectrum-alias-button-secondary-icon-color-hover: var(
2625
+ --spectrum-alias-button-secondary-text-color-hover
2626
+ );
2627
+ --spectrum-alias-button-secondary-icon-color-down: var(
2628
+ --spectrum-alias-button-secondary-text-color-down
2629
+ );
2630
+ --spectrum-alias-button-secondary-icon-color-key-focus: var(
2631
+ --spectrum-alias-button-secondary-text-color-key-focus
2632
+ );
2633
+ --spectrum-alias-button-secondary-icon-color: var(
2634
+ --spectrum-alias-button-secondary-icon-color-default
2635
+ );
2636
+ --spectrum-alias-button-negative-background-color-hover: var(
2637
+ --spectrum-semantic-negative-text-color-small
2638
+ );
2639
+ --spectrum-alias-button-negative-background-color-down: var(
2640
+ --spectrum-global-color-red-700
2641
+ );
2642
+ --spectrum-alias-button-negative-background-color-key-focus: var(
2643
+ --spectrum-semantic-negative-text-color-small
2644
+ );
2645
+ --spectrum-alias-button-negative-background-color: var(
2646
+ --spectrum-alias-button-negative-background-color-default
2647
+ );
2648
+ --spectrum-alias-button-negative-border-color-default: var(
2649
+ --spectrum-semantic-negative-text-color-small
2650
+ );
2651
+ --spectrum-alias-button-negative-border-color-hover: var(
2652
+ --spectrum-semantic-negative-text-color-small
2653
+ );
2654
+ --spectrum-alias-button-negative-border-color-down: var(
2655
+ --spectrum-global-color-red-700
2656
+ );
2657
+ --spectrum-alias-button-negative-border-color-key-focus: var(
2658
+ --spectrum-semantic-negative-text-color-small
2659
+ );
2660
+ --spectrum-alias-button-negative-border-color: var(
2661
+ --spectrum-alias-button-negative-border-color-default
2662
+ );
2663
+ --spectrum-alias-button-negative-text-color-hover: var(
2664
+ --spectrum-global-color-gray-50
2665
+ );
2666
+ --spectrum-alias-button-negative-text-color-down: var(
2667
+ --spectrum-global-color-gray-50
2668
+ );
2669
+ --spectrum-alias-button-negative-text-color-key-focus: var(
2670
+ --spectrum-global-color-gray-50
2671
+ );
2672
+ --spectrum-alias-button-negative-text-color: var(
2673
+ --spectrum-alias-button-negative-text-color-default
2674
+ );
2675
+ --spectrum-alias-button-negative-icon-color-hover: var(
2676
+ --spectrum-alias-button-negative-text-color-hover
2677
+ );
2678
+ --spectrum-alias-button-negative-icon-color-down: var(
2679
+ --spectrum-alias-button-negative-text-color-down
2680
+ );
2681
+ --spectrum-alias-button-negative-icon-color-key-focus: var(
2682
+ --spectrum-alias-button-negative-text-color-key-focus
2683
+ );
2684
+ --spectrum-alias-button-negative-icon-color: var(
2685
+ --spectrum-alias-button-negative-icon-color-default
2686
+ );
2687
+ --spectrum-alias-input-border-color-disabled: var(
2688
+ --spectrum-alias-border-color-transparent
2689
+ );
2690
+ --spectrum-alias-input-border-color-quiet-disabled: var(
2691
+ --spectrum-alias-border-color-mid
2692
+ );
2693
+ --spectrum-alias-input-border-color: var(
2694
+ --spectrum-alias-input-border-color-default
2695
+ );
2696
+ --spectrum-alias-input-border-color-invalid-default: var(
2697
+ --spectrum-semantic-negative-color-default
2698
+ );
2699
+ --spectrum-alias-input-border-color-invalid-hover: var(
2700
+ --spectrum-semantic-negative-color-hover
2701
+ );
2702
+ --spectrum-alias-input-border-color-invalid-down: var(
2703
+ --spectrum-semantic-negative-color-down
2704
+ );
2705
+ --spectrum-alias-input-border-color-invalid-mouse-focus: var(
2706
+ --spectrum-semantic-negative-color-hover
2707
+ );
2708
+ --spectrum-alias-input-border-color-invalid: var(
2709
+ --spectrum-alias-input-border-color-invalid-default
2710
+ );
2711
+ --spectrum-alias-background-color-yellow-default: var(
2712
+ --spectrum-global-color-static-yellow-600
2713
+ );
2714
+ --spectrum-alias-background-color-yellow-hover: var(
2715
+ --spectrum-global-color-static-yellow-700
2716
+ );
2717
+ --spectrum-alias-background-color-yellow-key-focus: var(
2718
+ --spectrum-global-color-static-yellow-700
2719
+ );
2720
+ --spectrum-alias-background-color-yellow-down: var(
2721
+ --spectrum-global-color-static-yellow-800
2722
+ );
2723
+ --spectrum-alias-background-color-yellow: var(
2724
+ --spectrum-alias-background-color-yellow-default
2725
+ );
2726
+ --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent;
2727
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent;
2728
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(
2729
+ --spectrum-alias-component-background-color-disabled
2730
+ );
2731
+ --spectrum-alias-tabitem-text-color: var(
2732
+ --spectrum-alias-tabitem-text-color-default
2733
+ );
2734
+ --spectrum-alias-tabitem-text-color-selected: var(
2735
+ --spectrum-alias-tabitem-text-color-selected-default
2736
+ );
2737
+ --spectrum-alias-tabitem-text-color-emphasized-selected: var(
2738
+ --spectrum-alias-tabitem-text-color-emphasized-selected-default
2739
+ );
2740
+ --spectrum-alias-tabitem-icon-color: var(
2741
+ --spectrum-alias-tabitem-text-color-default
2742
+ );
2743
+ --spectrum-alias-background-color-default: var(
2744
+ --spectrum-global-color-gray-100
2745
+ );
2746
+ --spectrum-alias-background-color-disabled: var(
2747
+ --spectrum-global-color-gray-200
2748
+ );
2749
+ --spectrum-alias-background-color-transparent: transparent;
2750
+ --spectrum-alias-background-color-overbackground-down: hsla(
2751
+ 0,
2752
+ 0%,
2753
+ 100%,
2754
+ 0.2
2755
+ );
2756
+ --spectrum-alias-background-color-quiet-overbackground-hover: hsla(
2757
+ 0,
2758
+ 0%,
2759
+ 100%,
2760
+ 0.1
2761
+ );
2762
+ --spectrum-alias-background-color-quiet-overbackground-down: hsla(
2763
+ 0,
2764
+ 0%,
2765
+ 100%,
2766
+ 0.2
2767
+ );
2768
+ --spectrum-alias-background-color-overbackground-disabled: hsla(
2769
+ 0,
2770
+ 0%,
2771
+ 100%,
2772
+ 0.1
2773
+ );
2774
+ --spectrum-alias-background-color-quickactions-overlay: rgba(0, 0, 0, 0.2);
2775
+ --spectrum-alias-placeholder-text-color: var(
2776
+ --spectrum-global-color-gray-800
2777
+ );
2778
+ --spectrum-alias-placeholder-text-color-hover: var(
2779
+ --spectrum-global-color-gray-900
2780
+ );
2781
+ --spectrum-alias-placeholder-text-color-down: var(
2782
+ --spectrum-global-color-gray-900
2783
+ );
2784
+ --spectrum-alias-placeholder-text-color-selected: var(
2785
+ --spectrum-global-color-gray-800
2786
+ );
2787
+ --spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
2788
+ --spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
2789
+ --spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
2790
+ --spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
2791
+ --spectrum-alias-text-color-key-focus: var(
2792
+ --spectrum-global-color-blue-600
2793
+ );
2794
+ --spectrum-alias-text-color-mouse-focus: var(
2795
+ --spectrum-global-color-blue-600
2796
+ );
2797
+ --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
2798
+ --spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
2799
+ --spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
2800
+ --spectrum-alias-text-color-selected-neutral: var(
2801
+ --spectrum-global-color-gray-900
2802
+ );
2803
+ --spectrum-alias-text-color-overbackground: var(
2804
+ --spectrum-global-color-static-white
2805
+ );
2806
+ --spectrum-alias-text-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
2807
+ --spectrum-alias-text-color-quiet-overbackground-disabled: hsla(
2808
+ 0,
2809
+ 0%,
2810
+ 100%,
2811
+ 0.2
2812
+ );
2813
+ --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
2814
+ --spectrum-alias-link-primary-text-color: var(
2815
+ --spectrum-alias-link-primary-text-color-default
2816
+ );
2817
+ --spectrum-alias-link-secondary-text-color: var(
2818
+ --spectrum-alias-link-secondary-text-color-default
2819
+ );
2820
+ --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
2821
+ --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
2822
+ --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);
2823
+ --spectrum-alias-border-color-key-focus: var(
2824
+ --spectrum-global-color-blue-400
2825
+ );
2826
+ --spectrum-alias-border-color-mouse-focus: var(
2827
+ --spectrum-global-color-blue-500
2828
+ );
2829
+ --spectrum-alias-border-color-disabled: var(
2830
+ --spectrum-global-color-gray-200
2831
+ );
2832
+ --spectrum-alias-border-color-extralight: var(
2833
+ --spectrum-global-color-gray-100
2834
+ );
2835
+ --spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
2836
+ --spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
2837
+ --spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
2838
+ --spectrum-alias-border-color-darker-default: var(
2839
+ --spectrum-global-color-gray-600
2840
+ );
2841
+ --spectrum-alias-border-color-darker-hover: var(
2842
+ --spectrum-global-color-gray-900
2843
+ );
2844
+ --spectrum-alias-border-color-darker-down: var(
2845
+ --spectrum-global-color-gray-900
2846
+ );
2847
+ --spectrum-alias-border-color-transparent: transparent;
2848
+ --spectrum-alias-border-color-translucent-dark: rgba(0, 0, 0, 0.05);
2849
+ --spectrum-alias-border-color-translucent-darker: rgba(0, 0, 0, 0.1);
2850
+ --spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
2851
+ --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color);
2852
+ --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-400);
2853
+ --spectrum-alias-track-fill-color-overbackground: var(
2854
+ --spectrum-global-color-static-white
2855
+ );
2856
+ --spectrum-alias-track-color-disabled: var(
2857
+ --spectrum-global-color-gray-300
2858
+ );
2859
+ --spectrum-alias-track-color-overbackground: hsla(0, 0%, 100%, 0.2);
2860
+ --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
2861
+ --spectrum-alias-icon-color-overbackground: var(
2862
+ --spectrum-global-color-static-white
2863
+ );
2864
+ --spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
2865
+ --spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
2866
+ --spectrum-alias-icon-color-key-focus: var(
2867
+ --spectrum-global-color-gray-900
2868
+ );
2869
+ --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
2870
+ --spectrum-alias-icon-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
2871
+ --spectrum-alias-icon-color-quiet-overbackground-disabled: hsla(
2872
+ 0,
2873
+ 0%,
2874
+ 100%,
2875
+ 0.15
2876
+ );
2877
+ --spectrum-alias-icon-color-selected-neutral: var(
2878
+ --spectrum-global-color-gray-900
2879
+ );
2880
+ --spectrum-alias-icon-color-selected-neutral-subdued: var(
2881
+ --spectrum-global-color-gray-800
2882
+ );
2883
+ --spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
2884
+ --spectrum-alias-icon-color-selected-hover: var(
2885
+ --spectrum-global-color-blue-600
2886
+ );
2887
+ --spectrum-alias-icon-color-selected-down: var(
2888
+ --spectrum-global-color-blue-700
2889
+ );
2890
+ --spectrum-alias-icon-color-selected-focus: var(
2891
+ --spectrum-global-color-blue-600
2892
+ );
2893
+ --spectrum-alias-image-opacity-disabled: var(
2894
+ --spectrum-global-color-opacity-30
2895
+ );
2896
+ --spectrum-alias-toolbar-background-color: var(
2897
+ --spectrum-global-color-gray-100
2898
+ );
2899
+ --spectrum-alias-code-highlight-color-default: var(
2900
+ --spectrum-global-color-gray-800
2901
+ );
2902
+ --spectrum-alias-code-highlight-background-color: var(
2903
+ --spectrum-global-color-gray-75
2904
+ );
2905
+ --spectrum-alias-code-highlight-color-keyword: var(
2906
+ --spectrum-global-color-fuchsia-600
2907
+ );
2908
+ --spectrum-alias-code-highlight-color-section: var(
2909
+ --spectrum-global-color-red-600
2910
+ );
2911
+ --spectrum-alias-code-highlight-color-literal: var(
2912
+ --spectrum-global-color-blue-600
2913
+ );
2914
+ --spectrum-alias-code-highlight-color-attribute: var(
2915
+ --spectrum-global-color-seafoam-600
2916
+ );
2917
+ --spectrum-alias-code-highlight-color-class: var(
2918
+ --spectrum-global-color-magenta-600
2919
+ );
2920
+ --spectrum-alias-code-highlight-color-variable: var(
2921
+ --spectrum-global-color-purple-600
2922
+ );
2923
+ --spectrum-alias-code-highlight-color-title: var(
2924
+ --spectrum-global-color-indigo-600
2925
+ );
2926
+ --spectrum-alias-code-highlight-color-string: var(
2927
+ --spectrum-global-color-fuchsia-600
2928
+ );
2929
+ --spectrum-alias-code-highlight-color-function: var(
2930
+ --spectrum-global-color-blue-600
2931
+ );
2932
+ --spectrum-alias-code-highlight-color-comment: var(
2933
+ --spectrum-global-color-gray-700
2934
+ );
2935
+ --spectrum-alias-categorical-color-1: var(
2936
+ --spectrum-global-color-static-seafoam-200
2937
+ );
2938
+ --spectrum-alias-categorical-color-2: var(
2939
+ --spectrum-global-color-static-indigo-700
2940
+ );
2941
+ --spectrum-alias-categorical-color-3: var(
2942
+ --spectrum-global-color-static-orange-500
2943
+ );
2944
+ --spectrum-alias-categorical-color-4: var(
2945
+ --spectrum-global-color-static-magenta-500
2946
+ );
2947
+ --spectrum-alias-categorical-color-5: var(
2948
+ --spectrum-global-color-static-indigo-200
2949
+ );
2950
+ --spectrum-alias-categorical-color-6: var(
2951
+ --spectrum-global-color-static-celery-200
2952
+ );
2953
+ --spectrum-alias-categorical-color-7: var(
2954
+ --spectrum-global-color-static-blue-500
2955
+ );
2956
+ --spectrum-alias-categorical-color-8: var(
2957
+ --spectrum-global-color-static-purple-800
2958
+ );
2959
+ --spectrum-alias-categorical-color-9: var(
2960
+ --spectrum-global-color-static-yellow-500
2961
+ );
2962
+ --spectrum-alias-categorical-color-10: var(
2963
+ --spectrum-global-color-static-orange-700
2964
+ );
2965
+ --spectrum-alias-categorical-color-11: var(
2966
+ --spectrum-global-color-static-green-600
2967
+ );
2968
+ --spectrum-alias-categorical-color-12: var(
2969
+ --spectrum-global-color-static-chartreuse-300
2970
+ );
2971
+ --spectrum-alias-categorical-color-13: var(
2972
+ --spectrum-global-color-static-blue-200
2973
+ );
2974
+ --spectrum-alias-categorical-color-14: var(
2975
+ --spectrum-global-color-static-fuchsia-500
2976
+ );
2977
+ --spectrum-alias-categorical-color-15: var(
2978
+ --spectrum-global-color-static-magenta-200
2979
+ );
2980
+ --spectrum-alias-categorical-color-16: var(
2981
+ --spectrum-global-color-static-yellow-200
2982
+ );
2983
+ }
2984
+ /* stylelint-enable */