@spectrum-web-components/styles 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/tokens/index.css CHANGED
@@ -11,74 +11,74 @@
11
11
  --spectrum-gray-400
12
12
  );
13
13
  --spectrum-accent-background-color-default: var(
14
- --spectrum-accent-color-700
14
+ --spectrum-accent-color-800
15
15
  );
16
- --spectrum-accent-background-color-hover: var(--spectrum-accent-color-600);
17
- --spectrum-accent-background-color-down: var(--spectrum-accent-color-600);
16
+ --spectrum-accent-background-color-hover: var(--spectrum-accent-color-700);
17
+ --spectrum-accent-background-color-down: var(--spectrum-accent-color-700);
18
18
  --spectrum-accent-background-color-key-focus: var(
19
- --spectrum-accent-color-600
19
+ --spectrum-accent-color-700
20
20
  );
21
21
  --spectrum-informative-background-color-default: var(
22
- --spectrum-informative-color-700
22
+ --spectrum-informative-color-800
23
23
  );
24
24
  --spectrum-informative-background-color-hover: var(
25
- --spectrum-informative-color-600
25
+ --spectrum-informative-color-700
26
26
  );
27
27
  --spectrum-informative-background-color-down: var(
28
- --spectrum-informative-color-600
28
+ --spectrum-informative-color-700
29
29
  );
30
30
  --spectrum-informative-background-color-key-focus: var(
31
- --spectrum-informative-color-600
31
+ --spectrum-informative-color-700
32
32
  );
33
33
  --spectrum-negative-background-color-default: var(
34
- --spectrum-negative-color-700
34
+ --spectrum-negative-color-800
35
35
  );
36
36
  --spectrum-negative-background-color-hover: var(
37
- --spectrum-negative-color-600
37
+ --spectrum-negative-color-700
38
38
  );
39
39
  --spectrum-negative-background-color-down: var(
40
- --spectrum-negative-color-600
40
+ --spectrum-negative-color-700
41
41
  );
42
42
  --spectrum-negative-background-color-key-focus: var(
43
- --spectrum-negative-color-600
43
+ --spectrum-negative-color-700
44
44
  );
45
45
  --spectrum-positive-background-color-default: var(
46
- --spectrum-positive-color-700
46
+ --spectrum-positive-color-800
47
47
  );
48
48
  --spectrum-positive-background-color-hover: var(
49
- --spectrum-positive-color-600
49
+ --spectrum-positive-color-700
50
50
  );
51
51
  --spectrum-positive-background-color-down: var(
52
- --spectrum-positive-color-600
52
+ --spectrum-positive-color-700
53
53
  );
54
54
  --spectrum-positive-background-color-key-focus: var(
55
- --spectrum-positive-color-600
55
+ --spectrum-positive-color-700
56
56
  );
57
57
  --spectrum-notice-background-color-default: var(
58
58
  --spectrum-notice-color-900
59
59
  );
60
60
  --spectrum-gray-background-color-default: var(--spectrum-gray-500);
61
- --spectrum-red-background-color-default: var(--spectrum-red-700);
61
+ --spectrum-red-background-color-default: var(--spectrum-red-800);
62
62
  --spectrum-orange-background-color-default: var(--spectrum-orange-900);
63
63
  --spectrum-yellow-background-color-default: var(--spectrum-yellow-1100);
64
64
  --spectrum-chartreuse-background-color-default: var(
65
65
  --spectrum-chartreuse-1000
66
66
  );
67
67
  --spectrum-celery-background-color-default: var(--spectrum-celery-900);
68
- --spectrum-green-background-color-default: var(--spectrum-green-700);
69
- --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);
70
- --spectrum-cyan-background-color-default: var(--spectrum-cyan-700);
71
- --spectrum-blue-background-color-default: var(--spectrum-blue-700);
72
- --spectrum-indigo-background-color-default: var(--spectrum-indigo-700);
73
- --spectrum-purple-background-color-default: var(--spectrum-purple-700);
74
- --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);
75
- --spectrum-magenta-background-color-default: var(--spectrum-magenta-700);
68
+ --spectrum-green-background-color-default: var(--spectrum-green-800);
69
+ --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-800);
70
+ --spectrum-cyan-background-color-default: var(--spectrum-cyan-800);
71
+ --spectrum-blue-background-color-default: var(--spectrum-blue-800);
72
+ --spectrum-indigo-background-color-default: var(--spectrum-indigo-800);
73
+ --spectrum-purple-background-color-default: var(--spectrum-purple-800);
74
+ --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-800);
75
+ --spectrum-magenta-background-color-default: var(--spectrum-magenta-800);
76
76
  --spectrum-neutral-visual-color: var(--spectrum-gray-600);
77
77
  --spectrum-accent-visual-color: var(--spectrum-accent-color-900);
78
78
  --spectrum-informative-visual-color: var(--spectrum-informative-color-900);
79
- --spectrum-negative-visual-color: var(--spectrum-negative-color-700);
79
+ --spectrum-negative-visual-color: var(--spectrum-negative-color-900);
80
80
  --spectrum-notice-visual-color: var(--spectrum-notice-color-900);
81
- --spectrum-positive-visual-color: var(--spectrum-positive-color-800);
81
+ --spectrum-positive-visual-color: var(--spectrum-positive-color-900);
82
82
  --spectrum-gray-visual-color: var(--spectrum-gray-600);
83
83
  --spectrum-red-visual-color: var(--spectrum-red-700);
84
84
  --spectrum-orange-visual-color: var(--spectrum-orange-900);
@@ -100,330 +100,851 @@
100
100
  --spectrum-pink-visual-color: var(--spectrum-pink-900);
101
101
  --spectrum-silver-visual-color: var(--spectrum-silver-900);
102
102
  --spectrum-turquoise-visual-color: var(--spectrum-turquoise-900);
103
- --spectrum-brown-background-color-default: var(--spectrum-brown-700);
104
- --spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-700);
105
- --spectrum-pink-background-color-default: var(--spectrum-pink-700);
106
- --spectrum-silver-background-color-default: var(--spectrum-silver-700);
103
+ --spectrum-brown-background-color-default: var(--spectrum-brown-800);
104
+ --spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-800);
105
+ --spectrum-pink-background-color-default: var(--spectrum-pink-800);
106
+ --spectrum-silver-background-color-default: var(--spectrum-silver-800);
107
107
  --spectrum-turquoise-background-color-default: var(
108
- --spectrum-turquoise-700
108
+ --spectrum-turquoise-800
109
+ );
110
+ --spectrum-drop-shadow-color-100-rgb: 0, 0, 0;
111
+ --spectrum-drop-shadow-color-100-opacity: 0.36;
112
+ --spectrum-drop-shadow-color-100: rgba(
113
+ var(--spectrum-drop-shadow-color-100-rgb),
114
+ var(--spectrum-drop-shadow-color-100-opacity)
115
+ );
116
+ --spectrum-drop-shadow-color-200-rgb: 0, 0, 0;
117
+ --spectrum-drop-shadow-color-200-opacity: 0.48;
118
+ --spectrum-drop-shadow-color-200: rgba(
119
+ var(--spectrum-drop-shadow-color-200-rgb),
120
+ var(--spectrum-drop-shadow-color-200-opacity)
121
+ );
122
+ --spectrum-drop-shadow-color-300-rgb: 0, 0, 0;
123
+ --spectrum-drop-shadow-color-300-opacity: 0.6;
124
+ --spectrum-drop-shadow-color-300: rgba(
125
+ var(--spectrum-drop-shadow-color-300-rgb),
126
+ var(--spectrum-drop-shadow-color-300-opacity)
127
+ );
128
+ --spectrum-neutral-subtle-background-color-default: var(
129
+ --spectrum-gray-300
130
+ );
131
+ --spectrum-gray-subtle-background-color-default: var(--spectrum-gray-300);
132
+ --spectrum-blue-subtle-background-color-default: var(--spectrum-blue-300);
133
+ --spectrum-green-subtle-background-color-default: var(--spectrum-green-300);
134
+ --spectrum-orange-subtle-background-color-default: var(
135
+ --spectrum-orange-300
136
+ );
137
+ --spectrum-red-subtle-background-color-default: var(--spectrum-red-300);
138
+ --spectrum-brown-subtle-background-color-default: var(--spectrum-brown-300);
139
+ --spectrum-cinnamon-subtle-background-color-default: var(
140
+ --spectrum-cinnamon-300
141
+ );
142
+ --spectrum-celery-subtle-background-color-default: var(
143
+ --spectrum-celery-300
144
+ );
145
+ --spectrum-chartreuse-subtle-background-color-default: var(
146
+ --spectrum-chartreuse-300
147
+ );
148
+ --spectrum-cyan-subtle-background-color-default: var(--spectrum-cyan-300);
149
+ --spectrum-fuchsia-subtle-background-color-default: var(
150
+ --spectrum-fuchsia-300
151
+ );
152
+ --spectrum-indigo-subtle-background-color-default: var(
153
+ --spectrum-indigo-300
154
+ );
155
+ --spectrum-magenta-subtle-background-color-default: var(
156
+ --spectrum-magenta-300
157
+ );
158
+ --spectrum-pink-subtle-background-color-default: var(--spectrum-pink-300);
159
+ --spectrum-purple-subtle-background-color-default: var(
160
+ --spectrum-purple-300
161
+ );
162
+ --spectrum-seafoam-subtle-background-color-default: var(
163
+ --spectrum-seafoam-300
164
+ );
165
+ --spectrum-silver-subtle-background-color-default: var(
166
+ --spectrum-silver-300
167
+ );
168
+ --spectrum-turquoise-subtle-background-color-default: var(
169
+ --spectrum-turquoise-300
170
+ );
171
+ --spectrum-yellow-subtle-background-color-default: var(
172
+ --spectrum-yellow-300
109
173
  );
110
- --spectrum-drop-shadow-color-100: rgba(0, 0, 0, 0.36);
111
- --spectrum-drop-shadow-color-200: rgba(0, 0, 0, 0.48);
112
174
  --spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800);
113
- --spectrum-gray-25: rgb(17, 17, 17);
114
- --spectrum-gray-50: rgb(27, 27, 27);
115
- --spectrum-gray-75: rgb(34, 34, 34);
116
- --spectrum-gray-100: rgb(44, 44, 44);
117
- --spectrum-gray-200: rgb(50, 50, 50);
118
- --spectrum-gray-300: rgb(57, 57, 57);
119
- --spectrum-gray-400: rgb(68, 68, 68);
120
- --spectrum-gray-500: rgb(109, 109, 109);
121
- --spectrum-gray-600: rgb(138, 138, 138);
122
- --spectrum-gray-700: rgb(175, 175, 175);
123
- --spectrum-gray-800: rgb(219, 219, 219);
124
- --spectrum-gray-900: rgb(242, 242, 242);
125
- --spectrum-gray-1000: rgb(255, 255, 255);
126
- --spectrum-blue-100: rgb(14, 23, 63);
127
- --spectrum-blue-200: rgb(15, 28, 82);
128
- --spectrum-blue-300: rgb(12, 33, 117);
129
- --spectrum-blue-400: rgb(18, 45, 154);
130
- --spectrum-blue-500: rgb(26, 58, 195);
131
- --spectrum-blue-600: rgb(37, 73, 229);
132
- --spectrum-blue-700: rgb(52, 91, 248);
133
- --spectrum-blue-800: rgb(69, 110, 254);
134
- --spectrum-blue-900: rgb(86, 129, 255);
135
- --spectrum-blue-1000: rgb(105, 149, 254);
136
- --spectrum-blue-1100: rgb(124, 169, 252);
137
- --spectrum-blue-1200: rgb(152, 192, 252);
138
- --spectrum-blue-1300: rgb(181, 213, 253);
139
- --spectrum-blue-1400: rgb(213, 231, 254);
140
- --spectrum-blue-1500: rgb(238, 245, 255);
141
- --spectrum-blue-1600: rgb(255, 255, 255);
142
- --spectrum-red-100: rgb(54, 10, 3);
143
- --spectrum-red-200: rgb(68, 13, 5);
144
- --spectrum-red-300: rgb(87, 17, 7);
145
- --spectrum-red-400: rgb(115, 24, 11);
146
- --spectrum-red-500: rgb(147, 31, 17);
147
- --spectrum-red-600: rgb(177, 38, 23);
148
- --spectrum-red-700: rgb(205, 46, 29);
149
- --spectrum-red-800: rgb(230, 54, 35);
150
- --spectrum-red-900: rgb(252, 67, 46);
151
- --spectrum-red-1000: rgb(255, 103, 86);
152
- --spectrum-red-1100: rgb(255, 134, 120);
153
- --spectrum-red-1200: rgb(255, 167, 157);
154
- --spectrum-red-1300: rgb(255, 196, 189);
155
- --spectrum-red-1400: rgb(255, 222, 219);
156
- --spectrum-red-1500: rgb(255, 242, 240);
157
- --spectrum-red-1600: rgb(255, 255, 255);
158
- --spectrum-orange-100: rgb(49, 16, 0);
159
- --spectrum-orange-200: rgb(61, 21, 0);
160
- --spectrum-orange-300: rgb(80, 27, 0);
161
- --spectrum-orange-400: rgb(106, 36, 0);
162
- --spectrum-orange-500: rgb(135, 47, 0);
163
- --spectrum-orange-600: rgb(162, 59, 0);
164
- --spectrum-orange-700: rgb(185, 73, 0);
165
- --spectrum-orange-800: rgb(205, 86, 0);
166
- --spectrum-orange-900: rgb(224, 100, 0);
167
- --spectrum-orange-1000: rgb(243, 117, 0);
168
- --spectrum-orange-1100: rgb(255, 137, 0);
169
- --spectrum-orange-1200: rgb(255, 173, 45);
170
- --spectrum-orange-1300: rgb(255, 201, 116);
171
- --spectrum-orange-1400: rgb(255, 225, 178);
172
- --spectrum-orange-1500: rgb(255, 243, 225);
173
- --spectrum-orange-1600: rgb(255, 255, 255);
174
- --spectrum-yellow-100: rgb(37, 23, 0);
175
- --spectrum-yellow-200: rgb(47, 29, 0);
176
- --spectrum-yellow-300: rgb(61, 39, 0);
177
- --spectrum-yellow-400: rgb(83, 52, 0);
178
- --spectrum-yellow-500: rgb(107, 67, 0);
179
- --spectrum-yellow-600: rgb(130, 82, 0);
180
- --spectrum-yellow-700: rgb(151, 97, 0);
181
- --spectrum-yellow-800: rgb(169, 110, 0);
182
- --spectrum-yellow-900: rgb(186, 124, 0);
183
- --spectrum-yellow-1000: rgb(203, 141, 0);
184
- --spectrum-yellow-1100: rgb(218, 159, 0);
185
- --spectrum-yellow-1200: rgb(235, 183, 0);
186
- --spectrum-yellow-1300: rgb(249, 206, 0);
187
- --spectrum-yellow-1400: rgb(255, 230, 86);
188
- --spectrum-yellow-1500: rgb(255, 246, 195);
189
- --spectrum-yellow-1600: rgb(255, 255, 255);
190
- --spectrum-chartreuse-100: rgb(23, 28, 0);
191
- --spectrum-chartreuse-200: rgb(30, 36, 0);
192
- --spectrum-chartreuse-300: rgb(39, 47, 0);
193
- --spectrum-chartreuse-400: rgb(53, 63, 0);
194
- --spectrum-chartreuse-500: rgb(68, 82, 0);
195
- --spectrum-chartreuse-600: rgb(83, 100, 0);
196
- --spectrum-chartreuse-700: rgb(97, 116, 0);
197
- --spectrum-chartreuse-800: rgb(109, 131, 0);
198
- --spectrum-chartreuse-900: rgb(122, 147, 0);
199
- --spectrum-chartreuse-1000: rgb(136, 164, 0);
200
- --spectrum-chartreuse-1100: rgb(151, 181, 0);
201
- --spectrum-chartreuse-1200: rgb(169, 203, 0);
202
- --spectrum-chartreuse-1300: rgb(187, 225, 0);
203
- --spectrum-chartreuse-1400: rgb(219, 240, 117);
204
- --spectrum-chartreuse-1500: rgb(242, 249, 206);
205
- --spectrum-chartreuse-1600: rgb(255, 255, 255);
206
- --spectrum-celery-100: rgb(11, 31, 0);
207
- --spectrum-celery-200: rgb(15, 38, 0);
208
- --spectrum-celery-300: rgb(21, 51, 1);
209
- --spectrum-celery-400: rgb(31, 67, 4);
210
- --spectrum-celery-500: rgb(41, 86, 8);
211
- --spectrum-celery-600: rgb(50, 105, 11);
212
- --spectrum-celery-700: rgb(60, 122, 15);
213
- --spectrum-celery-800: rgb(69, 138, 19);
214
- --spectrum-celery-900: rgb(78, 154, 23);
215
- --spectrum-celery-1000: rgb(88, 172, 28);
216
- --spectrum-celery-1100: rgb(100, 190, 35);
217
- --spectrum-celery-1200: rgb(116, 213, 46);
218
- --spectrum-celery-1300: rgb(136, 234, 65);
219
- --spectrum-celery-1400: rgb(170, 251, 112);
220
- --spectrum-celery-1500: rgb(222, 255, 198);
221
- --spectrum-celery-1600: rgb(255, 255, 255);
222
- --spectrum-green-100: rgb(0, 30, 23);
223
- --spectrum-green-200: rgb(0, 38, 29);
224
- --spectrum-green-300: rgb(0, 51, 38);
225
- --spectrum-green-400: rgb(0, 68, 48);
226
- --spectrum-green-500: rgb(2, 87, 58);
227
- --spectrum-green-600: rgb(3, 106, 67);
228
- --spectrum-green-700: rgb(4, 124, 75);
229
- --spectrum-green-800: rgb(6, 140, 82);
230
- --spectrum-green-900: rgb(9, 157, 89);
231
- --spectrum-green-1000: rgb(14, 175, 98);
232
- --spectrum-green-1100: rgb(24, 193, 110);
233
- --spectrum-green-1200: rgb(57, 215, 134);
234
- --spectrum-green-1300: rgb(126, 231, 172);
235
- --spectrum-green-1400: rgb(189, 241, 208);
236
- --spectrum-green-1500: rgb(229, 250, 236);
237
- --spectrum-green-1600: rgb(255, 255, 255);
238
- --spectrum-seafoam-100: rgb(0, 30, 27);
239
- --spectrum-seafoam-200: rgb(0, 39, 35);
240
- --spectrum-seafoam-300: rgb(0, 50, 44);
241
- --spectrum-seafoam-400: rgb(0, 67, 59);
242
- --spectrum-seafoam-500: rgb(2, 86, 75);
243
- --spectrum-seafoam-600: rgb(4, 105, 89);
244
- --spectrum-seafoam-700: rgb(6, 122, 103);
245
- --spectrum-seafoam-800: rgb(8, 138, 116);
246
- --spectrum-seafoam-900: rgb(10, 154, 128);
247
- --spectrum-seafoam-1000: rgb(12, 173, 142);
248
- --spectrum-seafoam-1100: rgb(14, 190, 156);
249
- --spectrum-seafoam-1200: rgb(29, 214, 176);
250
- --spectrum-seafoam-1300: rgb(122, 229, 203);
251
- --spectrum-seafoam-1400: rgb(186, 241, 222);
252
- --spectrum-seafoam-1500: rgb(229, 249, 243);
253
- --spectrum-seafoam-1600: rgb(255, 255, 255);
254
- --spectrum-cyan-100: rgb(0, 29, 39);
255
- --spectrum-cyan-200: rgb(0, 36, 49);
256
- --spectrum-cyan-300: rgb(0, 48, 65);
257
- --spectrum-cyan-400: rgb(0, 64, 88);
258
- --spectrum-cyan-500: rgb(0, 82, 113);
259
- --spectrum-cyan-600: rgb(3, 99, 140);
260
- --spectrum-cyan-700: rgb(8, 115, 168);
261
- --spectrum-cyan-800: rgb(15, 128, 194);
262
- --spectrum-cyan-900: rgb(24, 142, 220);
263
- --spectrum-cyan-1000: rgb(38, 159, 244);
264
- --spectrum-cyan-1100: rgb(63, 177, 255);
265
- --spectrum-cyan-1200: rgb(107, 199, 255);
266
- --spectrum-cyan-1300: rgb(152, 219, 255);
267
- --spectrum-cyan-1400: rgb(195, 236, 252);
268
- --spectrum-cyan-1500: rgb(230, 248, 253);
269
- --spectrum-cyan-1600: rgb(255, 255, 255);
270
- --spectrum-indigo-100: rgb(30, 0, 93);
271
- --spectrum-indigo-200: rgb(35, 0, 110);
272
- --spectrum-indigo-300: rgb(47, 0, 140);
273
- --spectrum-indigo-400: rgb(62, 12, 174);
274
- --spectrum-indigo-500: rgb(79, 30, 209);
275
- --spectrum-indigo-600: rgb(95, 52, 235);
276
- --spectrum-indigo-700: rgb(109, 75, 248);
277
- --spectrum-indigo-800: rgb(119, 97, 252);
278
- --spectrum-indigo-900: rgb(128, 119, 254);
279
- --spectrum-indigo-1000: rgb(139, 141, 254);
280
- --spectrum-indigo-1100: rgb(153, 161, 255);
281
- --spectrum-indigo-1200: rgb(176, 186, 255);
282
- --spectrum-indigo-1300: rgb(199, 208, 255);
283
- --spectrum-indigo-1400: rgb(223, 228, 255);
284
- --spectrum-indigo-1500: rgb(243, 244, 255);
285
- --spectrum-indigo-1600: rgb(255, 255, 255);
286
- --spectrum-purple-100: rgb(41, 0, 79);
287
- --spectrum-purple-200: rgb(50, 0, 96);
288
- --spectrum-purple-300: rgb(64, 0, 122);
289
- --spectrum-purple-400: rgb(83, 0, 159);
290
- --spectrum-purple-500: rgb(107, 6, 195);
291
- --spectrum-purple-600: rgb(130, 34, 215);
292
- --spectrum-purple-700: rgb(148, 62, 224);
293
- --spectrum-purple-800: rgb(161, 84, 229);
294
- --spectrum-purple-900: rgb(173, 105, 233);
295
- --spectrum-purple-1000: rgb(186, 127, 237);
296
- --spectrum-purple-1100: rgb(197, 149, 240);
297
- --spectrum-purple-1200: rgb(212, 176, 244);
298
- --spectrum-purple-1300: rgb(225, 201, 247);
299
- --spectrum-purple-1400: rgb(238, 224, 250);
300
- --spectrum-purple-1500: rgb(248, 243, 253);
301
- --spectrum-purple-1600: rgb(255, 255, 255);
302
- --spectrum-fuchsia-100: rgb(50, 0, 61);
303
- --spectrum-fuchsia-200: rgb(61, 0, 74);
304
- --spectrum-fuchsia-300: rgb(79, 0, 95);
305
- --spectrum-fuchsia-400: rgb(102, 9, 120);
306
- --spectrum-fuchsia-500: rgb(127, 23, 146);
307
- --spectrum-fuchsia-600: rgb(151, 38, 170);
308
- --spectrum-fuchsia-700: rgb(173, 51, 192);
309
- --spectrum-fuchsia-800: rgb(192, 64, 212);
310
- --spectrum-fuchsia-900: rgb(213, 73, 235);
311
- --spectrum-fuchsia-1000: rgb(232, 91, 253);
312
- --spectrum-fuchsia-1100: rgb(240, 122, 255);
313
- --spectrum-fuchsia-1200: rgb(245, 159, 255);
314
- --spectrum-fuchsia-1300: rgb(248, 191, 255);
315
- --spectrum-fuchsia-1400: rgb(251, 219, 255);
316
- --spectrum-fuchsia-1500: rgb(253, 241, 255);
317
- --spectrum-fuchsia-1600: rgb(255, 255, 255);
318
- --spectrum-magenta-100: rgb(59, 0, 22);
319
- --spectrum-magenta-200: rgb(74, 0, 27);
320
- --spectrum-magenta-300: rgb(93, 0, 34);
321
- --spectrum-magenta-400: rgb(123, 0, 45);
322
- --spectrum-magenta-500: rgb(152, 7, 60);
323
- --spectrum-magenta-600: rgb(181, 19, 76);
324
- --spectrum-magenta-700: rgb(207, 31, 92);
325
- --spectrum-magenta-800: rgb(231, 41, 105);
326
- --spectrum-magenta-900: rgb(255, 51, 119);
327
- --spectrum-magenta-1000: rgb(255, 96, 149);
328
- --spectrum-magenta-1100: rgb(255, 128, 171);
329
- --spectrum-magenta-1200: rgb(255, 163, 194);
330
- --spectrum-magenta-1300: rgb(255, 193, 214);
331
- --spectrum-magenta-1400: rgb(255, 220, 232);
332
- --spectrum-magenta-1500: rgb(255, 241, 246);
333
- --spectrum-magenta-1600: rgb(255, 255, 255);
334
- --spectrum-pink-100: rgb(58, 0, 37);
335
- --spectrum-pink-200: rgb(71, 0, 44);
336
- --spectrum-pink-300: rgb(90, 0, 57);
337
- --spectrum-pink-400: rgb(115, 7, 75);
338
- --spectrum-pink-500: rgb(143, 18, 97);
339
- --spectrum-pink-600: rgb(171, 29, 119);
340
- --spectrum-pink-700: rgb(196, 39, 138);
341
- --spectrum-pink-800: rgb(220, 47, 156);
342
- --spectrum-pink-900: rgb(236, 67, 175);
343
- --spectrum-pink-1000: rgb(251, 90, 196);
344
- --spectrum-pink-1100: rgb(255, 122, 210);
345
- --spectrum-pink-1200: rgb(255, 159, 223);
346
- --spectrum-pink-1300: rgb(255, 191, 234);
347
- --spectrum-pink-1400: rgb(255, 219, 243);
348
- --spectrum-pink-1500: rgb(255, 241, 250);
349
- --spectrum-pink-1600: rgb(255, 255, 255);
350
- --spectrum-turquoise-100: rgb(0, 30, 33);
351
- --spectrum-turquoise-200: rgb(0, 37, 41);
352
- --spectrum-turquoise-300: rgb(0, 49, 54);
353
- --spectrum-turquoise-400: rgb(0, 66, 72);
354
- --spectrum-turquoise-500: rgb(3, 84, 92);
355
- --spectrum-turquoise-600: rgb(5, 103, 112);
356
- --spectrum-turquoise-700: rgb(7, 120, 131);
357
- --spectrum-turquoise-800: rgb(9, 135, 147);
358
- --spectrum-turquoise-900: rgb(11, 151, 164);
359
- --spectrum-turquoise-1000: rgb(13, 168, 182);
360
- --spectrum-turquoise-1100: rgb(16, 186, 202);
361
- --spectrum-turquoise-1200: rgb(64, 208, 220);
362
- --spectrum-turquoise-1300: rgb(128, 225, 231);
363
- --spectrum-turquoise-1400: rgb(183, 240, 240);
364
- --spectrum-turquoise-1500: rgb(228, 249, 249);
365
- --spectrum-turquoise-1600: rgb(255, 255, 255);
366
- --spectrum-brown-100: rgb(35, 24, 8);
367
- --spectrum-brown-200: rgb(44, 31, 11);
368
- --spectrum-brown-300: rgb(58, 40, 14);
369
- --spectrum-brown-400: rgb(78, 55, 19);
370
- --spectrum-brown-500: rgb(98, 71, 30);
371
- --spectrum-brown-600: rgb(115, 88, 47);
372
- --spectrum-brown-700: rgb(132, 104, 61);
373
- --spectrum-brown-800: rgb(148, 118, 73);
374
- --spectrum-brown-900: rgb(163, 132, 84);
375
- --spectrum-brown-1000: rgb(181, 147, 98);
376
- --spectrum-brown-1100: rgb(199, 163, 112);
377
- --spectrum-brown-1200: rgb(222, 185, 130);
378
- --spectrum-brown-1300: rgb(232, 207, 169);
379
- --spectrum-brown-1400: rgb(242, 227, 206);
380
- --spectrum-brown-1500: rgb(250, 244, 236);
381
- --spectrum-brown-1600: rgb(255, 255, 255);
382
- --spectrum-silver-100: rgb(26, 26, 26);
383
- --spectrum-silver-200: rgb(33, 33, 33);
384
- --spectrum-silver-300: rgb(44, 44, 44);
385
- --spectrum-silver-400: rgb(59, 59, 59);
386
- --spectrum-silver-500: rgb(76, 76, 76);
387
- --spectrum-silver-600: rgb(92, 92, 92);
388
- --spectrum-silver-700: rgb(108, 108, 108);
389
- --spectrum-silver-800: rgb(123, 123, 123);
390
- --spectrum-silver-900: rgb(137, 137, 137);
391
- --spectrum-silver-1000: rgb(152, 152, 152);
392
- --spectrum-silver-1100: rgb(169, 169, 169);
393
- --spectrum-silver-1200: rgb(190, 190, 190);
394
- --spectrum-silver-1300: rgb(211, 211, 211);
395
- --spectrum-silver-1400: rgb(229, 229, 229);
396
- --spectrum-silver-1500: rgb(244, 244, 244);
397
- --spectrum-silver-1600: rgb(255, 255, 255);
398
- --spectrum-cinnamon-100: rgb(48, 17, 4);
399
- --spectrum-cinnamon-200: rgb(59, 21, 5);
400
- --spectrum-cinnamon-300: rgb(79, 28, 7);
401
- --spectrum-cinnamon-400: rgb(100, 41, 15);
402
- --spectrum-cinnamon-500: rgb(122, 57, 28);
403
- --spectrum-cinnamon-600: rgb(143, 74, 40);
404
- --spectrum-cinnamon-700: rgb(163, 88, 52);
405
- --spectrum-cinnamon-800: rgb(179, 103, 64);
406
- --spectrum-cinnamon-900: rgb(192, 119, 80);
407
- --spectrum-cinnamon-1000: rgb(206, 136, 99);
408
- --spectrum-cinnamon-1100: rgb(220, 154, 118);
409
- --spectrum-cinnamon-1200: rgb(232, 179, 149);
410
- --spectrum-cinnamon-1300: rgb(239, 203, 183);
411
- --spectrum-cinnamon-1400: rgb(246, 225, 214);
412
- --spectrum-cinnamon-1500: rgb(252, 244, 239);
413
- --spectrum-cinnamon-1600: rgb(255, 255, 255);
175
+ --spectrum-white-rgb: 255, 255, 255;
176
+ --spectrum-white: rgba(var(--spectrum-white-rgb));
177
+ --spectrum-transparent-white-25-rgb: 255, 255, 255;
178
+ --spectrum-transparent-white-25-opacity: 0;
179
+ --spectrum-transparent-white-25: rgba(
180
+ var(--spectrum-transparent-white-25-rgb),
181
+ var(--spectrum-transparent-white-25-opacity)
182
+ );
183
+ --spectrum-transparent-white-50-rgb: 255, 255, 255;
184
+ --spectrum-transparent-white-50-opacity: 0.04;
185
+ --spectrum-transparent-white-50: rgba(
186
+ var(--spectrum-transparent-white-50-rgb),
187
+ var(--spectrum-transparent-white-50-opacity)
188
+ );
189
+ --spectrum-transparent-white-75-rgb: 255, 255, 255;
190
+ --spectrum-transparent-white-75-opacity: 0.07;
191
+ --spectrum-transparent-white-75: rgba(
192
+ var(--spectrum-transparent-white-75-rgb),
193
+ var(--spectrum-transparent-white-75-opacity)
194
+ );
195
+ --spectrum-transparent-white-100-rgb: 255, 255, 255;
196
+ --spectrum-transparent-white-100-opacity: 0.11;
197
+ --spectrum-transparent-white-100: rgba(
198
+ var(--spectrum-transparent-white-100-rgb),
199
+ var(--spectrum-transparent-white-100-opacity)
200
+ );
201
+ --spectrum-transparent-white-200-rgb: 255, 255, 255;
202
+ --spectrum-transparent-white-200-opacity: 0.14;
203
+ --spectrum-transparent-white-200: rgba(
204
+ var(--spectrum-transparent-white-200-rgb),
205
+ var(--spectrum-transparent-white-200-opacity)
206
+ );
207
+ --spectrum-transparent-white-300-rgb: 255, 255, 255;
208
+ --spectrum-transparent-white-300-opacity: 0.17;
209
+ --spectrum-transparent-white-300: rgba(
210
+ var(--spectrum-transparent-white-300-rgb),
211
+ var(--spectrum-transparent-white-300-opacity)
212
+ );
213
+ --spectrum-transparent-white-400-rgb: 255, 255, 255;
214
+ --spectrum-transparent-white-400-opacity: 0.21;
215
+ --spectrum-transparent-white-400: rgba(
216
+ var(--spectrum-transparent-white-400-rgb),
217
+ var(--spectrum-transparent-white-400-opacity)
218
+ );
219
+ --spectrum-transparent-white-500-rgb: 255, 255, 255;
220
+ --spectrum-transparent-white-500-opacity: 0.39;
221
+ --spectrum-transparent-white-500: rgba(
222
+ var(--spectrum-transparent-white-500-rgb),
223
+ var(--spectrum-transparent-white-500-opacity)
224
+ );
225
+ --spectrum-transparent-white-600-rgb: 255, 255, 255;
226
+ --spectrum-transparent-white-600-opacity: 0.51;
227
+ --spectrum-transparent-white-600: rgba(
228
+ var(--spectrum-transparent-white-600-rgb),
229
+ var(--spectrum-transparent-white-600-opacity)
230
+ );
231
+ --spectrum-transparent-white-700-rgb: 255, 255, 255;
232
+ --spectrum-transparent-white-700-opacity: 0.66;
233
+ --spectrum-transparent-white-700: rgba(
234
+ var(--spectrum-transparent-white-700-rgb),
235
+ var(--spectrum-transparent-white-700-opacity)
236
+ );
237
+ --spectrum-transparent-white-800-rgb: 255, 255, 255;
238
+ --spectrum-transparent-white-800-opacity: 0.85;
239
+ --spectrum-transparent-white-800: rgba(
240
+ var(--spectrum-transparent-white-800-rgb),
241
+ var(--spectrum-transparent-white-800-opacity)
242
+ );
243
+ --spectrum-transparent-white-900-rgb: 255, 255, 255;
244
+ --spectrum-transparent-white-900-opacity: 0.94;
245
+ --spectrum-transparent-white-900: rgba(
246
+ var(--spectrum-transparent-white-900-rgb),
247
+ var(--spectrum-transparent-white-900-opacity)
248
+ );
249
+ --spectrum-transparent-white-1000-rgb: 255, 255, 255;
250
+ --spectrum-transparent-white-1000: rgba(
251
+ var(--spectrum-transparent-white-1000-rgb)
252
+ );
253
+ --spectrum-transparent-black-25-rgb: 0, 0, 0;
254
+ --spectrum-transparent-black-25-opacity: 0;
255
+ --spectrum-transparent-black-25: rgba(
256
+ var(--spectrum-transparent-black-25-rgb),
257
+ var(--spectrum-transparent-black-25-opacity)
258
+ );
259
+ --spectrum-transparent-black-50-rgb: 0, 0, 0;
260
+ --spectrum-transparent-black-50-opacity: 0.03;
261
+ --spectrum-transparent-black-50: rgba(
262
+ var(--spectrum-transparent-black-50-rgb),
263
+ var(--spectrum-transparent-black-50-opacity)
264
+ );
265
+ --spectrum-transparent-black-75-rgb: 0, 0, 0;
266
+ --spectrum-transparent-black-75-opacity: 0.05;
267
+ --spectrum-transparent-black-75: rgba(
268
+ var(--spectrum-transparent-black-75-rgb),
269
+ var(--spectrum-transparent-black-75-opacity)
270
+ );
271
+ --spectrum-transparent-black-100-rgb: 0, 0, 0;
272
+ --spectrum-transparent-black-100-opacity: 0.09;
273
+ --spectrum-transparent-black-100: rgba(
274
+ var(--spectrum-transparent-black-100-rgb),
275
+ var(--spectrum-transparent-black-100-opacity)
276
+ );
277
+ --spectrum-transparent-black-200-rgb: 0, 0, 0;
278
+ --spectrum-transparent-black-200-opacity: 0.12;
279
+ --spectrum-transparent-black-200: rgba(
280
+ var(--spectrum-transparent-black-200-rgb),
281
+ var(--spectrum-transparent-black-200-opacity)
282
+ );
283
+ --spectrum-transparent-black-300-rgb: 0, 0, 0;
284
+ --spectrum-transparent-black-300-opacity: 0.15;
285
+ --spectrum-transparent-black-300: rgba(
286
+ var(--spectrum-transparent-black-300-rgb),
287
+ var(--spectrum-transparent-black-300-opacity)
288
+ );
289
+ --spectrum-transparent-black-400-rgb: 0, 0, 0;
290
+ --spectrum-transparent-black-400-opacity: 0.22;
291
+ --spectrum-transparent-black-400: rgba(
292
+ var(--spectrum-transparent-black-400-rgb),
293
+ var(--spectrum-transparent-black-400-opacity)
294
+ );
295
+ --spectrum-transparent-black-500-rgb: 0, 0, 0;
296
+ --spectrum-transparent-black-500-opacity: 0.44;
297
+ --spectrum-transparent-black-500: rgba(
298
+ var(--spectrum-transparent-black-500-rgb),
299
+ var(--spectrum-transparent-black-500-opacity)
300
+ );
301
+ --spectrum-transparent-black-600-rgb: 0, 0, 0;
302
+ --spectrum-transparent-black-600-opacity: 0.56;
303
+ --spectrum-transparent-black-600: rgba(
304
+ var(--spectrum-transparent-black-600-rgb),
305
+ var(--spectrum-transparent-black-600-opacity)
306
+ );
307
+ --spectrum-transparent-black-700-rgb: 0, 0, 0;
308
+ --spectrum-transparent-black-700-opacity: 0.69;
309
+ --spectrum-transparent-black-700: rgba(
310
+ var(--spectrum-transparent-black-700-rgb),
311
+ var(--spectrum-transparent-black-700-opacity)
312
+ );
313
+ --spectrum-transparent-black-800-rgb: 0, 0, 0;
314
+ --spectrum-transparent-black-800-opacity: 0.84;
315
+ --spectrum-transparent-black-800: rgba(
316
+ var(--spectrum-transparent-black-800-rgb),
317
+ var(--spectrum-transparent-black-800-opacity)
318
+ );
319
+ --spectrum-transparent-black-900-rgb: 0, 0, 0;
320
+ --spectrum-transparent-black-900-opacity: 0.93;
321
+ --spectrum-transparent-black-900: rgba(
322
+ var(--spectrum-transparent-black-900-rgb),
323
+ var(--spectrum-transparent-black-900-opacity)
324
+ );
325
+ --spectrum-gray-25-rgb: 17, 17, 17;
326
+ --spectrum-gray-25: rgba(var(--spectrum-gray-25-rgb));
327
+ --spectrum-gray-50-rgb: 27, 27, 27;
328
+ --spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
329
+ --spectrum-gray-75-rgb: 34, 34, 34;
330
+ --spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
331
+ --spectrum-gray-100-rgb: 44, 44, 44;
332
+ --spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
333
+ --spectrum-gray-200-rgb: 50, 50, 50;
334
+ --spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
335
+ --spectrum-gray-300-rgb: 57, 57, 57;
336
+ --spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
337
+ --spectrum-gray-400-rgb: 68, 68, 68;
338
+ --spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
339
+ --spectrum-gray-500-rgb: 109, 109, 109;
340
+ --spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
341
+ --spectrum-gray-600-rgb: 138, 138, 138;
342
+ --spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
343
+ --spectrum-gray-700-rgb: 175, 175, 175;
344
+ --spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
345
+ --spectrum-gray-800-rgb: 219, 219, 219;
346
+ --spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
347
+ --spectrum-gray-900-rgb: 242, 242, 242;
348
+ --spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
349
+ --spectrum-gray-1000-rgb: 255, 255, 255;
350
+ --spectrum-gray-1000: rgba(var(--spectrum-gray-1000-rgb));
351
+ --spectrum-blue-100-rgb: 14, 23, 63;
352
+ --spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
353
+ --spectrum-blue-200-rgb: 15, 28, 82;
354
+ --spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
355
+ --spectrum-blue-300-rgb: 12, 33, 117;
356
+ --spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
357
+ --spectrum-blue-400-rgb: 18, 45, 154;
358
+ --spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
359
+ --spectrum-blue-500-rgb: 26, 58, 195;
360
+ --spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
361
+ --spectrum-blue-600-rgb: 37, 73, 229;
362
+ --spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
363
+ --spectrum-blue-700-rgb: 52, 91, 248;
364
+ --spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
365
+ --spectrum-blue-800-rgb: 69, 110, 254;
366
+ --spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
367
+ --spectrum-blue-900-rgb: 86, 129, 255;
368
+ --spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
369
+ --spectrum-blue-1000-rgb: 105, 149, 254;
370
+ --spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
371
+ --spectrum-blue-1100-rgb: 124, 169, 252;
372
+ --spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
373
+ --spectrum-blue-1200-rgb: 152, 192, 252;
374
+ --spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
375
+ --spectrum-blue-1300-rgb: 181, 213, 253;
376
+ --spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
377
+ --spectrum-blue-1400-rgb: 213, 231, 254;
378
+ --spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
379
+ --spectrum-blue-1500-rgb: 238, 245, 255;
380
+ --spectrum-blue-1500: rgba(var(--spectrum-blue-1500-rgb));
381
+ --spectrum-blue-1600-rgb: 255, 255, 255;
382
+ --spectrum-blue-1600: rgba(var(--spectrum-blue-1600-rgb));
383
+ --spectrum-red-100-rgb: 54, 10, 3;
384
+ --spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
385
+ --spectrum-red-200-rgb: 68, 13, 5;
386
+ --spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
387
+ --spectrum-red-300-rgb: 87, 17, 7;
388
+ --spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
389
+ --spectrum-red-400-rgb: 115, 24, 11;
390
+ --spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
391
+ --spectrum-red-500-rgb: 147, 31, 17;
392
+ --spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
393
+ --spectrum-red-600-rgb: 177, 38, 23;
394
+ --spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
395
+ --spectrum-red-700-rgb: 205, 46, 29;
396
+ --spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
397
+ --spectrum-red-800-rgb: 230, 54, 35;
398
+ --spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
399
+ --spectrum-red-900-rgb: 252, 67, 46;
400
+ --spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
401
+ --spectrum-red-1000-rgb: 255, 103, 86;
402
+ --spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
403
+ --spectrum-red-1100-rgb: 255, 134, 120;
404
+ --spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
405
+ --spectrum-red-1200-rgb: 255, 167, 157;
406
+ --spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
407
+ --spectrum-red-1300-rgb: 255, 196, 189;
408
+ --spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
409
+ --spectrum-red-1400-rgb: 255, 222, 219;
410
+ --spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
411
+ --spectrum-red-1500-rgb: 255, 242, 240;
412
+ --spectrum-red-1500: rgba(var(--spectrum-red-1500-rgb));
413
+ --spectrum-red-1600-rgb: 255, 255, 255;
414
+ --spectrum-red-1600: rgba(var(--spectrum-red-1600-rgb));
415
+ --spectrum-orange-100-rgb: 49, 16, 0;
416
+ --spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
417
+ --spectrum-orange-200-rgb: 61, 21, 0;
418
+ --spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
419
+ --spectrum-orange-300-rgb: 80, 27, 0;
420
+ --spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
421
+ --spectrum-orange-400-rgb: 106, 36, 0;
422
+ --spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
423
+ --spectrum-orange-500-rgb: 135, 47, 0;
424
+ --spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
425
+ --spectrum-orange-600-rgb: 162, 59, 0;
426
+ --spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
427
+ --spectrum-orange-700-rgb: 185, 73, 0;
428
+ --spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
429
+ --spectrum-orange-800-rgb: 205, 86, 0;
430
+ --spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
431
+ --spectrum-orange-900-rgb: 224, 100, 0;
432
+ --spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
433
+ --spectrum-orange-1000-rgb: 243, 117, 0;
434
+ --spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
435
+ --spectrum-orange-1100-rgb: 255, 137, 0;
436
+ --spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
437
+ --spectrum-orange-1200-rgb: 255, 173, 45;
438
+ --spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
439
+ --spectrum-orange-1300-rgb: 255, 201, 116;
440
+ --spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
441
+ --spectrum-orange-1400-rgb: 255, 225, 178;
442
+ --spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
443
+ --spectrum-orange-1500-rgb: 255, 243, 225;
444
+ --spectrum-orange-1500: rgba(var(--spectrum-orange-1500-rgb));
445
+ --spectrum-orange-1600-rgb: 255, 255, 255;
446
+ --spectrum-orange-1600: rgba(var(--spectrum-orange-1600-rgb));
447
+ --spectrum-yellow-100-rgb: 37, 23, 0;
448
+ --spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
449
+ --spectrum-yellow-200-rgb: 47, 29, 0;
450
+ --spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
451
+ --spectrum-yellow-300-rgb: 61, 39, 0;
452
+ --spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
453
+ --spectrum-yellow-400-rgb: 83, 52, 0;
454
+ --spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
455
+ --spectrum-yellow-500-rgb: 107, 67, 0;
456
+ --spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
457
+ --spectrum-yellow-600-rgb: 130, 82, 0;
458
+ --spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
459
+ --spectrum-yellow-700-rgb: 151, 97, 0;
460
+ --spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
461
+ --spectrum-yellow-800-rgb: 169, 110, 0;
462
+ --spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
463
+ --spectrum-yellow-900-rgb: 186, 124, 0;
464
+ --spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
465
+ --spectrum-yellow-1000-rgb: 203, 141, 0;
466
+ --spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
467
+ --spectrum-yellow-1100-rgb: 218, 159, 0;
468
+ --spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
469
+ --spectrum-yellow-1200-rgb: 235, 183, 0;
470
+ --spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
471
+ --spectrum-yellow-1300-rgb: 249, 206, 0;
472
+ --spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
473
+ --spectrum-yellow-1400-rgb: 255, 230, 86;
474
+ --spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
475
+ --spectrum-yellow-1500-rgb: 255, 246, 195;
476
+ --spectrum-yellow-1500: rgba(var(--spectrum-yellow-1500-rgb));
477
+ --spectrum-yellow-1600-rgb: 255, 255, 255;
478
+ --spectrum-yellow-1600: rgba(var(--spectrum-yellow-1600-rgb));
479
+ --spectrum-chartreuse-100-rgb: 23, 28, 0;
480
+ --spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
481
+ --spectrum-chartreuse-200-rgb: 30, 36, 0;
482
+ --spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
483
+ --spectrum-chartreuse-300-rgb: 39, 47, 0;
484
+ --spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
485
+ --spectrum-chartreuse-400-rgb: 53, 63, 0;
486
+ --spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
487
+ --spectrum-chartreuse-500-rgb: 68, 82, 0;
488
+ --spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
489
+ --spectrum-chartreuse-600-rgb: 83, 100, 0;
490
+ --spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
491
+ --spectrum-chartreuse-700-rgb: 97, 116, 0;
492
+ --spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
493
+ --spectrum-chartreuse-800-rgb: 109, 131, 0;
494
+ --spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
495
+ --spectrum-chartreuse-900-rgb: 122, 147, 0;
496
+ --spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
497
+ --spectrum-chartreuse-1000-rgb: 136, 164, 0;
498
+ --spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
499
+ --spectrum-chartreuse-1100-rgb: 151, 181, 0;
500
+ --spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
501
+ --spectrum-chartreuse-1200-rgb: 169, 203, 0;
502
+ --spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
503
+ --spectrum-chartreuse-1300-rgb: 187, 225, 0;
504
+ --spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
505
+ --spectrum-chartreuse-1400-rgb: 219, 240, 117;
506
+ --spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
507
+ --spectrum-chartreuse-1500-rgb: 242, 249, 206;
508
+ --spectrum-chartreuse-1500: rgba(var(--spectrum-chartreuse-1500-rgb));
509
+ --spectrum-chartreuse-1600-rgb: 255, 255, 255;
510
+ --spectrum-chartreuse-1600: rgba(var(--spectrum-chartreuse-1600-rgb));
511
+ --spectrum-celery-100-rgb: 11, 31, 0;
512
+ --spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
513
+ --spectrum-celery-200-rgb: 15, 38, 0;
514
+ --spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
515
+ --spectrum-celery-300-rgb: 21, 51, 1;
516
+ --spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
517
+ --spectrum-celery-400-rgb: 31, 67, 4;
518
+ --spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
519
+ --spectrum-celery-500-rgb: 41, 86, 8;
520
+ --spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
521
+ --spectrum-celery-600-rgb: 50, 105, 11;
522
+ --spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
523
+ --spectrum-celery-700-rgb: 60, 122, 15;
524
+ --spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
525
+ --spectrum-celery-800-rgb: 69, 138, 19;
526
+ --spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
527
+ --spectrum-celery-900-rgb: 78, 154, 23;
528
+ --spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
529
+ --spectrum-celery-1000-rgb: 88, 172, 28;
530
+ --spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
531
+ --spectrum-celery-1100-rgb: 100, 190, 35;
532
+ --spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
533
+ --spectrum-celery-1200-rgb: 116, 213, 46;
534
+ --spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
535
+ --spectrum-celery-1300-rgb: 136, 234, 65;
536
+ --spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
537
+ --spectrum-celery-1400-rgb: 170, 251, 112;
538
+ --spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
539
+ --spectrum-celery-1500-rgb: 222, 255, 198;
540
+ --spectrum-celery-1500: rgba(var(--spectrum-celery-1500-rgb));
541
+ --spectrum-celery-1600-rgb: 255, 255, 255;
542
+ --spectrum-celery-1600: rgba(var(--spectrum-celery-1600-rgb));
543
+ --spectrum-green-100-rgb: 0, 30, 23;
544
+ --spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
545
+ --spectrum-green-200-rgb: 0, 38, 29;
546
+ --spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
547
+ --spectrum-green-300-rgb: 0, 51, 38;
548
+ --spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
549
+ --spectrum-green-400-rgb: 0, 68, 48;
550
+ --spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
551
+ --spectrum-green-500-rgb: 2, 87, 58;
552
+ --spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
553
+ --spectrum-green-600-rgb: 3, 106, 67;
554
+ --spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
555
+ --spectrum-green-700-rgb: 4, 124, 75;
556
+ --spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
557
+ --spectrum-green-800-rgb: 6, 140, 82;
558
+ --spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
559
+ --spectrum-green-900-rgb: 9, 157, 89;
560
+ --spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
561
+ --spectrum-green-1000-rgb: 14, 175, 98;
562
+ --spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
563
+ --spectrum-green-1100-rgb: 24, 193, 110;
564
+ --spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
565
+ --spectrum-green-1200-rgb: 57, 215, 134;
566
+ --spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
567
+ --spectrum-green-1300-rgb: 126, 231, 172;
568
+ --spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
569
+ --spectrum-green-1400-rgb: 189, 241, 208;
570
+ --spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
571
+ --spectrum-green-1500-rgb: 229, 250, 236;
572
+ --spectrum-green-1500: rgba(var(--spectrum-green-1500-rgb));
573
+ --spectrum-green-1600-rgb: 255, 255, 255;
574
+ --spectrum-green-1600: rgba(var(--spectrum-green-1600-rgb));
575
+ --spectrum-seafoam-100-rgb: 0, 30, 27;
576
+ --spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
577
+ --spectrum-seafoam-200-rgb: 0, 39, 35;
578
+ --spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
579
+ --spectrum-seafoam-300-rgb: 0, 50, 44;
580
+ --spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
581
+ --spectrum-seafoam-400-rgb: 0, 67, 59;
582
+ --spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
583
+ --spectrum-seafoam-500-rgb: 2, 86, 75;
584
+ --spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
585
+ --spectrum-seafoam-600-rgb: 4, 105, 89;
586
+ --spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
587
+ --spectrum-seafoam-700-rgb: 6, 122, 103;
588
+ --spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
589
+ --spectrum-seafoam-800-rgb: 8, 138, 116;
590
+ --spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
591
+ --spectrum-seafoam-900-rgb: 10, 154, 128;
592
+ --spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
593
+ --spectrum-seafoam-1000-rgb: 12, 173, 142;
594
+ --spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
595
+ --spectrum-seafoam-1100-rgb: 14, 190, 156;
596
+ --spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
597
+ --spectrum-seafoam-1200-rgb: 29, 214, 176;
598
+ --spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
599
+ --spectrum-seafoam-1300-rgb: 122, 229, 203;
600
+ --spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
601
+ --spectrum-seafoam-1400-rgb: 186, 241, 222;
602
+ --spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
603
+ --spectrum-seafoam-1500-rgb: 229, 249, 243;
604
+ --spectrum-seafoam-1500: rgba(var(--spectrum-seafoam-1500-rgb));
605
+ --spectrum-seafoam-1600-rgb: 255, 255, 255;
606
+ --spectrum-seafoam-1600: rgba(var(--spectrum-seafoam-1600-rgb));
607
+ --spectrum-cyan-100-rgb: 0, 29, 39;
608
+ --spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
609
+ --spectrum-cyan-200-rgb: 0, 36, 49;
610
+ --spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
611
+ --spectrum-cyan-300-rgb: 0, 48, 65;
612
+ --spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
613
+ --spectrum-cyan-400-rgb: 0, 64, 88;
614
+ --spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
615
+ --spectrum-cyan-500-rgb: 0, 82, 113;
616
+ --spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
617
+ --spectrum-cyan-600-rgb: 3, 99, 140;
618
+ --spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
619
+ --spectrum-cyan-700-rgb: 8, 115, 168;
620
+ --spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
621
+ --spectrum-cyan-800-rgb: 15, 128, 194;
622
+ --spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
623
+ --spectrum-cyan-900-rgb: 24, 142, 220;
624
+ --spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
625
+ --spectrum-cyan-1000-rgb: 38, 159, 244;
626
+ --spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
627
+ --spectrum-cyan-1100-rgb: 63, 177, 255;
628
+ --spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
629
+ --spectrum-cyan-1200-rgb: 107, 199, 255;
630
+ --spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
631
+ --spectrum-cyan-1300-rgb: 152, 219, 255;
632
+ --spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
633
+ --spectrum-cyan-1400-rgb: 195, 236, 252;
634
+ --spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
635
+ --spectrum-cyan-1500-rgb: 230, 248, 253;
636
+ --spectrum-cyan-1500: rgba(var(--spectrum-cyan-1500-rgb));
637
+ --spectrum-cyan-1600-rgb: 255, 255, 255;
638
+ --spectrum-cyan-1600: rgba(var(--spectrum-cyan-1600-rgb));
639
+ --spectrum-indigo-100-rgb: 30, 0, 93;
640
+ --spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
641
+ --spectrum-indigo-200-rgb: 35, 0, 110;
642
+ --spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
643
+ --spectrum-indigo-300-rgb: 47, 0, 140;
644
+ --spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
645
+ --spectrum-indigo-400-rgb: 62, 12, 174;
646
+ --spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
647
+ --spectrum-indigo-500-rgb: 79, 30, 209;
648
+ --spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
649
+ --spectrum-indigo-600-rgb: 95, 52, 235;
650
+ --spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
651
+ --spectrum-indigo-700-rgb: 109, 75, 248;
652
+ --spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
653
+ --spectrum-indigo-800-rgb: 119, 97, 252;
654
+ --spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
655
+ --spectrum-indigo-900-rgb: 128, 119, 254;
656
+ --spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
657
+ --spectrum-indigo-1000-rgb: 139, 141, 254;
658
+ --spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
659
+ --spectrum-indigo-1100-rgb: 153, 161, 255;
660
+ --spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
661
+ --spectrum-indigo-1200-rgb: 176, 186, 255;
662
+ --spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
663
+ --spectrum-indigo-1300-rgb: 199, 208, 255;
664
+ --spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
665
+ --spectrum-indigo-1400-rgb: 223, 228, 255;
666
+ --spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
667
+ --spectrum-indigo-1500-rgb: 243, 244, 255;
668
+ --spectrum-indigo-1500: rgba(var(--spectrum-indigo-1500-rgb));
669
+ --spectrum-indigo-1600-rgb: 255, 255, 255;
670
+ --spectrum-indigo-1600: rgba(var(--spectrum-indigo-1600-rgb));
671
+ --spectrum-purple-100-rgb: 41, 0, 79;
672
+ --spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
673
+ --spectrum-purple-200-rgb: 50, 0, 96;
674
+ --spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
675
+ --spectrum-purple-300-rgb: 64, 0, 122;
676
+ --spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
677
+ --spectrum-purple-400-rgb: 83, 0, 159;
678
+ --spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
679
+ --spectrum-purple-500-rgb: 107, 6, 195;
680
+ --spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
681
+ --spectrum-purple-600-rgb: 130, 34, 215;
682
+ --spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
683
+ --spectrum-purple-700-rgb: 148, 62, 224;
684
+ --spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
685
+ --spectrum-purple-800-rgb: 161, 84, 229;
686
+ --spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
687
+ --spectrum-purple-900-rgb: 173, 105, 233;
688
+ --spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
689
+ --spectrum-purple-1000-rgb: 186, 127, 237;
690
+ --spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
691
+ --spectrum-purple-1100-rgb: 197, 149, 240;
692
+ --spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
693
+ --spectrum-purple-1200-rgb: 212, 176, 244;
694
+ --spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
695
+ --spectrum-purple-1300-rgb: 225, 201, 247;
696
+ --spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
697
+ --spectrum-purple-1400-rgb: 238, 224, 250;
698
+ --spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
699
+ --spectrum-purple-1500-rgb: 248, 243, 253;
700
+ --spectrum-purple-1500: rgba(var(--spectrum-purple-1500-rgb));
701
+ --spectrum-purple-1600-rgb: 255, 255, 255;
702
+ --spectrum-purple-1600: rgba(var(--spectrum-purple-1600-rgb));
703
+ --spectrum-fuchsia-100-rgb: 50, 0, 61;
704
+ --spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
705
+ --spectrum-fuchsia-200-rgb: 61, 0, 74;
706
+ --spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
707
+ --spectrum-fuchsia-300-rgb: 79, 0, 95;
708
+ --spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
709
+ --spectrum-fuchsia-400-rgb: 102, 9, 120;
710
+ --spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
711
+ --spectrum-fuchsia-500-rgb: 127, 23, 146;
712
+ --spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
713
+ --spectrum-fuchsia-600-rgb: 151, 38, 170;
714
+ --spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
715
+ --spectrum-fuchsia-700-rgb: 173, 51, 192;
716
+ --spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
717
+ --spectrum-fuchsia-800-rgb: 192, 64, 212;
718
+ --spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
719
+ --spectrum-fuchsia-900-rgb: 213, 73, 235;
720
+ --spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
721
+ --spectrum-fuchsia-1000-rgb: 232, 91, 253;
722
+ --spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
723
+ --spectrum-fuchsia-1100-rgb: 240, 122, 255;
724
+ --spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
725
+ --spectrum-fuchsia-1200-rgb: 245, 159, 255;
726
+ --spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
727
+ --spectrum-fuchsia-1300-rgb: 248, 191, 255;
728
+ --spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
729
+ --spectrum-fuchsia-1400-rgb: 251, 219, 255;
730
+ --spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
731
+ --spectrum-fuchsia-1500-rgb: 253, 241, 255;
732
+ --spectrum-fuchsia-1500: rgba(var(--spectrum-fuchsia-1500-rgb));
733
+ --spectrum-fuchsia-1600-rgb: 255, 255, 255;
734
+ --spectrum-fuchsia-1600: rgba(var(--spectrum-fuchsia-1600-rgb));
735
+ --spectrum-magenta-100-rgb: 59, 0, 22;
736
+ --spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
737
+ --spectrum-magenta-200-rgb: 74, 0, 27;
738
+ --spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
739
+ --spectrum-magenta-300-rgb: 93, 0, 34;
740
+ --spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
741
+ --spectrum-magenta-400-rgb: 123, 0, 45;
742
+ --spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
743
+ --spectrum-magenta-500-rgb: 152, 7, 60;
744
+ --spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
745
+ --spectrum-magenta-600-rgb: 181, 19, 76;
746
+ --spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
747
+ --spectrum-magenta-700-rgb: 207, 31, 92;
748
+ --spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
749
+ --spectrum-magenta-800-rgb: 231, 41, 105;
750
+ --spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
751
+ --spectrum-magenta-900-rgb: 255, 51, 119;
752
+ --spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
753
+ --spectrum-magenta-1000-rgb: 255, 96, 149;
754
+ --spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
755
+ --spectrum-magenta-1100-rgb: 255, 128, 171;
756
+ --spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
757
+ --spectrum-magenta-1200-rgb: 255, 163, 194;
758
+ --spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
759
+ --spectrum-magenta-1300-rgb: 255, 193, 214;
760
+ --spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
761
+ --spectrum-magenta-1400-rgb: 255, 220, 232;
762
+ --spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
763
+ --spectrum-magenta-1500-rgb: 255, 241, 246;
764
+ --spectrum-magenta-1500: rgba(var(--spectrum-magenta-1500-rgb));
765
+ --spectrum-magenta-1600-rgb: 255, 255, 255;
766
+ --spectrum-magenta-1600: rgba(var(--spectrum-magenta-1600-rgb));
767
+ --spectrum-pink-100-rgb: 58, 0, 37;
768
+ --spectrum-pink-100: rgba(var(--spectrum-pink-100-rgb));
769
+ --spectrum-pink-200-rgb: 71, 0, 44;
770
+ --spectrum-pink-200: rgba(var(--spectrum-pink-200-rgb));
771
+ --spectrum-pink-300-rgb: 90, 0, 57;
772
+ --spectrum-pink-300: rgba(var(--spectrum-pink-300-rgb));
773
+ --spectrum-pink-400-rgb: 115, 7, 75;
774
+ --spectrum-pink-400: rgba(var(--spectrum-pink-400-rgb));
775
+ --spectrum-pink-500-rgb: 143, 18, 97;
776
+ --spectrum-pink-500: rgba(var(--spectrum-pink-500-rgb));
777
+ --spectrum-pink-600-rgb: 171, 29, 119;
778
+ --spectrum-pink-600: rgba(var(--spectrum-pink-600-rgb));
779
+ --spectrum-pink-700-rgb: 196, 39, 138;
780
+ --spectrum-pink-700: rgba(var(--spectrum-pink-700-rgb));
781
+ --spectrum-pink-800-rgb: 220, 47, 156;
782
+ --spectrum-pink-800: rgba(var(--spectrum-pink-800-rgb));
783
+ --spectrum-pink-900-rgb: 236, 67, 175;
784
+ --spectrum-pink-900: rgba(var(--spectrum-pink-900-rgb));
785
+ --spectrum-pink-1000-rgb: 251, 90, 196;
786
+ --spectrum-pink-1000: rgba(var(--spectrum-pink-1000-rgb));
787
+ --spectrum-pink-1100-rgb: 255, 122, 210;
788
+ --spectrum-pink-1100: rgba(var(--spectrum-pink-1100-rgb));
789
+ --spectrum-pink-1200-rgb: 255, 159, 223;
790
+ --spectrum-pink-1200: rgba(var(--spectrum-pink-1200-rgb));
791
+ --spectrum-pink-1300-rgb: 255, 191, 234;
792
+ --spectrum-pink-1300: rgba(var(--spectrum-pink-1300-rgb));
793
+ --spectrum-pink-1400-rgb: 255, 219, 243;
794
+ --spectrum-pink-1400: rgba(var(--spectrum-pink-1400-rgb));
795
+ --spectrum-pink-1500-rgb: 255, 241, 250;
796
+ --spectrum-pink-1500: rgba(var(--spectrum-pink-1500-rgb));
797
+ --spectrum-pink-1600-rgb: 255, 255, 255;
798
+ --spectrum-pink-1600: rgba(var(--spectrum-pink-1600-rgb));
799
+ --spectrum-turquoise-100-rgb: 0, 30, 33;
800
+ --spectrum-turquoise-100: rgba(var(--spectrum-turquoise-100-rgb));
801
+ --spectrum-turquoise-200-rgb: 0, 37, 41;
802
+ --spectrum-turquoise-200: rgba(var(--spectrum-turquoise-200-rgb));
803
+ --spectrum-turquoise-300-rgb: 0, 49, 54;
804
+ --spectrum-turquoise-300: rgba(var(--spectrum-turquoise-300-rgb));
805
+ --spectrum-turquoise-400-rgb: 0, 66, 72;
806
+ --spectrum-turquoise-400: rgba(var(--spectrum-turquoise-400-rgb));
807
+ --spectrum-turquoise-500-rgb: 3, 84, 92;
808
+ --spectrum-turquoise-500: rgba(var(--spectrum-turquoise-500-rgb));
809
+ --spectrum-turquoise-600-rgb: 5, 103, 112;
810
+ --spectrum-turquoise-600: rgba(var(--spectrum-turquoise-600-rgb));
811
+ --spectrum-turquoise-700-rgb: 7, 120, 131;
812
+ --spectrum-turquoise-700: rgba(var(--spectrum-turquoise-700-rgb));
813
+ --spectrum-turquoise-800-rgb: 9, 135, 147;
814
+ --spectrum-turquoise-800: rgba(var(--spectrum-turquoise-800-rgb));
815
+ --spectrum-turquoise-900-rgb: 11, 151, 164;
816
+ --spectrum-turquoise-900: rgba(var(--spectrum-turquoise-900-rgb));
817
+ --spectrum-turquoise-1000-rgb: 13, 168, 182;
818
+ --spectrum-turquoise-1000: rgba(var(--spectrum-turquoise-1000-rgb));
819
+ --spectrum-turquoise-1100-rgb: 16, 186, 202;
820
+ --spectrum-turquoise-1100: rgba(var(--spectrum-turquoise-1100-rgb));
821
+ --spectrum-turquoise-1200-rgb: 64, 208, 220;
822
+ --spectrum-turquoise-1200: rgba(var(--spectrum-turquoise-1200-rgb));
823
+ --spectrum-turquoise-1300-rgb: 128, 225, 231;
824
+ --spectrum-turquoise-1300: rgba(var(--spectrum-turquoise-1300-rgb));
825
+ --spectrum-turquoise-1400-rgb: 183, 240, 240;
826
+ --spectrum-turquoise-1400: rgba(var(--spectrum-turquoise-1400-rgb));
827
+ --spectrum-turquoise-1500-rgb: 228, 249, 249;
828
+ --spectrum-turquoise-1500: rgba(var(--spectrum-turquoise-1500-rgb));
829
+ --spectrum-turquoise-1600-rgb: 255, 255, 255;
830
+ --spectrum-turquoise-1600: rgba(var(--spectrum-turquoise-1600-rgb));
831
+ --spectrum-brown-100-rgb: 35, 24, 8;
832
+ --spectrum-brown-100: rgba(var(--spectrum-brown-100-rgb));
833
+ --spectrum-brown-200-rgb: 44, 31, 11;
834
+ --spectrum-brown-200: rgba(var(--spectrum-brown-200-rgb));
835
+ --spectrum-brown-300-rgb: 58, 40, 14;
836
+ --spectrum-brown-300: rgba(var(--spectrum-brown-300-rgb));
837
+ --spectrum-brown-400-rgb: 78, 55, 19;
838
+ --spectrum-brown-400: rgba(var(--spectrum-brown-400-rgb));
839
+ --spectrum-brown-500-rgb: 98, 71, 30;
840
+ --spectrum-brown-500: rgba(var(--spectrum-brown-500-rgb));
841
+ --spectrum-brown-600-rgb: 115, 88, 47;
842
+ --spectrum-brown-600: rgba(var(--spectrum-brown-600-rgb));
843
+ --spectrum-brown-700-rgb: 132, 104, 61;
844
+ --spectrum-brown-700: rgba(var(--spectrum-brown-700-rgb));
845
+ --spectrum-brown-800-rgb: 148, 118, 73;
846
+ --spectrum-brown-800: rgba(var(--spectrum-brown-800-rgb));
847
+ --spectrum-brown-900-rgb: 163, 132, 84;
848
+ --spectrum-brown-900: rgba(var(--spectrum-brown-900-rgb));
849
+ --spectrum-brown-1000-rgb: 181, 147, 98;
850
+ --spectrum-brown-1000: rgba(var(--spectrum-brown-1000-rgb));
851
+ --spectrum-brown-1100-rgb: 199, 163, 112;
852
+ --spectrum-brown-1100: rgba(var(--spectrum-brown-1100-rgb));
853
+ --spectrum-brown-1200-rgb: 222, 185, 130;
854
+ --spectrum-brown-1200: rgba(var(--spectrum-brown-1200-rgb));
855
+ --spectrum-brown-1300-rgb: 232, 207, 169;
856
+ --spectrum-brown-1300: rgba(var(--spectrum-brown-1300-rgb));
857
+ --spectrum-brown-1400-rgb: 242, 227, 206;
858
+ --spectrum-brown-1400: rgba(var(--spectrum-brown-1400-rgb));
859
+ --spectrum-brown-1500-rgb: 250, 244, 236;
860
+ --spectrum-brown-1500: rgba(var(--spectrum-brown-1500-rgb));
861
+ --spectrum-brown-1600-rgb: 255, 255, 255;
862
+ --spectrum-brown-1600: rgba(var(--spectrum-brown-1600-rgb));
863
+ --spectrum-silver-100-rgb: 26, 26, 26;
864
+ --spectrum-silver-100: rgba(var(--spectrum-silver-100-rgb));
865
+ --spectrum-silver-200-rgb: 33, 33, 33;
866
+ --spectrum-silver-200: rgba(var(--spectrum-silver-200-rgb));
867
+ --spectrum-silver-300-rgb: 44, 44, 44;
868
+ --spectrum-silver-300: rgba(var(--spectrum-silver-300-rgb));
869
+ --spectrum-silver-400-rgb: 59, 59, 59;
870
+ --spectrum-silver-400: rgba(var(--spectrum-silver-400-rgb));
871
+ --spectrum-silver-500-rgb: 76, 76, 76;
872
+ --spectrum-silver-500: rgba(var(--spectrum-silver-500-rgb));
873
+ --spectrum-silver-600-rgb: 92, 92, 92;
874
+ --spectrum-silver-600: rgba(var(--spectrum-silver-600-rgb));
875
+ --spectrum-silver-700-rgb: 108, 108, 108;
876
+ --spectrum-silver-700: rgba(var(--spectrum-silver-700-rgb));
877
+ --spectrum-silver-800-rgb: 123, 123, 123;
878
+ --spectrum-silver-800: rgba(var(--spectrum-silver-800-rgb));
879
+ --spectrum-silver-900-rgb: 137, 137, 137;
880
+ --spectrum-silver-900: rgba(var(--spectrum-silver-900-rgb));
881
+ --spectrum-silver-1000-rgb: 152, 152, 152;
882
+ --spectrum-silver-1000: rgba(var(--spectrum-silver-1000-rgb));
883
+ --spectrum-silver-1100-rgb: 169, 169, 169;
884
+ --spectrum-silver-1100: rgba(var(--spectrum-silver-1100-rgb));
885
+ --spectrum-silver-1200-rgb: 190, 190, 190;
886
+ --spectrum-silver-1200: rgba(var(--spectrum-silver-1200-rgb));
887
+ --spectrum-silver-1300-rgb: 211, 211, 211;
888
+ --spectrum-silver-1300: rgba(var(--spectrum-silver-1300-rgb));
889
+ --spectrum-silver-1400-rgb: 229, 229, 229;
890
+ --spectrum-silver-1400: rgba(var(--spectrum-silver-1400-rgb));
891
+ --spectrum-silver-1500-rgb: 244, 244, 244;
892
+ --spectrum-silver-1500: rgba(var(--spectrum-silver-1500-rgb));
893
+ --spectrum-silver-1600-rgb: 255, 255, 255;
894
+ --spectrum-silver-1600: rgba(var(--spectrum-silver-1600-rgb));
895
+ --spectrum-cinnamon-100-rgb: 48, 17, 4;
896
+ --spectrum-cinnamon-100: rgba(var(--spectrum-cinnamon-100-rgb));
897
+ --spectrum-cinnamon-200-rgb: 59, 21, 5;
898
+ --spectrum-cinnamon-200: rgba(var(--spectrum-cinnamon-200-rgb));
899
+ --spectrum-cinnamon-300-rgb: 79, 28, 7;
900
+ --spectrum-cinnamon-300: rgba(var(--spectrum-cinnamon-300-rgb));
901
+ --spectrum-cinnamon-400-rgb: 100, 41, 15;
902
+ --spectrum-cinnamon-400: rgba(var(--spectrum-cinnamon-400-rgb));
903
+ --spectrum-cinnamon-500-rgb: 122, 57, 28;
904
+ --spectrum-cinnamon-500: rgba(var(--spectrum-cinnamon-500-rgb));
905
+ --spectrum-cinnamon-600-rgb: 143, 74, 40;
906
+ --spectrum-cinnamon-600: rgba(var(--spectrum-cinnamon-600-rgb));
907
+ --spectrum-cinnamon-700-rgb: 163, 88, 52;
908
+ --spectrum-cinnamon-700: rgba(var(--spectrum-cinnamon-700-rgb));
909
+ --spectrum-cinnamon-800-rgb: 179, 103, 64;
910
+ --spectrum-cinnamon-800: rgba(var(--spectrum-cinnamon-800-rgb));
911
+ --spectrum-cinnamon-900-rgb: 192, 119, 80;
912
+ --spectrum-cinnamon-900: rgba(var(--spectrum-cinnamon-900-rgb));
913
+ --spectrum-cinnamon-1000-rgb: 206, 136, 99;
914
+ --spectrum-cinnamon-1000: rgba(var(--spectrum-cinnamon-1000-rgb));
915
+ --spectrum-cinnamon-1100-rgb: 220, 154, 118;
916
+ --spectrum-cinnamon-1100: rgba(var(--spectrum-cinnamon-1100-rgb));
917
+ --spectrum-cinnamon-1200-rgb: 232, 179, 149;
918
+ --spectrum-cinnamon-1200: rgba(var(--spectrum-cinnamon-1200-rgb));
919
+ --spectrum-cinnamon-1300-rgb: 239, 203, 183;
920
+ --spectrum-cinnamon-1300: rgba(var(--spectrum-cinnamon-1300-rgb));
921
+ --spectrum-cinnamon-1400-rgb: 246, 225, 214;
922
+ --spectrum-cinnamon-1400: rgba(var(--spectrum-cinnamon-1400-rgb));
923
+ --spectrum-cinnamon-1500-rgb: 252, 244, 239;
924
+ --spectrum-cinnamon-1500: rgba(var(--spectrum-cinnamon-1500-rgb));
925
+ --spectrum-cinnamon-1600-rgb: 255, 255, 255;
926
+ --spectrum-cinnamon-1600: rgba(var(--spectrum-cinnamon-1600-rgb));
414
927
  --spectrum-icon-color-blue-primary-default: var(--spectrum-blue-800);
415
928
  --spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
416
929
  --spectrum-icon-color-red-primary-default: var(--spectrum-red-700);
417
930
  --spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1000);
418
- --spectrum-menu-item-background-color-default: rgba(255, 255, 255, 0);
419
- --spectrum-menu-item-background-color-hover: var(
420
- --spectrum-transparent-white-200
931
+ --spectrum-negative-subdued-background-color-default: var(
932
+ --spectrum-negative-subtle-background-color-default
421
933
  );
422
- --spectrum-menu-item-background-color-down: var(
423
- --spectrum-transparent-white-200
934
+ --spectrum-accent-subtle-background-color-default: var(
935
+ --spectrum-accent-color-300
424
936
  );
425
- --spectrum-menu-item-background-color-key-focus: var(
426
- --spectrum-transparent-white-200
937
+ --spectrum-informative-subtle-background-color-default: var(
938
+ --spectrum-informative-color-300
939
+ );
940
+ --spectrum-positive-subtle-background-color-default: var(
941
+ --spectrum-positive-color-300
942
+ );
943
+ --spectrum-notice-subtle-background-color-default: var(
944
+ --spectrum-notice-color-300
945
+ );
946
+ --spectrum-negative-subtle-background-color-default: var(
947
+ --spectrum-negative-color-300
427
948
  );
428
949
  --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
429
950
  --spectrum-dropindicator-color: var(--spectrum-blue-700);
@@ -460,10 +981,6 @@
460
981
  --spectrum-badge-label-icon-color-primary: var(--spectrum-black);
461
982
 
462
983
  --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
463
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
464
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-25);
465
-
466
- --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
467
984
 
468
985
  --spectrum-steplist-current-marker-color-key-focus: var(
469
986
  --spectrum-blue-700
@@ -510,7 +1027,7 @@
510
1027
  );
511
1028
  --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
512
1029
 
513
- --spectrum-swatch-border-color: rgba(255, 255, 255, 0.51);
1030
+ --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
514
1031
  }
515
1032
 
516
1033
  :host,
@@ -622,6 +1139,18 @@
622
1139
  --spectrum-drop-shadow-elevated-color: var(
623
1140
  --spectrum-drop-shadow-color-200
624
1141
  );
1142
+ --spectrum-drop-shadow-dragged-color: var(--spectrum-drop-shadow-color-300);
1143
+ --spectrum-static-black-text-color: var(--spectrum-black);
1144
+ --spectrum-static-white-text-color: var(--spectrum-white);
1145
+ --spectrum-track-color: var(--spectrum-gray-300);
1146
+ --spectrum-static-black-track-color: var(--spectrum-transparent-black-300);
1147
+ --spectrum-static-white-track-color: var(--spectrum-transparent-white-300);
1148
+ --spectrum-static-black-track-indicator-color: var(
1149
+ --spectrum-transparent-black-900
1150
+ );
1151
+ --spectrum-static-white-track-indicator-color: var(
1152
+ --spectrum-transparent-white-900
1153
+ );
625
1154
  --spectrum-swatch-border-color: var(--spectrum-gray-900);
626
1155
  --spectrum-swatch-border-opacity: 0.51;
627
1156
  --spectrum-swatch-disabled-icon-border-color: var(--spectrum-black);
@@ -674,34 +1203,12 @@
674
1203
  --spectrum-table-row-down-opacity: 0.1;
675
1204
  --spectrum-table-selected-row-background-opacity-hover: 0.15;
676
1205
  --spectrum-table-selected-row-background-opacity-non-emphasized-hover: 0.15;
677
- --spectrum-white: rgb(255, 255, 255);
678
- --spectrum-transparent-white-25: rgba(255, 255, 255, 0);
679
- --spectrum-transparent-white-50: rgba(255, 255, 255, 0.04);
680
- --spectrum-transparent-white-75: rgba(255, 255, 255, 0.07);
681
- --spectrum-transparent-white-100: rgba(255, 255, 255, 0.11);
682
- --spectrum-transparent-white-200: rgba(255, 255, 255, 0.14);
683
- --spectrum-transparent-white-300: rgba(255, 255, 255, 0.17);
684
- --spectrum-transparent-white-400: rgba(255, 255, 255, 0.21);
685
- --spectrum-transparent-white-500: rgba(255, 255, 255, 0.39);
686
- --spectrum-transparent-white-600: rgba(255, 255, 255, 0.51);
687
- --spectrum-transparent-white-700: rgba(255, 255, 255, 0.66);
688
- --spectrum-transparent-white-800: rgba(255, 255, 255, 0.85);
689
- --spectrum-transparent-white-900: rgba(255, 255, 255, 0.94);
690
- --spectrum-transparent-white-1000: rgb(255, 255, 255);
691
- --spectrum-black: rgb(0, 0, 0);
692
- --spectrum-transparent-black-25: rgba(0, 0, 0, 0);
693
- --spectrum-transparent-black-50: rgba(0, 0, 0, 0.03);
694
- --spectrum-transparent-black-75: rgba(0, 0, 0, 0.05);
695
- --spectrum-transparent-black-100: rgba(0, 0, 0, 0.09);
696
- --spectrum-transparent-black-200: rgba(0, 0, 0, 0.12);
697
- --spectrum-transparent-black-300: rgba(0, 0, 0, 0.15);
698
- --spectrum-transparent-black-400: rgba(0, 0, 0, 0.22);
699
- --spectrum-transparent-black-500: rgba(0, 0, 0, 0.44);
700
- --spectrum-transparent-black-600: rgba(0, 0, 0, 0.56);
701
- --spectrum-transparent-black-700: rgba(0, 0, 0, 0.69);
702
- --spectrum-transparent-black-800: rgba(0, 0, 0, 0.84);
703
- --spectrum-transparent-black-900: rgba(0, 0, 0, 0.93);
704
- --spectrum-transparent-black-1000: rgb(0, 0, 0);
1206
+ --spectrum-black-rgb: 0, 0, 0;
1207
+ --spectrum-black: rgba(var(--spectrum-black-rgb));
1208
+ --spectrum-transparent-black-1000-rgb: 0, 0, 0;
1209
+ --spectrum-transparent-black-1000: rgba(
1210
+ var(--spectrum-transparent-black-1000-rgb)
1211
+ );
705
1212
  --spectrum-icon-color-inverse: var(--spectrum-gray-50);
706
1213
  --spectrum-icon-color-primary-default: var(
707
1214
  --spectrum-neutral-content-color-default
@@ -764,10 +1271,14 @@
764
1271
  --spectrum-alert-banner-bottom-to-text
765
1272
  );
766
1273
  --spectrum-color-area-border-width: var(--spectrum-border-width-100);
767
- --spectrum-color-area-border-rounding: var(--spectrum-corner-radius-100);
1274
+ --spectrum-color-area-border-rounding: var(
1275
+ --spectrum-corner-radius-medium-size-small
1276
+ );
768
1277
  --spectrum-color-wheel-color-area-margin: 12px;
769
1278
  --spectrum-color-slider-border-width: 1px;
770
- --spectrum-color-slider-border-rounding: 4px;
1279
+ --spectrum-color-slider-border-rounding: var(
1280
+ --spectrum-corner-radius-medium-size-small
1281
+ );
771
1282
  --spectrum-floating-action-button-drop-shadow-blur: 12px;
772
1283
  --spectrum-floating-action-button-drop-shadow-y: 4px;
773
1284
  --spectrum-illustrated-message-maximum-width: 380px;
@@ -893,7 +1404,50 @@
893
1404
  --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(
894
1405
  --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large
895
1406
  );
896
- --spectrum-corner-radius-75: 2px;
1407
+ --spectrum-corner-radius-0: 0px;
1408
+ --spectrum-corner-radius-75: 4px;
1409
+ --spectrum-corner-radius-100: 8px;
1410
+ --spectrum-corner-radius-200: 10px;
1411
+ --spectrum-corner-radius-300: 6px;
1412
+ --spectrum-corner-radius-400: 7px;
1413
+ --spectrum-corner-radius-500: 8px;
1414
+ --spectrum-corner-radius-600: 9px;
1415
+ --spectrum-corner-radius-700: 10px;
1416
+ --spectrum-corner-radius-800: 16px;
1417
+ --spectrum-corner-radius-1000: 0.5;
1418
+ --spectrum-corner-radius-none: var(--spectrum-corner-radius-0);
1419
+ --spectrum-corner-radius-small-default: var(--spectrum-corner-radius-100);
1420
+ --spectrum-corner-radius-medium-default: var(--spectrum-corner-radius-500);
1421
+ --spectrum-corner-radius-large-default: var(--spectrum-corner-radius-700);
1422
+ --spectrum-corner-radius-extra-large-default: var(
1423
+ --spectrum-corner-radius-800
1424
+ );
1425
+ --spectrum-corner-radius-full: var(--spectrum-corner-radius-1000);
1426
+ --spectrum-corner-radius-small-size-small: var(--spectrum-corner-radius-75);
1427
+ --spectrum-corner-radius-small-size-medium: var(
1428
+ --spectrum-corner-radius-100
1429
+ );
1430
+ --spectrum-corner-radius-small-size-large: var(
1431
+ --spectrum-corner-radius-200
1432
+ );
1433
+ --spectrum-corner-radius-small-size-extra-large: var(
1434
+ --spectrum-corner-radius-300
1435
+ );
1436
+ --spectrum-corner-radius-medium-size-extra-small: var(
1437
+ --spectrum-corner-radius-300
1438
+ );
1439
+ --spectrum-corner-radius-medium-size-small: var(
1440
+ --spectrum-corner-radius-400
1441
+ );
1442
+ --spectrum-corner-radius-medium-size-medium: var(
1443
+ --spectrum-corner-radius-500
1444
+ );
1445
+ --spectrum-corner-radius-medium-size-large: var(
1446
+ --spectrum-corner-radius-600
1447
+ );
1448
+ --spectrum-corner-radius-medium-size-extra-large: var(
1449
+ --spectrum-corner-radius-700
1450
+ );
897
1451
  --spectrum-drop-shadow-x: 0px;
898
1452
  --spectrum-android-elevation: 2dp;
899
1453
  --spectrum-spacing-50: 2px;
@@ -1000,9 +1554,6 @@
1000
1554
  --spectrum-positive-color-1400: var(--spectrum-green-1400);
1001
1555
  --spectrum-positive-color-1500: var(--spectrum-green-1500);
1002
1556
  --spectrum-positive-color-1600: var(--spectrum-green-1600);
1003
- --spectrum-negative-subdued-background-color-default: var(
1004
- --spectrum-negative-color-200
1005
- );
1006
1557
  --spectrum-negative-subdued-background-color-hover: var(
1007
1558
  --spectrum-negative-color-300
1008
1559
  );
@@ -1013,9 +1564,9 @@
1013
1564
  --spectrum-negative-color-300
1014
1565
  );
1015
1566
  --spectrum-default-font-family: var(--spectrum-sans-serif-font-family);
1016
- --spectrum-sans-serif-font-family: Adobe Clean;
1017
- --spectrum-serif-font-family: Adobe Clean Serif;
1018
- --spectrum-cjk-font-family: Adobe Clean Han;
1567
+ --spectrum-sans-serif-font-family: adobe clean;
1568
+ --spectrum-serif-font-family: adobe clean serif;
1569
+ --spectrum-cjk-font-family: adobe clean han;
1019
1570
  --spectrum-light-font-weight: 300;
1020
1571
  --spectrum-regular-font-weight: 400;
1021
1572
  --spectrum-medium-font-weight: 500;
@@ -1462,7 +2013,7 @@
1462
2013
  --spectrum-detail-sans-serif-text-transform: uppercase;
1463
2014
  --spectrum-detail-serif-text-transform: uppercase;
1464
2015
  --spectrum-detail-color: var(--spectrum-gray-900);
1465
- --spectrum-code-font-family: Source Code Pro;
2016
+ --spectrum-code-font-family: source code pro;
1466
2017
  --spectrum-code-cjk-font-family: var(--spectrum-code-font-family);
1467
2018
  --spectrum-code-font-weight: var(--spectrum-regular-font-weight);
1468
2019
  --spectrum-code-font-style: var(--spectrum-default-font-style);
@@ -1521,7 +2072,6 @@
1521
2072
  --spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
1522
2073
  --spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
1523
2074
  --spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
1524
-
1525
2075
  --spectrum-sans-font-family-stack: adobe-clean,
1526
2076
  var(--spectrum-sans-serif-font-family), 'Source Sans Pro', -apple-system,
1527
2077
  BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS',
@@ -1534,20 +2084,39 @@
1534
2084
 
1535
2085
  --spectrum-code-font-family-stack: 'Source Code Pro', Monaco, monospace;
1536
2086
 
2087
+ --spectrum-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro',
2088
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
2089
+ 'Trebuchet MS', 'Lucida Grande', sans-serif;
2090
+ --spectrum-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro',
2091
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
2092
+ 'Trebuchet MS', 'Lucida Grande', sans-serif;
2093
+
2094
+ --spectrum-font-family: var(--spectrum-sans-font-family-stack);
2095
+ --spectrum-font-style: var(--spectrum-default-font-style);
2096
+ --spectrum-font-size: var(--spectrum-font-size-100);
2097
+
1537
2098
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese,
1538
2099
  var(--spectrum-cjk-font-family), sans-serif;
1539
2100
  --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
1540
- --spectrum-docs-static-white-background-color: rgb(15, 121, 125);
1541
- --spectrum-docs-static-black-background-color: rgb(181, 209, 211);
2101
+ --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
2102
+ --spectrum-docs-static-white-background-color: rgba(
2103
+ var(--spectrum-docs-static-white-background-color-rgb)
2104
+ );
2105
+ --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
2106
+ --spectrum-docs-static-black-background-color: rgba(
2107
+ var(--spectrum-docs-static-black-background-color-rgb)
2108
+ );
2109
+
2110
+ --spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white);
1542
2111
  }
1543
2112
 
1544
2113
  :host,
1545
2114
  :root {
1546
- --spectrum-workflow-icon-size-50: 18px;
1547
- --spectrum-workflow-icon-size-75: 20px;
1548
- --spectrum-workflow-icon-size-100: 22px;
1549
- --spectrum-workflow-icon-size-200: 24px;
1550
- --spectrum-workflow-icon-size-300: 28px;
2115
+ --spectrum-workflow-icon-size-50: 16px;
2116
+ --spectrum-workflow-icon-size-75: 18px;
2117
+ --spectrum-workflow-icon-size-100: 24px;
2118
+ --spectrum-workflow-icon-size-200: 28px;
2119
+ --spectrum-workflow-icon-size-300: 30px;
1551
2120
  --spectrum-arrow-icon-size-75: 12px;
1552
2121
  --spectrum-arrow-icon-size-100: 14px;
1553
2122
  --spectrum-arrow-icon-size-200: 16px;
@@ -1942,15 +2511,14 @@
1942
2511
  --spectrum-side-navigation-bottom-to-text: 10px;
1943
2512
  --spectrum-tray-top-to-content-area: 5px;
1944
2513
  --spectrum-accordion-top-to-text-spacious-small: 12px;
1945
- --spectrum-corner-radius-100: 5px;
1946
- --spectrum-corner-radius-200: 10px;
1947
2514
  --spectrum-drop-shadow-y: 2px;
1948
2515
  --spectrum-drop-shadow-blur: 6px;
1949
- --spectrum-text-to-visual-50: 8px;
1950
- --spectrum-text-to-visual-75: 9px;
1951
- --spectrum-text-to-visual-100: 10px;
1952
- --spectrum-text-to-visual-200: 11px;
1953
- --spectrum-text-to-visual-300: 13px;
2516
+ --spectrum-text-to-visual-50: 7px;
2517
+ --spectrum-text-to-visual-75: 7px;
2518
+ --spectrum-text-to-visual-100: 8px;
2519
+ --spectrum-text-to-visual-200: 9px;
2520
+ --spectrum-text-to-visual-300: 10px;
2521
+ --spectrum-text-to-visual-400: 11px;
1954
2522
  --spectrum-text-to-control-75: 11px;
1955
2523
  --spectrum-text-to-control-100: 13px;
1956
2524
  --spectrum-text-to-control-200: 14px;
@@ -1962,38 +2530,38 @@
1962
2530
  --spectrum-component-height-300: 60px;
1963
2531
  --spectrum-component-height-400: 70px;
1964
2532
  --spectrum-component-height-500: 80px;
1965
- --spectrum-component-pill-edge-to-visual-75: 13px;
2533
+ --spectrum-component-pill-edge-to-visual-75: 15px;
1966
2534
  --spectrum-component-pill-edge-to-visual-100: 17px;
1967
- --spectrum-component-pill-edge-to-visual-200: 22px;
1968
- --spectrum-component-pill-edge-to-visual-300: 27px;
1969
- --spectrum-component-pill-edge-to-visual-only-75: 5px;
1970
- --spectrum-component-pill-edge-to-visual-only-100: 9px;
1971
- --spectrum-component-pill-edge-to-visual-only-200: 13px;
1972
- --spectrum-component-pill-edge-to-visual-only-300: 16px;
1973
- --spectrum-component-pill-edge-to-text-75: 15px;
2535
+ --spectrum-component-pill-edge-to-visual-200: 21px;
2536
+ --spectrum-component-pill-edge-to-visual-300: 28px;
2537
+ --spectrum-component-pill-edge-to-visual-only-75: 6px;
2538
+ --spectrum-component-pill-edge-to-visual-only-100: 8px;
2539
+ --spectrum-component-pill-edge-to-visual-only-200: 11px;
2540
+ --spectrum-component-pill-edge-to-visual-only-300: 15px;
2541
+ --spectrum-component-pill-edge-to-text-75: 17px;
1974
2542
  --spectrum-component-pill-edge-to-text-100: 20px;
1975
- --spectrum-component-pill-edge-to-text-200: 25px;
2543
+ --spectrum-component-pill-edge-to-text-200: 24px;
1976
2544
  --spectrum-component-pill-edge-to-text-300: 30px;
1977
- --spectrum-component-edge-to-visual-50: 7px;
1978
- --spectrum-component-edge-to-visual-75: 9px;
2545
+ --spectrum-component-edge-to-visual-50: 9px;
2546
+ --spectrum-component-edge-to-visual-75: 11px;
1979
2547
  --spectrum-component-edge-to-visual-100: 12px;
1980
- --spectrum-component-edge-to-visual-200: 16px;
1981
- --spectrum-component-edge-to-visual-300: 19px;
1982
- --spectrum-component-edge-to-visual-only-50: 4px;
1983
- --spectrum-component-edge-to-visual-only-75: 5px;
1984
- --spectrum-component-edge-to-visual-only-100: 9px;
1985
- --spectrum-component-edge-to-visual-only-200: 13px;
1986
- --spectrum-component-edge-to-visual-only-300: 16px;
1987
- --spectrum-component-edge-to-text-50: 10px;
1988
- --spectrum-component-edge-to-text-75: 11px;
2548
+ --spectrum-component-edge-to-visual-200: 15px;
2549
+ --spectrum-component-edge-to-visual-300: 20px;
2550
+ --spectrum-component-edge-to-visual-only-50: 5px;
2551
+ --spectrum-component-edge-to-visual-only-75: 6px;
2552
+ --spectrum-component-edge-to-visual-only-100: 8px;
2553
+ --spectrum-component-edge-to-visual-only-200: 11px;
2554
+ --spectrum-component-edge-to-visual-only-300: 15px;
2555
+ --spectrum-component-edge-to-text-50: 11px;
2556
+ --spectrum-component-edge-to-text-75: 13px;
1989
2557
  --spectrum-component-edge-to-text-100: 15px;
1990
- --spectrum-component-edge-to-text-200: 19px;
2558
+ --spectrum-component-edge-to-text-200: 18px;
1991
2559
  --spectrum-component-edge-to-text-300: 22px;
1992
- --spectrum-component-top-to-workflow-icon-50: 4px;
1993
- --spectrum-component-top-to-workflow-icon-75: 5px;
1994
- --spectrum-component-top-to-workflow-icon-100: 9px;
1995
- --spectrum-component-top-to-workflow-icon-200: 13px;
1996
- --spectrum-component-top-to-workflow-icon-300: 16px;
2560
+ --spectrum-component-top-to-workflow-icon-50: 5px;
2561
+ --spectrum-component-top-to-workflow-icon-75: 6px;
2562
+ --spectrum-component-top-to-workflow-icon-100: 8px;
2563
+ --spectrum-component-top-to-workflow-icon-200: 11px;
2564
+ --spectrum-component-top-to-workflow-icon-300: 15px;
1997
2565
  --spectrum-component-top-to-text-50: 4px;
1998
2566
  --spectrum-component-top-to-text-75: 5px;
1999
2567
  --spectrum-component-top-to-text-100: 8px;
@@ -2135,11 +2703,6 @@
2135
2703
  --spectrum-coachmark-buttongroup-mobile-display: flex;
2136
2704
  --spectrum-coachmark-menu-display: none;
2137
2705
  --spectrum-coachmark-menu-mobile-display: inline-flex;
2138
-
2139
- --spectrum-well-padding: 20px;
2140
- --spectrum-well-margin-top: 5px;
2141
- --spectrum-well-min-width: 300px;
2142
- --spectrum-well-border-radius: 5px;
2143
2706
  --spectrum-workflow-icon-size-xxl: 40px;
2144
2707
  --spectrum-workflow-icon-size-xxs: 15px;
2145
2708
 
@@ -2190,6 +2753,8 @@
2190
2753
 
2191
2754
  --spectrum-ui-icon-medium-display: none;
2192
2755
  --spectrum-ui-icon-large-display: block;
2756
+
2757
+ --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200);
2193
2758
  }
2194
2759
 
2195
2760
  :host,
@@ -2271,8 +2836,8 @@
2271
2836
  --spectrum-accent-visual-color: var(--spectrum-accent-color-800);
2272
2837
  --spectrum-informative-visual-color: var(--spectrum-informative-color-800);
2273
2838
  --spectrum-negative-visual-color: var(--spectrum-negative-color-800);
2274
- --spectrum-notice-visual-color: var(--spectrum-notice-color-700);
2275
- --spectrum-positive-visual-color: var(--spectrum-positive-color-700);
2839
+ --spectrum-notice-visual-color: var(--spectrum-notice-color-800);
2840
+ --spectrum-positive-visual-color: var(--spectrum-positive-color-800);
2276
2841
  --spectrum-gray-visual-color: var(--spectrum-gray-500);
2277
2842
  --spectrum-red-visual-color: var(--spectrum-red-800);
2278
2843
  --spectrum-orange-visual-color: var(--spectrum-orange-700);
@@ -2301,323 +2866,844 @@
2301
2866
  --spectrum-turquoise-background-color-default: var(
2302
2867
  --spectrum-turquoise-900
2303
2868
  );
2304
- --spectrum-drop-shadow-color-100: rgba(0, 0, 0, 0.12);
2305
- --spectrum-drop-shadow-color-200: rgba(0, 0, 0, 0.16);
2869
+ --spectrum-drop-shadow-color-100-rgb: 0, 0, 0;
2870
+ --spectrum-drop-shadow-color-100-opacity: 0.12;
2871
+ --spectrum-drop-shadow-color-100: rgba(
2872
+ var(--spectrum-drop-shadow-color-100-rgb),
2873
+ var(--spectrum-drop-shadow-color-100-opacity)
2874
+ );
2875
+ --spectrum-drop-shadow-color-200-rgb: 0, 0, 0;
2876
+ --spectrum-drop-shadow-color-200-opacity: 0.16;
2877
+ --spectrum-drop-shadow-color-200: rgba(
2878
+ var(--spectrum-drop-shadow-color-200-rgb),
2879
+ var(--spectrum-drop-shadow-color-200-opacity)
2880
+ );
2881
+ --spectrum-drop-shadow-color-300-rgb: 0, 0, 0;
2882
+ --spectrum-drop-shadow-color-300-opacity: 0.2;
2883
+ --spectrum-drop-shadow-color-300: rgba(
2884
+ var(--spectrum-drop-shadow-color-300-rgb),
2885
+ var(--spectrum-drop-shadow-color-300-opacity)
2886
+ );
2887
+ --spectrum-neutral-subtle-background-color-default: var(
2888
+ --spectrum-gray-100
2889
+ );
2890
+ --spectrum-gray-subtle-background-color-default: var(--spectrum-gray-100);
2891
+ --spectrum-blue-subtle-background-color-default: var(--spectrum-blue-200);
2892
+ --spectrum-green-subtle-background-color-default: var(--spectrum-green-200);
2893
+ --spectrum-orange-subtle-background-color-default: var(
2894
+ --spectrum-orange-200
2895
+ );
2896
+ --spectrum-red-subtle-background-color-default: var(--spectrum-red-200);
2897
+ --spectrum-brown-subtle-background-color-default: var(--spectrum-brown-200);
2898
+ --spectrum-cinnamon-subtle-background-color-default: var(
2899
+ --spectrum-cinnamon-200
2900
+ );
2901
+ --spectrum-celery-subtle-background-color-default: var(
2902
+ --spectrum-celery-200
2903
+ );
2904
+ --spectrum-chartreuse-subtle-background-color-default: var(
2905
+ --spectrum-chartreuse-200
2906
+ );
2907
+ --spectrum-cyan-subtle-background-color-default: var(--spectrum-cyan-200);
2908
+ --spectrum-fuchsia-subtle-background-color-default: var(
2909
+ --spectrum-fuchsia-200
2910
+ );
2911
+ --spectrum-indigo-subtle-background-color-default: var(
2912
+ --spectrum-indigo-200
2913
+ );
2914
+ --spectrum-magenta-subtle-background-color-default: var(
2915
+ --spectrum-magenta-200
2916
+ );
2917
+ --spectrum-pink-subtle-background-color-default: var(--spectrum-pink-200);
2918
+ --spectrum-purple-subtle-background-color-default: var(
2919
+ --spectrum-purple-200
2920
+ );
2921
+ --spectrum-seafoam-subtle-background-color-default: var(
2922
+ --spectrum-seafoam-200
2923
+ );
2924
+ --spectrum-silver-subtle-background-color-default: var(
2925
+ --spectrum-silver-200
2926
+ );
2927
+ --spectrum-turquoise-subtle-background-color-default: var(
2928
+ --spectrum-turquoise-200
2929
+ );
2930
+ --spectrum-yellow-subtle-background-color-default: var(
2931
+ --spectrum-yellow-200
2932
+ );
2306
2933
  --spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-200);
2307
- --spectrum-gray-25: rgb(255, 255, 255);
2308
- --spectrum-gray-50: rgb(248, 248, 248);
2309
- --spectrum-gray-75: rgb(243, 243, 243);
2310
- --spectrum-gray-100: rgb(233, 233, 233);
2311
- --spectrum-gray-200: rgb(225, 225, 225);
2312
- --spectrum-gray-300: rgb(218, 218, 218);
2313
- --spectrum-gray-400: rgb(198, 198, 198);
2314
- --spectrum-gray-500: rgb(143, 143, 143);
2315
- --spectrum-gray-600: rgb(113, 113, 113);
2316
- --spectrum-gray-700: rgb(80, 80, 80);
2317
- --spectrum-gray-800: rgb(41, 41, 41);
2318
- --spectrum-gray-900: rgb(19, 19, 19);
2319
- --spectrum-gray-1000: rgb(0, 0, 0);
2320
- --spectrum-blue-100: rgb(245, 249, 255);
2321
- --spectrum-blue-200: rgb(229, 240, 254);
2322
- --spectrum-blue-300: rgb(203, 226, 254);
2323
- --spectrum-blue-400: rgb(172, 207, 253);
2324
- --spectrum-blue-500: rgb(142, 185, 252);
2325
- --spectrum-blue-600: rgb(114, 158, 253);
2326
- --spectrum-blue-700: rgb(93, 137, 255);
2327
- --spectrum-blue-800: rgb(75, 117, 255);
2328
- --spectrum-blue-900: rgb(59, 99, 251);
2329
- --spectrum-blue-1000: rgb(39, 77, 234);
2330
- --spectrum-blue-1100: rgb(29, 62, 207);
2331
- --spectrum-blue-1200: rgb(21, 50, 173);
2332
- --spectrum-blue-1300: rgb(16, 40, 140);
2333
- --spectrum-blue-1400: rgb(12, 31, 105);
2334
- --spectrum-blue-1500: rgb(14, 24, 67);
2335
- --spectrum-blue-1600: rgb(7, 11, 30);
2336
- --spectrum-red-100: rgb(255, 246, 245);
2337
- --spectrum-red-200: rgb(255, 235, 232);
2338
- --spectrum-red-300: rgb(255, 214, 209);
2339
- --spectrum-red-400: rgb(255, 188, 180);
2340
- --spectrum-red-500: rgb(255, 157, 145);
2341
- --spectrum-red-600: rgb(255, 118, 101);
2342
- --spectrum-red-700: rgb(255, 81, 61);
2343
- --spectrum-red-800: rgb(240, 56, 35);
2344
- --spectrum-red-900: rgb(215, 50, 32);
2345
- --spectrum-red-1000: rgb(183, 40, 24);
2346
- --spectrum-red-1100: rgb(156, 33, 19);
2347
- --spectrum-red-1200: rgb(129, 27, 14);
2348
- --spectrum-red-1300: rgb(104, 21, 10);
2349
- --spectrum-red-1400: rgb(80, 16, 6);
2350
- --spectrum-red-1500: rgb(59, 11, 4);
2351
- --spectrum-red-1600: rgb(29, 5, 2);
2352
- --spectrum-orange-100: rgb(255, 246, 231);
2353
- --spectrum-orange-200: rgb(255, 236, 207);
2354
- --spectrum-orange-300: rgb(255, 218, 158);
2355
- --spectrum-orange-400: rgb(255, 193, 94);
2356
- --spectrum-orange-500: rgb(255, 162, 19);
2357
- --spectrum-orange-600: rgb(252, 125, 0);
2358
- --spectrum-orange-700: rgb(232, 106, 0);
2359
- --spectrum-orange-800: rgb(212, 91, 0);
2360
- --spectrum-orange-900: rgb(194, 78, 0);
2361
- --spectrum-orange-1000: rgb(167, 62, 0);
2362
- --spectrum-orange-1100: rgb(144, 51, 0);
2363
- --spectrum-orange-1200: rgb(118, 41, 0);
2364
- --spectrum-orange-1300: rgb(95, 32, 0);
2365
- --spectrum-orange-1400: rgb(73, 24, 0);
2366
- --spectrum-orange-1500: rgb(52, 18, 0);
2367
- --spectrum-orange-1600: rgb(25, 8, 0);
2368
- --spectrum-yellow-100: rgb(255, 248, 204);
2369
- --spectrum-yellow-200: rgb(255, 241, 151);
2370
- --spectrum-yellow-300: rgb(255, 222, 44);
2371
- --spectrum-yellow-400: rgb(245, 199, 0);
2372
- --spectrum-yellow-500: rgb(230, 175, 0);
2373
- --spectrum-yellow-600: rgb(210, 149, 0);
2374
- --spectrum-yellow-700: rgb(193, 131, 0);
2375
- --spectrum-yellow-800: rgb(175, 116, 0);
2376
- --spectrum-yellow-900: rgb(158, 102, 0);
2377
- --spectrum-yellow-1000: rgb(134, 85, 0);
2378
- --spectrum-yellow-1100: rgb(114, 72, 0);
2379
- --spectrum-yellow-1200: rgb(93, 59, 0);
2380
- --spectrum-yellow-1300: rgb(75, 47, 0);
2381
- --spectrum-yellow-1400: rgb(56, 35, 0);
2382
- --spectrum-yellow-1500: rgb(40, 25, 0);
2383
- --spectrum-yellow-1600: rgb(18, 11, 0);
2384
- --spectrum-chartreuse-100: rgb(246, 251, 222);
2385
- --spectrum-chartreuse-200: rgb(234, 246, 173);
2386
- --spectrum-chartreuse-300: rgb(208, 236, 70);
2387
- --spectrum-chartreuse-400: rgb(182, 219, 0);
2388
- --spectrum-chartreuse-500: rgb(163, 196, 0);
2389
- --spectrum-chartreuse-600: rgb(143, 172, 0);
2390
- --spectrum-chartreuse-700: rgb(128, 153, 0);
2391
- --spectrum-chartreuse-800: rgb(114, 137, 0);
2392
- --spectrum-chartreuse-900: rgb(102, 122, 0);
2393
- --spectrum-chartreuse-1000: rgb(86, 103, 0);
2394
- --spectrum-chartreuse-1100: rgb(73, 87, 0);
2395
- --spectrum-chartreuse-1200: rgb(60, 71, 0);
2396
- --spectrum-chartreuse-1300: rgb(47, 57, 0);
2397
- --spectrum-chartreuse-1400: rgb(35, 43, 0);
2398
- --spectrum-chartreuse-1500: rgb(25, 30, 0);
2399
- --spectrum-chartreuse-1600: rgb(11, 14, 0);
2400
- --spectrum-celery-100: rgb(235, 255, 220);
2401
- --spectrum-celery-200: rgb(197, 255, 156);
2402
- --spectrum-celery-300: rgb(157, 247, 92);
2403
- --spectrum-celery-400: rgb(129, 228, 58);
2404
- --spectrum-celery-500: rgb(110, 206, 42);
2405
- --spectrum-celery-600: rgb(93, 180, 31);
2406
- --spectrum-celery-700: rgb(82, 161, 25);
2407
- --spectrum-celery-800: rgb(72, 144, 20);
2408
- --spectrum-celery-900: rgb(64, 129, 17);
2409
- --spectrum-celery-1000: rgb(52, 109, 12);
2410
- --spectrum-celery-1100: rgb(44, 92, 9);
2411
- --spectrum-celery-1200: rgb(35, 75, 6);
2412
- --spectrum-celery-1300: rgb(27, 60, 3);
2413
- --spectrum-celery-1400: rgb(19, 46, 0);
2414
- --spectrum-celery-1500: rgb(12, 33, 0);
2415
- --spectrum-celery-1600: rgb(4, 15, 0);
2416
- --spectrum-green-100: rgb(237, 252, 241);
2417
- --spectrum-green-200: rgb(215, 247, 225);
2418
- --spectrum-green-300: rgb(173, 238, 197);
2419
- --spectrum-green-400: rgb(107, 227, 162);
2420
- --spectrum-green-500: rgb(43, 209, 125);
2421
- --spectrum-green-600: rgb(18, 184, 103);
2422
- --spectrum-green-700: rgb(11, 164, 93);
2423
- --spectrum-green-800: rgb(7, 147, 85);
2424
- --spectrum-green-900: rgb(5, 131, 78);
2425
- --spectrum-green-1000: rgb(3, 110, 69);
2426
- --spectrum-green-1100: rgb(2, 93, 60);
2427
- --spectrum-green-1200: rgb(1, 76, 52);
2428
- --spectrum-green-1300: rgb(0, 61, 44);
2429
- --spectrum-green-1400: rgb(0, 46, 34);
2430
- --spectrum-green-1500: rgb(0, 33, 25);
2431
- --spectrum-green-1600: rgb(0, 15, 12);
2432
- --spectrum-seafoam-100: rgb(235, 251, 246);
2433
- --spectrum-seafoam-200: rgb(211, 246, 234);
2434
- --spectrum-seafoam-300: rgb(169, 237, 216);
2435
- --spectrum-seafoam-400: rgb(92, 225, 194);
2436
- --spectrum-seafoam-500: rgb(16, 207, 169);
2437
- --spectrum-seafoam-600: rgb(13, 181, 149);
2438
- --spectrum-seafoam-700: rgb(11, 162, 134);
2439
- --spectrum-seafoam-800: rgb(9, 144, 120);
2440
- --spectrum-seafoam-900: rgb(7, 129, 109);
2441
- --spectrum-seafoam-1000: rgb(5, 108, 92);
2442
- --spectrum-seafoam-1100: rgb(3, 92, 80);
2443
- --spectrum-seafoam-1200: rgb(1, 75, 67);
2444
- --spectrum-seafoam-1300: rgb(0, 60, 54);
2445
- --spectrum-seafoam-1400: rgb(0, 46, 40);
2446
- --spectrum-seafoam-1500: rgb(0, 33, 29);
2447
- --spectrum-seafoam-1600: rgb(0, 15, 14);
2448
- --spectrum-cyan-100: rgb(238, 250, 254);
2449
- --spectrum-cyan-200: rgb(217, 244, 253);
2450
- --spectrum-cyan-300: rgb(183, 231, 252);
2451
- --spectrum-cyan-400: rgb(138, 213, 255);
2452
- --spectrum-cyan-500: rgb(92, 192, 255);
2453
- --spectrum-cyan-600: rgb(48, 167, 254);
2454
- --spectrum-cyan-700: rgb(29, 149, 231);
2455
- --spectrum-cyan-800: rgb(18, 134, 205);
2456
- --spectrum-cyan-900: rgb(11, 120, 179);
2457
- --spectrum-cyan-1000: rgb(4, 102, 145);
2458
- --spectrum-cyan-1100: rgb(0, 87, 121);
2459
- --spectrum-cyan-1200: rgb(0, 71, 98);
2460
- --spectrum-cyan-1300: rgb(0, 57, 78);
2461
- --spectrum-cyan-1400: rgb(0, 43, 59);
2462
- --spectrum-cyan-1500: rgb(0, 31, 43);
2463
- --spectrum-cyan-1600: rgb(0, 14, 20);
2464
- --spectrum-indigo-100: rgb(247, 248, 255);
2465
- --spectrum-indigo-200: rgb(235, 238, 255);
2466
- --spectrum-indigo-300: rgb(216, 222, 255);
2467
- --spectrum-indigo-400: rgb(192, 201, 255);
2468
- --spectrum-indigo-500: rgb(167, 178, 255);
2469
- --spectrum-indigo-600: rgb(145, 151, 254);
2470
- --spectrum-indigo-700: rgb(132, 128, 254);
2471
- --spectrum-indigo-800: rgb(122, 106, 253);
2472
- --spectrum-indigo-900: rgb(113, 85, 250);
2473
- --spectrum-indigo-1000: rgb(99, 56, 238);
2474
- --spectrum-indigo-1100: rgb(84, 36, 219);
2475
- --spectrum-indigo-1200: rgb(69, 19, 191);
2476
- --spectrum-indigo-1300: rgb(55, 6, 160);
2477
- --spectrum-indigo-1400: rgb(42, 0, 129);
2478
- --spectrum-indigo-1500: rgb(31, 0, 98);
2479
- --spectrum-indigo-1600: rgb(17, 0, 54);
2480
- --spectrum-purple-100: rgb(251, 247, 254);
2481
- --spectrum-purple-200: rgb(244, 235, 252);
2482
- --spectrum-purple-300: rgb(235, 218, 249);
2483
- --spectrum-purple-400: rgb(221, 193, 246);
2484
- --spectrum-purple-500: rgb(208, 167, 243);
2485
- --spectrum-purple-600: rgb(191, 138, 238);
2486
- --spectrum-purple-700: rgb(178, 114, 235);
2487
- --spectrum-purple-800: rgb(166, 92, 231);
2488
- --spectrum-purple-900: rgb(154, 71, 226);
2489
- --spectrum-purple-1000: rgb(134, 40, 217);
2490
- --spectrum-purple-1100: rgb(115, 13, 204);
2491
- --spectrum-purple-1200: rgb(93, 0, 177);
2492
- --spectrum-purple-1300: rgb(75, 0, 144);
2493
- --spectrum-purple-1400: rgb(59, 0, 111);
2494
- --spectrum-purple-1500: rgb(44, 0, 84);
2495
- --spectrum-purple-1600: rgb(23, 0, 45);
2496
- --spectrum-fuchsia-100: rgb(254, 246, 255);
2497
- --spectrum-fuchsia-200: rgb(253, 233, 255);
2498
- --spectrum-fuchsia-300: rgb(250, 211, 255);
2499
- --spectrum-fuchsia-400: rgb(247, 181, 255);
2500
- --spectrum-fuchsia-500: rgb(243, 147, 255);
2501
- --spectrum-fuchsia-600: rgb(236, 105, 255);
2502
- --spectrum-fuchsia-700: rgb(223, 77, 245);
2503
- --spectrum-fuchsia-800: rgb(200, 68, 220);
2504
- --spectrum-fuchsia-900: rgb(181, 57, 200);
2505
- --spectrum-fuchsia-1000: rgb(156, 40, 175);
2506
- --spectrum-fuchsia-1100: rgb(135, 27, 154);
2507
- --spectrum-fuchsia-1200: rgb(113, 15, 131);
2508
- --spectrum-fuchsia-1300: rgb(92, 4, 109);
2509
- --spectrum-fuchsia-1400: rgb(72, 0, 88);
2510
- --spectrum-fuchsia-1500: rgb(54, 0, 66);
2511
- --spectrum-fuchsia-1600: rgb(29, 0, 35);
2512
- --spectrum-magenta-100: rgb(255, 245, 248);
2513
- --spectrum-magenta-200: rgb(255, 232, 240);
2514
- --spectrum-magenta-300: rgb(255, 213, 227);
2515
- --spectrum-magenta-400: rgb(255, 185, 208);
2516
- --spectrum-magenta-500: rgb(255, 152, 187);
2517
- --spectrum-magenta-600: rgb(255, 112, 159);
2518
- --spectrum-magenta-700: rgb(255, 72, 133);
2519
- --spectrum-magenta-800: rgb(240, 45, 110);
2520
- --spectrum-magenta-900: rgb(217, 35, 97);
2521
- --spectrum-magenta-1000: rgb(186, 22, 80);
2522
- --spectrum-magenta-1100: rgb(163, 5, 62);
2523
- --spectrum-magenta-1200: rgb(136, 0, 51);
2524
- --spectrum-magenta-1300: rgb(111, 0, 40);
2525
- --spectrum-magenta-1400: rgb(86, 0, 30);
2526
- --spectrum-magenta-1500: rgb(64, 0, 22);
2527
- --spectrum-magenta-1600: rgb(35, 0, 12);
2528
- --spectrum-pink-100: rgb(255, 246, 252);
2529
- --spectrum-pink-200: rgb(255, 232, 247);
2530
- --spectrum-pink-300: rgb(255, 211, 240);
2531
- --spectrum-pink-400: rgb(255, 181, 230);
2532
- --spectrum-pink-500: rgb(255, 148, 219);
2533
- --spectrum-pink-600: rgb(255, 103, 204);
2534
- --spectrum-pink-700: rgb(242, 76, 184);
2535
- --spectrum-pink-800: rgb(228, 52, 163);
2536
- --spectrum-pink-900: rgb(206, 42, 146);
2537
- --spectrum-pink-1000: rgb(176, 31, 123);
2538
- --spectrum-pink-1100: rgb(152, 22, 104);
2539
- --spectrum-pink-1200: rgb(128, 12, 85);
2540
- --spectrum-pink-1300: rgb(105, 3, 68);
2541
- --spectrum-pink-1400: rgb(83, 0, 53);
2542
- --spectrum-pink-1500: rgb(62, 0, 39);
2543
- --spectrum-pink-1600: rgb(33, 0, 21);
2544
- --spectrum-turquoise-100: rgb(238, 251, 251);
2545
- --spectrum-turquoise-200: rgb(209, 245, 245);
2546
- --spectrum-turquoise-300: rgb(169, 236, 237);
2547
- --spectrum-turquoise-400: rgb(111, 221, 228);
2548
- --spectrum-turquoise-500: rgb(39, 202, 216);
2549
- --spectrum-turquoise-600: rgb(15, 177, 192);
2550
- --spectrum-turquoise-700: rgb(12, 158, 171);
2551
- --spectrum-turquoise-800: rgb(10, 141, 153);
2552
- --spectrum-turquoise-900: rgb(8, 126, 137);
2553
- --spectrum-turquoise-1000: rgb(5, 107, 116);
2554
- --spectrum-turquoise-1100: rgb(3, 90, 98);
2555
- --spectrum-turquoise-1200: rgb(1, 74, 81);
2556
- --spectrum-turquoise-1300: rgb(0, 59, 65);
2557
- --spectrum-turquoise-1400: rgb(0, 44, 49);
2558
- --spectrum-turquoise-1500: rgb(0, 32, 35);
2559
- --spectrum-turquoise-1600: rgb(0, 15, 17);
2560
- --spectrum-brown-100: rgb(252, 247, 242);
2561
- --spectrum-brown-200: rgb(247, 238, 225);
2562
- --spectrum-brown-300: rgb(239, 221, 195);
2563
- --spectrum-brown-400: rgb(229, 200, 157);
2564
- --spectrum-brown-500: rgb(214, 177, 123);
2565
- --spectrum-brown-600: rgb(190, 155, 104);
2566
- --spectrum-brown-700: rgb(171, 138, 90);
2567
- --spectrum-brown-800: rgb(154, 123, 77);
2568
- --spectrum-brown-900: rgb(139, 109, 66);
2569
- --spectrum-brown-1000: rgb(119, 91, 50);
2570
- --spectrum-brown-1100: rgb(103, 76, 35);
2571
- --spectrum-brown-1200: rgb(88, 61, 21);
2572
- --spectrum-brown-1300: rgb(70, 49, 17);
2573
- --spectrum-brown-1400: rgb(52, 37, 13);
2574
- --spectrum-brown-1500: rgb(38, 26, 9);
2575
- --spectrum-brown-1600: rgb(16, 12, 4);
2576
- --spectrum-silver-100: rgb(247, 247, 247);
2577
- --spectrum-silver-200: rgb(239, 239, 239);
2578
- --spectrum-silver-300: rgb(223, 223, 223);
2579
- --spectrum-silver-400: rgb(204, 204, 204);
2580
- --spectrum-silver-500: rgb(183, 183, 183);
2581
- --spectrum-silver-600: rgb(160, 160, 160);
2582
- --spectrum-silver-700: rgb(143, 143, 143);
2583
- --spectrum-silver-800: rgb(128, 128, 128);
2584
- --spectrum-silver-900: rgb(114, 114, 114);
2585
- --spectrum-silver-1000: rgb(96, 96, 96);
2586
- --spectrum-silver-1100: rgb(81, 81, 81);
2587
- --spectrum-silver-1200: rgb(66, 66, 66);
2588
- --spectrum-silver-1300: rgb(52, 52, 52);
2589
- --spectrum-silver-1400: rgb(39, 39, 39);
2590
- --spectrum-silver-1500: rgb(28, 28, 28);
2591
- --spectrum-silver-1600: rgb(12, 12, 12);
2592
- --spectrum-cinnamon-100: rgb(253, 247, 243);
2593
- --spectrum-cinnamon-200: rgb(249, 236, 229);
2594
- --spectrum-cinnamon-300: rgb(244, 218, 203);
2595
- --spectrum-cinnamon-400: rgb(237, 196, 172);
2596
- --spectrum-cinnamon-500: rgb(229, 170, 136);
2597
- --spectrum-cinnamon-600: rgb(212, 145, 108);
2598
- --spectrum-cinnamon-700: rgb(198, 126, 88);
2599
- --spectrum-cinnamon-800: rgb(184, 109, 70);
2600
- --spectrum-cinnamon-900: rgb(170, 94, 56);
2601
- --spectrum-cinnamon-1000: rgb(147, 77, 43);
2602
- --spectrum-cinnamon-1100: rgb(128, 62, 32);
2603
- --spectrum-cinnamon-1200: rgb(110, 48, 21);
2604
- --spectrum-cinnamon-1300: rgb(92, 35, 11);
2605
- --spectrum-cinnamon-1400: rgb(72, 25, 6);
2606
- --spectrum-cinnamon-1500: rgb(52, 18, 4);
2607
- --spectrum-cinnamon-1600: rgb(24, 8, 2);
2934
+ --spectrum-white-rgb: 255, 255, 255;
2935
+ --spectrum-white: rgba(var(--spectrum-white-rgb));
2936
+ --spectrum-transparent-white-25-rgb: 255, 255, 255;
2937
+ --spectrum-transparent-white-25-opacity: 0;
2938
+ --spectrum-transparent-white-25: rgba(
2939
+ var(--spectrum-transparent-white-25-rgb),
2940
+ var(--spectrum-transparent-white-25-opacity)
2941
+ );
2942
+ --spectrum-transparent-white-50-rgb: 255, 255, 255;
2943
+ --spectrum-transparent-white-50-opacity: 0.04;
2944
+ --spectrum-transparent-white-50: rgba(
2945
+ var(--spectrum-transparent-white-50-rgb),
2946
+ var(--spectrum-transparent-white-50-opacity)
2947
+ );
2948
+ --spectrum-transparent-white-75-rgb: 255, 255, 255;
2949
+ --spectrum-transparent-white-75-opacity: 0.07;
2950
+ --spectrum-transparent-white-75: rgba(
2951
+ var(--spectrum-transparent-white-75-rgb),
2952
+ var(--spectrum-transparent-white-75-opacity)
2953
+ );
2954
+ --spectrum-transparent-white-100-rgb: 255, 255, 255;
2955
+ --spectrum-transparent-white-100-opacity: 0.11;
2956
+ --spectrum-transparent-white-100: rgba(
2957
+ var(--spectrum-transparent-white-100-rgb),
2958
+ var(--spectrum-transparent-white-100-opacity)
2959
+ );
2960
+ --spectrum-transparent-white-200-rgb: 255, 255, 255;
2961
+ --spectrum-transparent-white-200-opacity: 0.14;
2962
+ --spectrum-transparent-white-200: rgba(
2963
+ var(--spectrum-transparent-white-200-rgb),
2964
+ var(--spectrum-transparent-white-200-opacity)
2965
+ );
2966
+ --spectrum-transparent-white-300-rgb: 255, 255, 255;
2967
+ --spectrum-transparent-white-300-opacity: 0.17;
2968
+ --spectrum-transparent-white-300: rgba(
2969
+ var(--spectrum-transparent-white-300-rgb),
2970
+ var(--spectrum-transparent-white-300-opacity)
2971
+ );
2972
+ --spectrum-transparent-white-400-rgb: 255, 255, 255;
2973
+ --spectrum-transparent-white-400-opacity: 0.21;
2974
+ --spectrum-transparent-white-400: rgba(
2975
+ var(--spectrum-transparent-white-400-rgb),
2976
+ var(--spectrum-transparent-white-400-opacity)
2977
+ );
2978
+ --spectrum-transparent-white-500-rgb: 255, 255, 255;
2979
+ --spectrum-transparent-white-500-opacity: 0.39;
2980
+ --spectrum-transparent-white-500: rgba(
2981
+ var(--spectrum-transparent-white-500-rgb),
2982
+ var(--spectrum-transparent-white-500-opacity)
2983
+ );
2984
+ --spectrum-transparent-white-600-rgb: 255, 255, 255;
2985
+ --spectrum-transparent-white-600-opacity: 0.51;
2986
+ --spectrum-transparent-white-600: rgba(
2987
+ var(--spectrum-transparent-white-600-rgb),
2988
+ var(--spectrum-transparent-white-600-opacity)
2989
+ );
2990
+ --spectrum-transparent-white-700-rgb: 255, 255, 255;
2991
+ --spectrum-transparent-white-700-opacity: 0.66;
2992
+ --spectrum-transparent-white-700: rgba(
2993
+ var(--spectrum-transparent-white-700-rgb),
2994
+ var(--spectrum-transparent-white-700-opacity)
2995
+ );
2996
+ --spectrum-transparent-white-800-rgb: 255, 255, 255;
2997
+ --spectrum-transparent-white-800-opacity: 0.85;
2998
+ --spectrum-transparent-white-800: rgba(
2999
+ var(--spectrum-transparent-white-800-rgb),
3000
+ var(--spectrum-transparent-white-800-opacity)
3001
+ );
3002
+ --spectrum-transparent-white-900-rgb: 255, 255, 255;
3003
+ --spectrum-transparent-white-900-opacity: 0.94;
3004
+ --spectrum-transparent-white-900: rgba(
3005
+ var(--spectrum-transparent-white-900-rgb),
3006
+ var(--spectrum-transparent-white-900-opacity)
3007
+ );
3008
+ --spectrum-transparent-white-1000-rgb: 255, 255, 255;
3009
+ --spectrum-transparent-white-1000: rgba(
3010
+ var(--spectrum-transparent-white-1000-rgb)
3011
+ );
3012
+ --spectrum-transparent-black-25-rgb: 0, 0, 0;
3013
+ --spectrum-transparent-black-25-opacity: 0;
3014
+ --spectrum-transparent-black-25: rgba(
3015
+ var(--spectrum-transparent-black-25-rgb),
3016
+ var(--spectrum-transparent-black-25-opacity)
3017
+ );
3018
+ --spectrum-transparent-black-50-rgb: 0, 0, 0;
3019
+ --spectrum-transparent-black-50-opacity: 0.03;
3020
+ --spectrum-transparent-black-50: rgba(
3021
+ var(--spectrum-transparent-black-50-rgb),
3022
+ var(--spectrum-transparent-black-50-opacity)
3023
+ );
3024
+ --spectrum-transparent-black-75-rgb: 0, 0, 0;
3025
+ --spectrum-transparent-black-75-opacity: 0.05;
3026
+ --spectrum-transparent-black-75: rgba(
3027
+ var(--spectrum-transparent-black-75-rgb),
3028
+ var(--spectrum-transparent-black-75-opacity)
3029
+ );
3030
+ --spectrum-transparent-black-100-rgb: 0, 0, 0;
3031
+ --spectrum-transparent-black-100-opacity: 0.09;
3032
+ --spectrum-transparent-black-100: rgba(
3033
+ var(--spectrum-transparent-black-100-rgb),
3034
+ var(--spectrum-transparent-black-100-opacity)
3035
+ );
3036
+ --spectrum-transparent-black-200-rgb: 0, 0, 0;
3037
+ --spectrum-transparent-black-200-opacity: 0.12;
3038
+ --spectrum-transparent-black-200: rgba(
3039
+ var(--spectrum-transparent-black-200-rgb),
3040
+ var(--spectrum-transparent-black-200-opacity)
3041
+ );
3042
+ --spectrum-transparent-black-300-rgb: 0, 0, 0;
3043
+ --spectrum-transparent-black-300-opacity: 0.15;
3044
+ --spectrum-transparent-black-300: rgba(
3045
+ var(--spectrum-transparent-black-300-rgb),
3046
+ var(--spectrum-transparent-black-300-opacity)
3047
+ );
3048
+ --spectrum-transparent-black-400-rgb: 0, 0, 0;
3049
+ --spectrum-transparent-black-400-opacity: 0.22;
3050
+ --spectrum-transparent-black-400: rgba(
3051
+ var(--spectrum-transparent-black-400-rgb),
3052
+ var(--spectrum-transparent-black-400-opacity)
3053
+ );
3054
+ --spectrum-transparent-black-500-rgb: 0, 0, 0;
3055
+ --spectrum-transparent-black-500-opacity: 0.44;
3056
+ --spectrum-transparent-black-500: rgba(
3057
+ var(--spectrum-transparent-black-500-rgb),
3058
+ var(--spectrum-transparent-black-500-opacity)
3059
+ );
3060
+ --spectrum-transparent-black-600-rgb: 0, 0, 0;
3061
+ --spectrum-transparent-black-600-opacity: 0.56;
3062
+ --spectrum-transparent-black-600: rgba(
3063
+ var(--spectrum-transparent-black-600-rgb),
3064
+ var(--spectrum-transparent-black-600-opacity)
3065
+ );
3066
+ --spectrum-transparent-black-700-rgb: 0, 0, 0;
3067
+ --spectrum-transparent-black-700-opacity: 0.69;
3068
+ --spectrum-transparent-black-700: rgba(
3069
+ var(--spectrum-transparent-black-700-rgb),
3070
+ var(--spectrum-transparent-black-700-opacity)
3071
+ );
3072
+ --spectrum-transparent-black-800-rgb: 0, 0, 0;
3073
+ --spectrum-transparent-black-800-opacity: 0.84;
3074
+ --spectrum-transparent-black-800: rgba(
3075
+ var(--spectrum-transparent-black-800-rgb),
3076
+ var(--spectrum-transparent-black-800-opacity)
3077
+ );
3078
+ --spectrum-transparent-black-900-rgb: 0, 0, 0;
3079
+ --spectrum-transparent-black-900-opacity: 0.93;
3080
+ --spectrum-transparent-black-900: rgba(
3081
+ var(--spectrum-transparent-black-900-rgb),
3082
+ var(--spectrum-transparent-black-900-opacity)
3083
+ );
3084
+ --spectrum-gray-25-rgb: 255, 255, 255;
3085
+ --spectrum-gray-25: rgba(var(--spectrum-gray-25-rgb));
3086
+ --spectrum-gray-50-rgb: 248, 248, 248;
3087
+ --spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
3088
+ --spectrum-gray-75-rgb: 243, 243, 243;
3089
+ --spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
3090
+ --spectrum-gray-100-rgb: 233, 233, 233;
3091
+ --spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
3092
+ --spectrum-gray-200-rgb: 225, 225, 225;
3093
+ --spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
3094
+ --spectrum-gray-300-rgb: 218, 218, 218;
3095
+ --spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
3096
+ --spectrum-gray-400-rgb: 198, 198, 198;
3097
+ --spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
3098
+ --spectrum-gray-500-rgb: 143, 143, 143;
3099
+ --spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
3100
+ --spectrum-gray-600-rgb: 113, 113, 113;
3101
+ --spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
3102
+ --spectrum-gray-700-rgb: 80, 80, 80;
3103
+ --spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
3104
+ --spectrum-gray-800-rgb: 41, 41, 41;
3105
+ --spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
3106
+ --spectrum-gray-900-rgb: 19, 19, 19;
3107
+ --spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
3108
+ --spectrum-gray-1000-rgb: 0, 0, 0;
3109
+ --spectrum-gray-1000: rgba(var(--spectrum-gray-1000-rgb));
3110
+ --spectrum-blue-100-rgb: 245, 249, 255;
3111
+ --spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
3112
+ --spectrum-blue-200-rgb: 229, 240, 254;
3113
+ --spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
3114
+ --spectrum-blue-300-rgb: 203, 226, 254;
3115
+ --spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
3116
+ --spectrum-blue-400-rgb: 172, 207, 253;
3117
+ --spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
3118
+ --spectrum-blue-500-rgb: 142, 185, 252;
3119
+ --spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
3120
+ --spectrum-blue-600-rgb: 114, 158, 253;
3121
+ --spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
3122
+ --spectrum-blue-700-rgb: 93, 137, 255;
3123
+ --spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
3124
+ --spectrum-blue-800-rgb: 75, 117, 255;
3125
+ --spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
3126
+ --spectrum-blue-900-rgb: 59, 99, 251;
3127
+ --spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
3128
+ --spectrum-blue-1000-rgb: 39, 77, 234;
3129
+ --spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
3130
+ --spectrum-blue-1100-rgb: 29, 62, 207;
3131
+ --spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
3132
+ --spectrum-blue-1200-rgb: 21, 50, 173;
3133
+ --spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
3134
+ --spectrum-blue-1300-rgb: 16, 40, 140;
3135
+ --spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
3136
+ --spectrum-blue-1400-rgb: 12, 31, 105;
3137
+ --spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
3138
+ --spectrum-blue-1500-rgb: 14, 24, 67;
3139
+ --spectrum-blue-1500: rgba(var(--spectrum-blue-1500-rgb));
3140
+ --spectrum-blue-1600-rgb: 7, 11, 30;
3141
+ --spectrum-blue-1600: rgba(var(--spectrum-blue-1600-rgb));
3142
+ --spectrum-red-100-rgb: 255, 246, 245;
3143
+ --spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
3144
+ --spectrum-red-200-rgb: 255, 235, 232;
3145
+ --spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
3146
+ --spectrum-red-300-rgb: 255, 214, 209;
3147
+ --spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
3148
+ --spectrum-red-400-rgb: 255, 188, 180;
3149
+ --spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
3150
+ --spectrum-red-500-rgb: 255, 157, 145;
3151
+ --spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
3152
+ --spectrum-red-600-rgb: 255, 118, 101;
3153
+ --spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
3154
+ --spectrum-red-700-rgb: 255, 81, 61;
3155
+ --spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
3156
+ --spectrum-red-800-rgb: 240, 56, 35;
3157
+ --spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
3158
+ --spectrum-red-900-rgb: 215, 50, 32;
3159
+ --spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
3160
+ --spectrum-red-1000-rgb: 183, 40, 24;
3161
+ --spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
3162
+ --spectrum-red-1100-rgb: 156, 33, 19;
3163
+ --spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
3164
+ --spectrum-red-1200-rgb: 129, 27, 14;
3165
+ --spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
3166
+ --spectrum-red-1300-rgb: 104, 21, 10;
3167
+ --spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
3168
+ --spectrum-red-1400-rgb: 80, 16, 6;
3169
+ --spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
3170
+ --spectrum-red-1500-rgb: 59, 11, 4;
3171
+ --spectrum-red-1500: rgba(var(--spectrum-red-1500-rgb));
3172
+ --spectrum-red-1600-rgb: 29, 5, 2;
3173
+ --spectrum-red-1600: rgba(var(--spectrum-red-1600-rgb));
3174
+ --spectrum-orange-100-rgb: 255, 246, 231;
3175
+ --spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
3176
+ --spectrum-orange-200-rgb: 255, 236, 207;
3177
+ --spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
3178
+ --spectrum-orange-300-rgb: 255, 218, 158;
3179
+ --spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
3180
+ --spectrum-orange-400-rgb: 255, 193, 94;
3181
+ --spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
3182
+ --spectrum-orange-500-rgb: 255, 162, 19;
3183
+ --spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
3184
+ --spectrum-orange-600-rgb: 252, 125, 0;
3185
+ --spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
3186
+ --spectrum-orange-700-rgb: 232, 106, 0;
3187
+ --spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
3188
+ --spectrum-orange-800-rgb: 212, 91, 0;
3189
+ --spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
3190
+ --spectrum-orange-900-rgb: 194, 78, 0;
3191
+ --spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
3192
+ --spectrum-orange-1000-rgb: 167, 62, 0;
3193
+ --spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
3194
+ --spectrum-orange-1100-rgb: 144, 51, 0;
3195
+ --spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
3196
+ --spectrum-orange-1200-rgb: 118, 41, 0;
3197
+ --spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
3198
+ --spectrum-orange-1300-rgb: 95, 32, 0;
3199
+ --spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
3200
+ --spectrum-orange-1400-rgb: 73, 24, 0;
3201
+ --spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
3202
+ --spectrum-orange-1500-rgb: 52, 18, 0;
3203
+ --spectrum-orange-1500: rgba(var(--spectrum-orange-1500-rgb));
3204
+ --spectrum-orange-1600-rgb: 25, 8, 0;
3205
+ --spectrum-orange-1600: rgba(var(--spectrum-orange-1600-rgb));
3206
+ --spectrum-yellow-100-rgb: 255, 248, 204;
3207
+ --spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
3208
+ --spectrum-yellow-200-rgb: 255, 241, 151;
3209
+ --spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
3210
+ --spectrum-yellow-300-rgb: 255, 222, 44;
3211
+ --spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
3212
+ --spectrum-yellow-400-rgb: 245, 199, 0;
3213
+ --spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
3214
+ --spectrum-yellow-500-rgb: 230, 175, 0;
3215
+ --spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
3216
+ --spectrum-yellow-600-rgb: 210, 149, 0;
3217
+ --spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
3218
+ --spectrum-yellow-700-rgb: 193, 131, 0;
3219
+ --spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
3220
+ --spectrum-yellow-800-rgb: 175, 116, 0;
3221
+ --spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
3222
+ --spectrum-yellow-900-rgb: 158, 102, 0;
3223
+ --spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
3224
+ --spectrum-yellow-1000-rgb: 134, 85, 0;
3225
+ --spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
3226
+ --spectrum-yellow-1100-rgb: 114, 72, 0;
3227
+ --spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
3228
+ --spectrum-yellow-1200-rgb: 93, 59, 0;
3229
+ --spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
3230
+ --spectrum-yellow-1300-rgb: 75, 47, 0;
3231
+ --spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
3232
+ --spectrum-yellow-1400-rgb: 56, 35, 0;
3233
+ --spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
3234
+ --spectrum-yellow-1500-rgb: 40, 25, 0;
3235
+ --spectrum-yellow-1500: rgba(var(--spectrum-yellow-1500-rgb));
3236
+ --spectrum-yellow-1600-rgb: 18, 11, 0;
3237
+ --spectrum-yellow-1600: rgba(var(--spectrum-yellow-1600-rgb));
3238
+ --spectrum-chartreuse-100-rgb: 246, 251, 222;
3239
+ --spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
3240
+ --spectrum-chartreuse-200-rgb: 234, 246, 173;
3241
+ --spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
3242
+ --spectrum-chartreuse-300-rgb: 208, 236, 70;
3243
+ --spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
3244
+ --spectrum-chartreuse-400-rgb: 182, 219, 0;
3245
+ --spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
3246
+ --spectrum-chartreuse-500-rgb: 163, 196, 0;
3247
+ --spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
3248
+ --spectrum-chartreuse-600-rgb: 143, 172, 0;
3249
+ --spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
3250
+ --spectrum-chartreuse-700-rgb: 128, 153, 0;
3251
+ --spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
3252
+ --spectrum-chartreuse-800-rgb: 114, 137, 0;
3253
+ --spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
3254
+ --spectrum-chartreuse-900-rgb: 102, 122, 0;
3255
+ --spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
3256
+ --spectrum-chartreuse-1000-rgb: 86, 103, 0;
3257
+ --spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
3258
+ --spectrum-chartreuse-1100-rgb: 73, 87, 0;
3259
+ --spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
3260
+ --spectrum-chartreuse-1200-rgb: 60, 71, 0;
3261
+ --spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
3262
+ --spectrum-chartreuse-1300-rgb: 47, 57, 0;
3263
+ --spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
3264
+ --spectrum-chartreuse-1400-rgb: 35, 43, 0;
3265
+ --spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
3266
+ --spectrum-chartreuse-1500-rgb: 25, 30, 0;
3267
+ --spectrum-chartreuse-1500: rgba(var(--spectrum-chartreuse-1500-rgb));
3268
+ --spectrum-chartreuse-1600-rgb: 11, 14, 0;
3269
+ --spectrum-chartreuse-1600: rgba(var(--spectrum-chartreuse-1600-rgb));
3270
+ --spectrum-celery-100-rgb: 235, 255, 220;
3271
+ --spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
3272
+ --spectrum-celery-200-rgb: 197, 255, 156;
3273
+ --spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
3274
+ --spectrum-celery-300-rgb: 157, 247, 92;
3275
+ --spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
3276
+ --spectrum-celery-400-rgb: 129, 228, 58;
3277
+ --spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
3278
+ --spectrum-celery-500-rgb: 110, 206, 42;
3279
+ --spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
3280
+ --spectrum-celery-600-rgb: 93, 180, 31;
3281
+ --spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
3282
+ --spectrum-celery-700-rgb: 82, 161, 25;
3283
+ --spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
3284
+ --spectrum-celery-800-rgb: 72, 144, 20;
3285
+ --spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
3286
+ --spectrum-celery-900-rgb: 64, 129, 17;
3287
+ --spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
3288
+ --spectrum-celery-1000-rgb: 52, 109, 12;
3289
+ --spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
3290
+ --spectrum-celery-1100-rgb: 44, 92, 9;
3291
+ --spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
3292
+ --spectrum-celery-1200-rgb: 35, 75, 6;
3293
+ --spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
3294
+ --spectrum-celery-1300-rgb: 27, 60, 3;
3295
+ --spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
3296
+ --spectrum-celery-1400-rgb: 19, 46, 0;
3297
+ --spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
3298
+ --spectrum-celery-1500-rgb: 12, 33, 0;
3299
+ --spectrum-celery-1500: rgba(var(--spectrum-celery-1500-rgb));
3300
+ --spectrum-celery-1600-rgb: 4, 15, 0;
3301
+ --spectrum-celery-1600: rgba(var(--spectrum-celery-1600-rgb));
3302
+ --spectrum-green-100-rgb: 237, 252, 241;
3303
+ --spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
3304
+ --spectrum-green-200-rgb: 215, 247, 225;
3305
+ --spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
3306
+ --spectrum-green-300-rgb: 173, 238, 197;
3307
+ --spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
3308
+ --spectrum-green-400-rgb: 107, 227, 162;
3309
+ --spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
3310
+ --spectrum-green-500-rgb: 43, 209, 125;
3311
+ --spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
3312
+ --spectrum-green-600-rgb: 18, 184, 103;
3313
+ --spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
3314
+ --spectrum-green-700-rgb: 11, 164, 93;
3315
+ --spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
3316
+ --spectrum-green-800-rgb: 7, 147, 85;
3317
+ --spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
3318
+ --spectrum-green-900-rgb: 5, 131, 78;
3319
+ --spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
3320
+ --spectrum-green-1000-rgb: 3, 110, 69;
3321
+ --spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
3322
+ --spectrum-green-1100-rgb: 2, 93, 60;
3323
+ --spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
3324
+ --spectrum-green-1200-rgb: 1, 76, 52;
3325
+ --spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
3326
+ --spectrum-green-1300-rgb: 0, 61, 44;
3327
+ --spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
3328
+ --spectrum-green-1400-rgb: 0, 46, 34;
3329
+ --spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
3330
+ --spectrum-green-1500-rgb: 0, 33, 25;
3331
+ --spectrum-green-1500: rgba(var(--spectrum-green-1500-rgb));
3332
+ --spectrum-green-1600-rgb: 0, 15, 12;
3333
+ --spectrum-green-1600: rgba(var(--spectrum-green-1600-rgb));
3334
+ --spectrum-seafoam-100-rgb: 235, 251, 246;
3335
+ --spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
3336
+ --spectrum-seafoam-200-rgb: 211, 246, 234;
3337
+ --spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
3338
+ --spectrum-seafoam-300-rgb: 169, 237, 216;
3339
+ --spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
3340
+ --spectrum-seafoam-400-rgb: 92, 225, 194;
3341
+ --spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
3342
+ --spectrum-seafoam-500-rgb: 16, 207, 169;
3343
+ --spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
3344
+ --spectrum-seafoam-600-rgb: 13, 181, 149;
3345
+ --spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
3346
+ --spectrum-seafoam-700-rgb: 11, 162, 134;
3347
+ --spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
3348
+ --spectrum-seafoam-800-rgb: 9, 144, 120;
3349
+ --spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
3350
+ --spectrum-seafoam-900-rgb: 7, 129, 109;
3351
+ --spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
3352
+ --spectrum-seafoam-1000-rgb: 5, 108, 92;
3353
+ --spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
3354
+ --spectrum-seafoam-1100-rgb: 3, 92, 80;
3355
+ --spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
3356
+ --spectrum-seafoam-1200-rgb: 1, 75, 67;
3357
+ --spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
3358
+ --spectrum-seafoam-1300-rgb: 0, 60, 54;
3359
+ --spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
3360
+ --spectrum-seafoam-1400-rgb: 0, 46, 40;
3361
+ --spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
3362
+ --spectrum-seafoam-1500-rgb: 0, 33, 29;
3363
+ --spectrum-seafoam-1500: rgba(var(--spectrum-seafoam-1500-rgb));
3364
+ --spectrum-seafoam-1600-rgb: 0, 15, 14;
3365
+ --spectrum-seafoam-1600: rgba(var(--spectrum-seafoam-1600-rgb));
3366
+ --spectrum-cyan-100-rgb: 238, 250, 254;
3367
+ --spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
3368
+ --spectrum-cyan-200-rgb: 217, 244, 253;
3369
+ --spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
3370
+ --spectrum-cyan-300-rgb: 183, 231, 252;
3371
+ --spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
3372
+ --spectrum-cyan-400-rgb: 138, 213, 255;
3373
+ --spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
3374
+ --spectrum-cyan-500-rgb: 92, 192, 255;
3375
+ --spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
3376
+ --spectrum-cyan-600-rgb: 48, 167, 254;
3377
+ --spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
3378
+ --spectrum-cyan-700-rgb: 29, 149, 231;
3379
+ --spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
3380
+ --spectrum-cyan-800-rgb: 18, 134, 205;
3381
+ --spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
3382
+ --spectrum-cyan-900-rgb: 11, 120, 179;
3383
+ --spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
3384
+ --spectrum-cyan-1000-rgb: 4, 102, 145;
3385
+ --spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
3386
+ --spectrum-cyan-1100-rgb: 0, 87, 121;
3387
+ --spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
3388
+ --spectrum-cyan-1200-rgb: 0, 71, 98;
3389
+ --spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
3390
+ --spectrum-cyan-1300-rgb: 0, 57, 78;
3391
+ --spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
3392
+ --spectrum-cyan-1400-rgb: 0, 43, 59;
3393
+ --spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
3394
+ --spectrum-cyan-1500-rgb: 0, 31, 43;
3395
+ --spectrum-cyan-1500: rgba(var(--spectrum-cyan-1500-rgb));
3396
+ --spectrum-cyan-1600-rgb: 0, 14, 20;
3397
+ --spectrum-cyan-1600: rgba(var(--spectrum-cyan-1600-rgb));
3398
+ --spectrum-indigo-100-rgb: 247, 248, 255;
3399
+ --spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
3400
+ --spectrum-indigo-200-rgb: 235, 238, 255;
3401
+ --spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
3402
+ --spectrum-indigo-300-rgb: 216, 222, 255;
3403
+ --spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
3404
+ --spectrum-indigo-400-rgb: 192, 201, 255;
3405
+ --spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
3406
+ --spectrum-indigo-500-rgb: 167, 178, 255;
3407
+ --spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
3408
+ --spectrum-indigo-600-rgb: 145, 151, 254;
3409
+ --spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
3410
+ --spectrum-indigo-700-rgb: 132, 128, 254;
3411
+ --spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
3412
+ --spectrum-indigo-800-rgb: 122, 106, 253;
3413
+ --spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
3414
+ --spectrum-indigo-900-rgb: 113, 85, 250;
3415
+ --spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
3416
+ --spectrum-indigo-1000-rgb: 99, 56, 238;
3417
+ --spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
3418
+ --spectrum-indigo-1100-rgb: 84, 36, 219;
3419
+ --spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
3420
+ --spectrum-indigo-1200-rgb: 69, 19, 191;
3421
+ --spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
3422
+ --spectrum-indigo-1300-rgb: 55, 6, 160;
3423
+ --spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
3424
+ --spectrum-indigo-1400-rgb: 42, 0, 129;
3425
+ --spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
3426
+ --spectrum-indigo-1500-rgb: 31, 0, 98;
3427
+ --spectrum-indigo-1500: rgba(var(--spectrum-indigo-1500-rgb));
3428
+ --spectrum-indigo-1600-rgb: 17, 0, 54;
3429
+ --spectrum-indigo-1600: rgba(var(--spectrum-indigo-1600-rgb));
3430
+ --spectrum-purple-100-rgb: 251, 247, 254;
3431
+ --spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
3432
+ --spectrum-purple-200-rgb: 244, 235, 252;
3433
+ --spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
3434
+ --spectrum-purple-300-rgb: 235, 218, 249;
3435
+ --spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
3436
+ --spectrum-purple-400-rgb: 221, 193, 246;
3437
+ --spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
3438
+ --spectrum-purple-500-rgb: 208, 167, 243;
3439
+ --spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
3440
+ --spectrum-purple-600-rgb: 191, 138, 238;
3441
+ --spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
3442
+ --spectrum-purple-700-rgb: 178, 114, 235;
3443
+ --spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
3444
+ --spectrum-purple-800-rgb: 166, 92, 231;
3445
+ --spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
3446
+ --spectrum-purple-900-rgb: 154, 71, 226;
3447
+ --spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
3448
+ --spectrum-purple-1000-rgb: 134, 40, 217;
3449
+ --spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
3450
+ --spectrum-purple-1100-rgb: 115, 13, 204;
3451
+ --spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
3452
+ --spectrum-purple-1200-rgb: 93, 0, 177;
3453
+ --spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
3454
+ --spectrum-purple-1300-rgb: 75, 0, 144;
3455
+ --spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
3456
+ --spectrum-purple-1400-rgb: 59, 0, 111;
3457
+ --spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
3458
+ --spectrum-purple-1500-rgb: 44, 0, 84;
3459
+ --spectrum-purple-1500: rgba(var(--spectrum-purple-1500-rgb));
3460
+ --spectrum-purple-1600-rgb: 23, 0, 45;
3461
+ --spectrum-purple-1600: rgba(var(--spectrum-purple-1600-rgb));
3462
+ --spectrum-fuchsia-100-rgb: 254, 246, 255;
3463
+ --spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
3464
+ --spectrum-fuchsia-200-rgb: 253, 233, 255;
3465
+ --spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
3466
+ --spectrum-fuchsia-300-rgb: 250, 211, 255;
3467
+ --spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
3468
+ --spectrum-fuchsia-400-rgb: 247, 181, 255;
3469
+ --spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
3470
+ --spectrum-fuchsia-500-rgb: 243, 147, 255;
3471
+ --spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
3472
+ --spectrum-fuchsia-600-rgb: 236, 105, 255;
3473
+ --spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
3474
+ --spectrum-fuchsia-700-rgb: 223, 77, 245;
3475
+ --spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
3476
+ --spectrum-fuchsia-800-rgb: 200, 68, 220;
3477
+ --spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
3478
+ --spectrum-fuchsia-900-rgb: 181, 57, 200;
3479
+ --spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
3480
+ --spectrum-fuchsia-1000-rgb: 156, 40, 175;
3481
+ --spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
3482
+ --spectrum-fuchsia-1100-rgb: 135, 27, 154;
3483
+ --spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
3484
+ --spectrum-fuchsia-1200-rgb: 113, 15, 131;
3485
+ --spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
3486
+ --spectrum-fuchsia-1300-rgb: 92, 4, 109;
3487
+ --spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
3488
+ --spectrum-fuchsia-1400-rgb: 72, 0, 88;
3489
+ --spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
3490
+ --spectrum-fuchsia-1500-rgb: 54, 0, 66;
3491
+ --spectrum-fuchsia-1500: rgba(var(--spectrum-fuchsia-1500-rgb));
3492
+ --spectrum-fuchsia-1600-rgb: 29, 0, 35;
3493
+ --spectrum-fuchsia-1600: rgba(var(--spectrum-fuchsia-1600-rgb));
3494
+ --spectrum-magenta-100-rgb: 255, 245, 248;
3495
+ --spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
3496
+ --spectrum-magenta-200-rgb: 255, 232, 240;
3497
+ --spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
3498
+ --spectrum-magenta-300-rgb: 255, 213, 227;
3499
+ --spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
3500
+ --spectrum-magenta-400-rgb: 255, 185, 208;
3501
+ --spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
3502
+ --spectrum-magenta-500-rgb: 255, 152, 187;
3503
+ --spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
3504
+ --spectrum-magenta-600-rgb: 255, 112, 159;
3505
+ --spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
3506
+ --spectrum-magenta-700-rgb: 255, 72, 133;
3507
+ --spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
3508
+ --spectrum-magenta-800-rgb: 240, 45, 110;
3509
+ --spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
3510
+ --spectrum-magenta-900-rgb: 217, 35, 97;
3511
+ --spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
3512
+ --spectrum-magenta-1000-rgb: 186, 22, 80;
3513
+ --spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
3514
+ --spectrum-magenta-1100-rgb: 163, 5, 62;
3515
+ --spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
3516
+ --spectrum-magenta-1200-rgb: 136, 0, 51;
3517
+ --spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
3518
+ --spectrum-magenta-1300-rgb: 111, 0, 40;
3519
+ --spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
3520
+ --spectrum-magenta-1400-rgb: 86, 0, 30;
3521
+ --spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
3522
+ --spectrum-magenta-1500-rgb: 64, 0, 22;
3523
+ --spectrum-magenta-1500: rgba(var(--spectrum-magenta-1500-rgb));
3524
+ --spectrum-magenta-1600-rgb: 35, 0, 12;
3525
+ --spectrum-magenta-1600: rgba(var(--spectrum-magenta-1600-rgb));
3526
+ --spectrum-pink-100-rgb: 255, 246, 252;
3527
+ --spectrum-pink-100: rgba(var(--spectrum-pink-100-rgb));
3528
+ --spectrum-pink-200-rgb: 255, 232, 247;
3529
+ --spectrum-pink-200: rgba(var(--spectrum-pink-200-rgb));
3530
+ --spectrum-pink-300-rgb: 255, 211, 240;
3531
+ --spectrum-pink-300: rgba(var(--spectrum-pink-300-rgb));
3532
+ --spectrum-pink-400-rgb: 255, 181, 230;
3533
+ --spectrum-pink-400: rgba(var(--spectrum-pink-400-rgb));
3534
+ --spectrum-pink-500-rgb: 255, 148, 219;
3535
+ --spectrum-pink-500: rgba(var(--spectrum-pink-500-rgb));
3536
+ --spectrum-pink-600-rgb: 255, 103, 204;
3537
+ --spectrum-pink-600: rgba(var(--spectrum-pink-600-rgb));
3538
+ --spectrum-pink-700-rgb: 242, 76, 184;
3539
+ --spectrum-pink-700: rgba(var(--spectrum-pink-700-rgb));
3540
+ --spectrum-pink-800-rgb: 228, 52, 163;
3541
+ --spectrum-pink-800: rgba(var(--spectrum-pink-800-rgb));
3542
+ --spectrum-pink-900-rgb: 206, 42, 146;
3543
+ --spectrum-pink-900: rgba(var(--spectrum-pink-900-rgb));
3544
+ --spectrum-pink-1000-rgb: 176, 31, 123;
3545
+ --spectrum-pink-1000: rgba(var(--spectrum-pink-1000-rgb));
3546
+ --spectrum-pink-1100-rgb: 152, 22, 104;
3547
+ --spectrum-pink-1100: rgba(var(--spectrum-pink-1100-rgb));
3548
+ --spectrum-pink-1200-rgb: 128, 12, 85;
3549
+ --spectrum-pink-1200: rgba(var(--spectrum-pink-1200-rgb));
3550
+ --spectrum-pink-1300-rgb: 105, 3, 68;
3551
+ --spectrum-pink-1300: rgba(var(--spectrum-pink-1300-rgb));
3552
+ --spectrum-pink-1400-rgb: 83, 0, 53;
3553
+ --spectrum-pink-1400: rgba(var(--spectrum-pink-1400-rgb));
3554
+ --spectrum-pink-1500-rgb: 62, 0, 39;
3555
+ --spectrum-pink-1500: rgba(var(--spectrum-pink-1500-rgb));
3556
+ --spectrum-pink-1600-rgb: 33, 0, 21;
3557
+ --spectrum-pink-1600: rgba(var(--spectrum-pink-1600-rgb));
3558
+ --spectrum-turquoise-100-rgb: 238, 251, 251;
3559
+ --spectrum-turquoise-100: rgba(var(--spectrum-turquoise-100-rgb));
3560
+ --spectrum-turquoise-200-rgb: 209, 245, 245;
3561
+ --spectrum-turquoise-200: rgba(var(--spectrum-turquoise-200-rgb));
3562
+ --spectrum-turquoise-300-rgb: 169, 236, 237;
3563
+ --spectrum-turquoise-300: rgba(var(--spectrum-turquoise-300-rgb));
3564
+ --spectrum-turquoise-400-rgb: 111, 221, 228;
3565
+ --spectrum-turquoise-400: rgba(var(--spectrum-turquoise-400-rgb));
3566
+ --spectrum-turquoise-500-rgb: 39, 202, 216;
3567
+ --spectrum-turquoise-500: rgba(var(--spectrum-turquoise-500-rgb));
3568
+ --spectrum-turquoise-600-rgb: 15, 177, 192;
3569
+ --spectrum-turquoise-600: rgba(var(--spectrum-turquoise-600-rgb));
3570
+ --spectrum-turquoise-700-rgb: 12, 158, 171;
3571
+ --spectrum-turquoise-700: rgba(var(--spectrum-turquoise-700-rgb));
3572
+ --spectrum-turquoise-800-rgb: 10, 141, 153;
3573
+ --spectrum-turquoise-800: rgba(var(--spectrum-turquoise-800-rgb));
3574
+ --spectrum-turquoise-900-rgb: 8, 126, 137;
3575
+ --spectrum-turquoise-900: rgba(var(--spectrum-turquoise-900-rgb));
3576
+ --spectrum-turquoise-1000-rgb: 5, 107, 116;
3577
+ --spectrum-turquoise-1000: rgba(var(--spectrum-turquoise-1000-rgb));
3578
+ --spectrum-turquoise-1100-rgb: 3, 90, 98;
3579
+ --spectrum-turquoise-1100: rgba(var(--spectrum-turquoise-1100-rgb));
3580
+ --spectrum-turquoise-1200-rgb: 1, 74, 81;
3581
+ --spectrum-turquoise-1200: rgba(var(--spectrum-turquoise-1200-rgb));
3582
+ --spectrum-turquoise-1300-rgb: 0, 59, 65;
3583
+ --spectrum-turquoise-1300: rgba(var(--spectrum-turquoise-1300-rgb));
3584
+ --spectrum-turquoise-1400-rgb: 0, 44, 49;
3585
+ --spectrum-turquoise-1400: rgba(var(--spectrum-turquoise-1400-rgb));
3586
+ --spectrum-turquoise-1500-rgb: 0, 32, 35;
3587
+ --spectrum-turquoise-1500: rgba(var(--spectrum-turquoise-1500-rgb));
3588
+ --spectrum-turquoise-1600-rgb: 0, 15, 17;
3589
+ --spectrum-turquoise-1600: rgba(var(--spectrum-turquoise-1600-rgb));
3590
+ --spectrum-brown-100-rgb: 252, 247, 242;
3591
+ --spectrum-brown-100: rgba(var(--spectrum-brown-100-rgb));
3592
+ --spectrum-brown-200-rgb: 247, 238, 225;
3593
+ --spectrum-brown-200: rgba(var(--spectrum-brown-200-rgb));
3594
+ --spectrum-brown-300-rgb: 239, 221, 195;
3595
+ --spectrum-brown-300: rgba(var(--spectrum-brown-300-rgb));
3596
+ --spectrum-brown-400-rgb: 229, 200, 157;
3597
+ --spectrum-brown-400: rgba(var(--spectrum-brown-400-rgb));
3598
+ --spectrum-brown-500-rgb: 214, 177, 123;
3599
+ --spectrum-brown-500: rgba(var(--spectrum-brown-500-rgb));
3600
+ --spectrum-brown-600-rgb: 190, 155, 104;
3601
+ --spectrum-brown-600: rgba(var(--spectrum-brown-600-rgb));
3602
+ --spectrum-brown-700-rgb: 171, 138, 90;
3603
+ --spectrum-brown-700: rgba(var(--spectrum-brown-700-rgb));
3604
+ --spectrum-brown-800-rgb: 154, 123, 77;
3605
+ --spectrum-brown-800: rgba(var(--spectrum-brown-800-rgb));
3606
+ --spectrum-brown-900-rgb: 139, 109, 66;
3607
+ --spectrum-brown-900: rgba(var(--spectrum-brown-900-rgb));
3608
+ --spectrum-brown-1000-rgb: 119, 91, 50;
3609
+ --spectrum-brown-1000: rgba(var(--spectrum-brown-1000-rgb));
3610
+ --spectrum-brown-1100-rgb: 103, 76, 35;
3611
+ --spectrum-brown-1100: rgba(var(--spectrum-brown-1100-rgb));
3612
+ --spectrum-brown-1200-rgb: 88, 61, 21;
3613
+ --spectrum-brown-1200: rgba(var(--spectrum-brown-1200-rgb));
3614
+ --spectrum-brown-1300-rgb: 70, 49, 17;
3615
+ --spectrum-brown-1300: rgba(var(--spectrum-brown-1300-rgb));
3616
+ --spectrum-brown-1400-rgb: 52, 37, 13;
3617
+ --spectrum-brown-1400: rgba(var(--spectrum-brown-1400-rgb));
3618
+ --spectrum-brown-1500-rgb: 38, 26, 9;
3619
+ --spectrum-brown-1500: rgba(var(--spectrum-brown-1500-rgb));
3620
+ --spectrum-brown-1600-rgb: 16, 12, 4;
3621
+ --spectrum-brown-1600: rgba(var(--spectrum-brown-1600-rgb));
3622
+ --spectrum-silver-100-rgb: 247, 247, 247;
3623
+ --spectrum-silver-100: rgba(var(--spectrum-silver-100-rgb));
3624
+ --spectrum-silver-200-rgb: 239, 239, 239;
3625
+ --spectrum-silver-200: rgba(var(--spectrum-silver-200-rgb));
3626
+ --spectrum-silver-300-rgb: 223, 223, 223;
3627
+ --spectrum-silver-300: rgba(var(--spectrum-silver-300-rgb));
3628
+ --spectrum-silver-400-rgb: 204, 204, 204;
3629
+ --spectrum-silver-400: rgba(var(--spectrum-silver-400-rgb));
3630
+ --spectrum-silver-500-rgb: 183, 183, 183;
3631
+ --spectrum-silver-500: rgba(var(--spectrum-silver-500-rgb));
3632
+ --spectrum-silver-600-rgb: 160, 160, 160;
3633
+ --spectrum-silver-600: rgba(var(--spectrum-silver-600-rgb));
3634
+ --spectrum-silver-700-rgb: 143, 143, 143;
3635
+ --spectrum-silver-700: rgba(var(--spectrum-silver-700-rgb));
3636
+ --spectrum-silver-800-rgb: 128, 128, 128;
3637
+ --spectrum-silver-800: rgba(var(--spectrum-silver-800-rgb));
3638
+ --spectrum-silver-900-rgb: 114, 114, 114;
3639
+ --spectrum-silver-900: rgba(var(--spectrum-silver-900-rgb));
3640
+ --spectrum-silver-1000-rgb: 96, 96, 96;
3641
+ --spectrum-silver-1000: rgba(var(--spectrum-silver-1000-rgb));
3642
+ --spectrum-silver-1100-rgb: 81, 81, 81;
3643
+ --spectrum-silver-1100: rgba(var(--spectrum-silver-1100-rgb));
3644
+ --spectrum-silver-1200-rgb: 66, 66, 66;
3645
+ --spectrum-silver-1200: rgba(var(--spectrum-silver-1200-rgb));
3646
+ --spectrum-silver-1300-rgb: 52, 52, 52;
3647
+ --spectrum-silver-1300: rgba(var(--spectrum-silver-1300-rgb));
3648
+ --spectrum-silver-1400-rgb: 39, 39, 39;
3649
+ --spectrum-silver-1400: rgba(var(--spectrum-silver-1400-rgb));
3650
+ --spectrum-silver-1500-rgb: 28, 28, 28;
3651
+ --spectrum-silver-1500: rgba(var(--spectrum-silver-1500-rgb));
3652
+ --spectrum-silver-1600-rgb: 12, 12, 12;
3653
+ --spectrum-silver-1600: rgba(var(--spectrum-silver-1600-rgb));
3654
+ --spectrum-cinnamon-100-rgb: 253, 247, 243;
3655
+ --spectrum-cinnamon-100: rgba(var(--spectrum-cinnamon-100-rgb));
3656
+ --spectrum-cinnamon-200-rgb: 249, 236, 229;
3657
+ --spectrum-cinnamon-200: rgba(var(--spectrum-cinnamon-200-rgb));
3658
+ --spectrum-cinnamon-300-rgb: 244, 218, 203;
3659
+ --spectrum-cinnamon-300: rgba(var(--spectrum-cinnamon-300-rgb));
3660
+ --spectrum-cinnamon-400-rgb: 237, 196, 172;
3661
+ --spectrum-cinnamon-400: rgba(var(--spectrum-cinnamon-400-rgb));
3662
+ --spectrum-cinnamon-500-rgb: 229, 170, 136;
3663
+ --spectrum-cinnamon-500: rgba(var(--spectrum-cinnamon-500-rgb));
3664
+ --spectrum-cinnamon-600-rgb: 212, 145, 108;
3665
+ --spectrum-cinnamon-600: rgba(var(--spectrum-cinnamon-600-rgb));
3666
+ --spectrum-cinnamon-700-rgb: 198, 126, 88;
3667
+ --spectrum-cinnamon-700: rgba(var(--spectrum-cinnamon-700-rgb));
3668
+ --spectrum-cinnamon-800-rgb: 184, 109, 70;
3669
+ --spectrum-cinnamon-800: rgba(var(--spectrum-cinnamon-800-rgb));
3670
+ --spectrum-cinnamon-900-rgb: 170, 94, 56;
3671
+ --spectrum-cinnamon-900: rgba(var(--spectrum-cinnamon-900-rgb));
3672
+ --spectrum-cinnamon-1000-rgb: 147, 77, 43;
3673
+ --spectrum-cinnamon-1000: rgba(var(--spectrum-cinnamon-1000-rgb));
3674
+ --spectrum-cinnamon-1100-rgb: 128, 62, 32;
3675
+ --spectrum-cinnamon-1100: rgba(var(--spectrum-cinnamon-1100-rgb));
3676
+ --spectrum-cinnamon-1200-rgb: 110, 48, 21;
3677
+ --spectrum-cinnamon-1200: rgba(var(--spectrum-cinnamon-1200-rgb));
3678
+ --spectrum-cinnamon-1300-rgb: 92, 35, 11;
3679
+ --spectrum-cinnamon-1300: rgba(var(--spectrum-cinnamon-1300-rgb));
3680
+ --spectrum-cinnamon-1400-rgb: 72, 25, 6;
3681
+ --spectrum-cinnamon-1400: rgba(var(--spectrum-cinnamon-1400-rgb));
3682
+ --spectrum-cinnamon-1500-rgb: 52, 18, 4;
3683
+ --spectrum-cinnamon-1500: rgba(var(--spectrum-cinnamon-1500-rgb));
3684
+ --spectrum-cinnamon-1600-rgb: 24, 8, 2;
3685
+ --spectrum-cinnamon-1600: rgba(var(--spectrum-cinnamon-1600-rgb));
2608
3686
  --spectrum-icon-color-blue-primary-default: var(--spectrum-blue-900);
2609
3687
  --spectrum-icon-color-green-primary-default: var(--spectrum-green-900);
2610
3688
  --spectrum-icon-color-red-primary-default: var(--spectrum-red-900);
2611
3689
  --spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-400);
2612
- --spectrum-menu-item-background-color-default: rgba(0, 0, 0, 0);
2613
- --spectrum-menu-item-background-color-hover: var(
2614
- --spectrum-transparent-black-200
3690
+ --spectrum-negative-subdued-background-color-default: var(
3691
+ --spectrum-negative-subtle-background-color-default
2615
3692
  );
2616
- --spectrum-menu-item-background-color-down: var(
2617
- --spectrum-transparent-black-200
3693
+ --spectrum-accent-subtle-background-color-default: var(
3694
+ --spectrum-accent-color-200
2618
3695
  );
2619
- --spectrum-menu-item-background-color-key-focus: var(
2620
- --spectrum-transparent-black-200
3696
+ --spectrum-informative-subtle-background-color-default: var(
3697
+ --spectrum-informative-color-200
3698
+ );
3699
+ --spectrum-positive-subtle-background-color-default: var(
3700
+ --spectrum-positive-color-200
3701
+ );
3702
+ --spectrum-notice-subtle-background-color-default: var(
3703
+ --spectrum-notice-color-200
3704
+ );
3705
+ --spectrum-negative-subtle-background-color-default: var(
3706
+ --spectrum-negative-color-200
2621
3707
  );
2622
3708
  --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb);
2623
3709
  --spectrum-dropindicator-color: var(--spectrum-blue-800);
@@ -2654,10 +3740,6 @@
2654
3740
  --spectrum-badge-label-icon-color-primary: var(--spectrum-white);
2655
3741
 
2656
3742
  --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
2657
- --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
2658
- --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-25);
2659
-
2660
- --spectrum-well-border-color: var(--spectrum-black-rgb);
2661
3743
 
2662
3744
  --spectrum-steplist-current-marker-color-key-focus: var(
2663
3745
  --spectrum-blue-800
@@ -2704,16 +3786,16 @@
2704
3786
  );
2705
3787
  --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800);
2706
3788
 
2707
- --spectrum-swatch-border-color: rgba(0, 0, 0, 0.51);
3789
+ --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb);
2708
3790
  }
2709
3791
 
2710
3792
  :host,
2711
3793
  :root {
2712
3794
  --spectrum-workflow-icon-size-50: 14px;
2713
3795
  --spectrum-workflow-icon-size-75: 16px;
2714
- --spectrum-workflow-icon-size-100: 18px;
2715
- --spectrum-workflow-icon-size-200: 20px;
2716
- --spectrum-workflow-icon-size-300: 22px;
3796
+ --spectrum-workflow-icon-size-100: 20px;
3797
+ --spectrum-workflow-icon-size-200: 22px;
3798
+ --spectrum-workflow-icon-size-300: 26px;
2717
3799
  --spectrum-arrow-icon-size-75: 10px;
2718
3800
  --spectrum-arrow-icon-size-100: 10px;
2719
3801
  --spectrum-arrow-icon-size-200: 12px;
@@ -3108,15 +4190,14 @@
3108
4190
  --spectrum-side-navigation-bottom-to-text: 8px;
3109
4191
  --spectrum-tray-top-to-content-area: 4px;
3110
4192
  --spectrum-accordion-top-to-text-spacious-small: 9px;
3111
- --spectrum-corner-radius-100: 4px;
3112
- --spectrum-corner-radius-200: 8px;
3113
4193
  --spectrum-drop-shadow-y: 1px;
3114
4194
  --spectrum-drop-shadow-blur: 4px;
3115
- --spectrum-text-to-visual-50: 6px;
3116
- --spectrum-text-to-visual-75: 7px;
3117
- --spectrum-text-to-visual-100: 8px;
3118
- --spectrum-text-to-visual-200: 9px;
3119
- --spectrum-text-to-visual-300: 10px;
4195
+ --spectrum-text-to-visual-50: 5px;
4196
+ --spectrum-text-to-visual-75: 5px;
4197
+ --spectrum-text-to-visual-100: 6px;
4198
+ --spectrum-text-to-visual-200: 7px;
4199
+ --spectrum-text-to-visual-300: 8px;
4200
+ --spectrum-text-to-visual-400: 9px;
3120
4201
  --spectrum-text-to-control-75: 9px;
3121
4202
  --spectrum-text-to-control-100: 10px;
3122
4203
  --spectrum-text-to-control-200: 11px;
@@ -3128,38 +4209,38 @@
3128
4209
  --spectrum-component-height-300: 48px;
3129
4210
  --spectrum-component-height-400: 56px;
3130
4211
  --spectrum-component-height-500: 64px;
3131
- --spectrum-component-pill-edge-to-visual-75: 10px;
4212
+ --spectrum-component-pill-edge-to-visual-75: 11px;
3132
4213
  --spectrum-component-pill-edge-to-visual-100: 14px;
3133
4214
  --spectrum-component-pill-edge-to-visual-200: 18px;
3134
- --spectrum-component-pill-edge-to-visual-300: 21px;
4215
+ --spectrum-component-pill-edge-to-visual-300: 20px;
3135
4216
  --spectrum-component-pill-edge-to-visual-only-75: 4px;
3136
- --spectrum-component-pill-edge-to-visual-only-100: 7px;
3137
- --spectrum-component-pill-edge-to-visual-only-200: 10px;
3138
- --spectrum-component-pill-edge-to-visual-only-300: 13px;
3139
- --spectrum-component-pill-edge-to-text-75: 12px;
4217
+ --spectrum-component-pill-edge-to-visual-only-100: 6px;
4218
+ --spectrum-component-pill-edge-to-visual-only-200: 9px;
4219
+ --spectrum-component-pill-edge-to-visual-only-300: 11px;
4220
+ --spectrum-component-pill-edge-to-text-75: 13px;
3140
4221
  --spectrum-component-pill-edge-to-text-100: 16px;
3141
4222
  --spectrum-component-pill-edge-to-text-200: 20px;
3142
- --spectrum-component-pill-edge-to-text-300: 24px;
3143
- --spectrum-component-edge-to-visual-50: 6px;
3144
- --spectrum-component-edge-to-visual-75: 7px;
4223
+ --spectrum-component-pill-edge-to-text-300: 23px;
4224
+ --spectrum-component-edge-to-visual-50: 7px;
4225
+ --spectrum-component-edge-to-visual-75: 8px;
3145
4226
  --spectrum-component-edge-to-visual-100: 10px;
3146
4227
  --spectrum-component-edge-to-visual-200: 13px;
3147
- --spectrum-component-edge-to-visual-300: 15px;
4228
+ --spectrum-component-edge-to-visual-300: 14px;
3148
4229
  --spectrum-component-edge-to-visual-only-50: 3px;
3149
4230
  --spectrum-component-edge-to-visual-only-75: 4px;
3150
- --spectrum-component-edge-to-visual-only-100: 7px;
3151
- --spectrum-component-edge-to-visual-only-200: 10px;
3152
- --spectrum-component-edge-to-visual-only-300: 13px;
4231
+ --spectrum-component-edge-to-visual-only-100: 6px;
4232
+ --spectrum-component-edge-to-visual-only-200: 9px;
4233
+ --spectrum-component-edge-to-visual-only-300: 11px;
3153
4234
  --spectrum-component-edge-to-text-50: 8px;
3154
- --spectrum-component-edge-to-text-75: 9px;
4235
+ --spectrum-component-edge-to-text-75: 10px;
3155
4236
  --spectrum-component-edge-to-text-100: 12px;
3156
4237
  --spectrum-component-edge-to-text-200: 15px;
3157
- --spectrum-component-edge-to-text-300: 18px;
4238
+ --spectrum-component-edge-to-text-300: 17px;
3158
4239
  --spectrum-component-top-to-workflow-icon-50: 3px;
3159
4240
  --spectrum-component-top-to-workflow-icon-75: 4px;
3160
- --spectrum-component-top-to-workflow-icon-100: 7px;
3161
- --spectrum-component-top-to-workflow-icon-200: 10px;
3162
- --spectrum-component-top-to-workflow-icon-300: 13px;
4241
+ --spectrum-component-top-to-workflow-icon-100: 6px;
4242
+ --spectrum-component-top-to-workflow-icon-200: 9px;
4243
+ --spectrum-component-top-to-workflow-icon-300: 11px;
3163
4244
  --spectrum-component-top-to-text-50: 3px;
3164
4245
  --spectrum-component-top-to-text-75: 4px;
3165
4246
  --spectrum-component-top-to-text-100: 6px;
@@ -3301,10 +4382,6 @@
3301
4382
  --spectrum-coachmark-buttongroup-mobile-display: none;
3302
4383
  --spectrum-coachmark-menu-display: inline-flex;
3303
4384
  --spectrum-coachmark-menu-mobile-display: none;
3304
- --spectrum-well-padding: var(--spectrum-spacing-300);
3305
- --spectrum-well-margin-top: var(--spectrum-spacing-75);
3306
- --spectrum-well-min-width: 240px;
3307
- --spectrum-well-border-radius: var(--spectrum-spacing-75);
3308
4385
  --spectrum-workflow-icon-size-xxl: 32px;
3309
4386
  --spectrum-workflow-icon-size-xxs: 12px;
3310
4387
 
@@ -3357,4 +4434,6 @@
3357
4434
 
3358
4435
  --spectrum-ui-icon-medium-display: block;
3359
4436
  --spectrum-ui-icon-large-display: none;
4437
+
4438
+ --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100);
3360
4439
  }