@alfalab/core-components-vars 9.17.0 → 9.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,725 +1,725 @@
1
1
  :root {
2
- --color-dark-accent-primary: #f83a2a;
3
- --color-dark-accent-primary-hover: #ff503e;
4
- --color-dark-accent-primary-inverted: #ef3124;
5
- --color-dark-accent-primary-inverted-hover: #e32a17;
6
- --color-dark-accent-primary-inverted-press: #d72505;
7
- --color-dark-accent-primary-press: #fd624e;
8
- --color-dark-accent-secondary: #fff;
9
- --color-dark-accent-secondary-hover: #dcdde1;
10
- --color-dark-accent-secondary-inverted: #212124;
11
- --color-dark-accent-secondary-inverted-hover: #2f2f32;
12
- --color-dark-accent-secondary-inverted-press: #353539;
13
- --color-dark-accent-secondary-press: #d2d3d9;
14
- --color-dark-base-bg-alt-primary: #121213;
15
- --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
16
- --color-dark-base-bg-alt-secondary: #1c1c1e;
17
- --color-dark-base-bg-alt-secondary-inverted: #fff;
18
- --color-dark-base-bg-alt-tertiary: #29292c;
19
- --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
20
- --color-dark-base-bg-primary: #121213;
21
- --color-dark-base-bg-primary-inverted: #fff;
22
- --color-dark-base-bg-secondary: #1c1c1e;
23
- --color-dark-base-bg-secondary-inverted: #f2f3f5;
24
- --color-dark-base-bg-tertiary: #29292c;
25
- --color-dark-base-bg-tertiary-inverted: #fff;
26
- --color-dark-modal-bg-alt-primary: #1c1c1e;
27
- --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;
28
- --color-dark-modal-bg-alt-secondary: #29292c;
29
- --color-dark-modal-bg-alt-secondary-inverted: #fff;
30
- --color-dark-modal-bg-alt-tertiary: #353539;
31
- --color-dark-modal-bg-alt-tertiary-inverted: #f2f3f5;
32
- --color-dark-modal-bg-primary: #1c1c1e;
33
- --color-dark-modal-bg-primary-inverted: #fff;
34
- --color-dark-modal-bg-secondary: #29292c;
35
- --color-dark-modal-bg-secondary-inverted: #f2f3f5;
36
- --color-dark-modal-bg-tertiary: #353539;
37
- --color-dark-modal-bg-tertiary-inverted: #fff;
38
- --color-dark-neutral-0: #262629;
39
- --color-dark-neutral-0-hover: #2f2f32;
40
- --color-dark-neutral-0-inverted: #fff;
41
- --color-dark-neutral-0-inverted-hover: #e7e8eb;
42
- --color-dark-neutral-0-inverted-press: #dcdde1;
43
- --color-dark-neutral-0-press: #353539;
44
- --color-dark-neutral-100: #1c1c1e;
45
- --color-dark-neutral-100-hover: #212124;
46
- --color-dark-neutral-100-inverted: #f2f3f5;
47
- --color-dark-neutral-100-inverted-hover: #e7e8eb;
48
- --color-dark-neutral-100-inverted-press: #dcdde1;
49
- --color-dark-neutral-100-press: #29292c;
50
- --color-dark-neutral-1300: #f2f3f5;
51
- --color-dark-neutral-1300-hover: #d2d3d9;
52
- --color-dark-neutral-1300-inverted: #212124;
53
- --color-dark-neutral-1300-inverted-hover: #3f3f45;
54
- --color-dark-neutral-1300-inverted-press: #5f5f66;
55
- --color-dark-neutral-1300-press: #babbc2;
56
- --color-dark-neutral-1500: #fff;
57
- --color-dark-neutral-1500-hover: #babbc2;
58
- --color-dark-neutral-1500-inverted: #121213;
59
- --color-dark-neutral-1500-inverted-hover: #3f3f45;
60
- --color-dark-neutral-1500-inverted-press: #5f5f66;
61
- --color-dark-neutral-1500-press: #a0a1a9;
62
- --color-dark-neutral-200: #212124;
63
- --color-dark-neutral-200-hover: #29292c;
64
- --color-dark-neutral-200-inverted: #edeef0;
65
- --color-dark-neutral-200-inverted-hover: #e7e8eb;
66
- --color-dark-neutral-200-inverted-press: #dcdde1;
67
- --color-dark-neutral-200-press: #2f2f32;
68
- --color-dark-neutral-300: #29292c;
69
- --color-dark-neutral-300-hover: #2f2f32;
70
- --color-dark-neutral-300-inverted: #e7e8eb;
71
- --color-dark-neutral-300-inverted-hover: #dcdde1;
72
- --color-dark-neutral-300-inverted-press: #d2d3d9;
73
- --color-dark-neutral-300-press: #353539;
74
- --color-dark-neutral-400: #353539;
75
- --color-dark-neutral-400-hover: #3f3f45;
76
- --color-dark-neutral-400-inverted: #d2d3d9;
77
- --color-dark-neutral-400-inverted-hover: #babbc2;
78
- --color-dark-neutral-400-inverted-press: #a0a1a9;
79
- --color-dark-neutral-400-press: #4a4a51;
80
- --color-dark-neutral-500: #4a4a51;
81
- --color-dark-neutral-500-hover: #5f5f66;
82
- --color-dark-neutral-500-inverted: #babbc2;
83
- --color-dark-neutral-500-inverted-hover: #a0a1a9;
84
- --color-dark-neutral-500-inverted-press: #898991;
85
- --color-dark-neutral-500-press: #75757d;
86
- --color-dark-neutral-700: #898991;
87
- --color-dark-neutral-700-hover: #a0a1a9;
88
- --color-dark-neutral-700-inverted: #898991;
89
- --color-dark-neutral-700-inverted-hover: #75757d;
90
- --color-dark-neutral-700-inverted-press: #5f5f66;
91
- --color-dark-neutral-700-press: #babbc2;
92
- --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07);
93
- --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09);
94
- --color-dark-neutral-translucent-0-inverted: #fff;
95
- --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06);
96
- --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08);
97
- --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13);
98
- --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07);
99
- --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09);
100
- --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06);
101
- --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
102
- --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
103
- --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
104
- --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
105
- --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
106
- --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
107
- --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);
108
- --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);
109
- --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
110
- --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
111
- --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
112
- --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
113
- --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65);
114
- --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09);
115
- --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13);
116
- --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08);
117
- --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1);
118
- --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14);
119
- --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15);
120
- --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13);
121
- --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15);
122
- --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1);
123
- --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14);
124
- --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18);
125
- --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18);
126
- --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18);
127
- --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23);
128
- --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18);
129
- --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28);
130
- --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38);
131
- --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28);
132
- --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28);
133
- --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37);
134
- --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28);
135
- --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38);
136
- --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47);
137
- --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46);
138
- --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55);
139
- --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65);
140
- --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47);
141
- --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55);
142
- --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
143
- --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
144
- --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
145
- --color-dark-status-attention: #fda136;
146
- --color-dark-status-attention-hover: #fdb24d;
147
- --color-dark-status-attention-inverted: #fa9313;
148
- --color-dark-status-attention-inverted-hover: #f18d0b;
149
- --color-dark-status-attention-inverted-press: #ea8313;
150
- --color-dark-status-attention-press: #ffbf70;
151
- --color-dark-status-info: #3193fc;
152
- --color-dark-status-info-hover: #4a9dfc;
153
- --color-dark-status-info-inverted: #2288fa;
154
- --color-dark-status-info-inverted-hover: #2a77ef;
155
- --color-dark-status-info-inverted-press: #2c64d4;
156
- --color-dark-status-info-press: #63aafd;
157
- --color-dark-status-muted-alt-attention: #412f22;
158
- --color-dark-status-muted-alt-attention-hover: #543a27;
159
- --color-dark-status-muted-alt-attention-inverted: #fde6c8;
160
- --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
161
- --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
162
- --color-dark-status-muted-alt-attention-press: #6a462c;
163
- --color-dark-status-muted-alt-info: #293044;
164
- --color-dark-status-muted-alt-info-hover: #2f3a55;
165
- --color-dark-status-muted-alt-info-inverted: #e4f0ff;
166
- --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
167
- --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
168
- --color-dark-status-muted-alt-info-press: #38476c;
169
- --color-dark-status-muted-alt-negative: #442926;
170
- --color-dark-status-muted-alt-negative-hover: #55312e;
171
- --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
172
- --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
173
- --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
174
- --color-dark-status-muted-alt-negative-press: #6b3b34;
175
- --color-dark-status-muted-alt-positive: #253528;
176
- --color-dark-status-muted-alt-positive-hover: #273f2d;
177
- --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
178
- --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
179
- --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
180
- --color-dark-status-muted-alt-positive-press: #2d4e33;
181
- --color-dark-status-muted-attention: #36291f;
182
- --color-dark-status-muted-attention-hover: #412f22;
183
- --color-dark-status-muted-attention-inverted: #ffefd9;
184
- --color-dark-status-muted-attention-inverted-hover: #fde6c8;
185
- --color-dark-status-muted-attention-inverted-press: #f6d7af;
186
- --color-dark-status-muted-attention-press: #543a27;
187
- --color-dark-status-muted-info: #222a3e;
188
- --color-dark-status-muted-info-hover: #293044;
189
- --color-dark-status-muted-info-inverted: #e4f0ff;
190
- --color-dark-status-muted-info-inverted-hover: #d8eaff;
191
- --color-dark-status-muted-info-inverted-press: #c1dbf7;
192
- --color-dark-status-muted-info-press: #2f3a55;
193
- --color-dark-status-muted-negative: #392523;
194
- --color-dark-status-muted-negative-hover: #442926;
195
- --color-dark-status-muted-negative-inverted: #ffebeb;
196
- --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
197
- --color-dark-status-muted-negative-inverted-press: #f9ccca;
198
- --color-dark-status-muted-negative-press: #55312e;
199
- --color-dark-status-muted-positive: #232d25;
200
- --color-dark-status-muted-positive-hover: #253528;
201
- --color-dark-status-muted-positive-inverted: #dff8e5;
202
- --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
203
- --color-dark-status-muted-positive-inverted-press: #bbe8c3;
204
- --color-dark-status-muted-positive-press: #273f2d;
205
- --color-dark-status-negative: #ff4837;
206
- --color-dark-status-negative-hover: #ff755e;
207
- --color-dark-status-negative-inverted: #ff4837;
208
- --color-dark-status-negative-inverted-hover: #ec2d20;
209
- --color-dark-status-negative-inverted-press: #c7241f;
210
- --color-dark-status-negative-press: #ff8d79;
211
- --color-dark-status-positive: #17d055;
212
- --color-dark-status-positive-hover: #22e068;
213
- --color-dark-status-positive-inverted: #0cc44d;
214
- --color-dark-status-positive-inverted-hover: #04b545;
215
- --color-dark-status-positive-inverted-press: #01a53d;
216
- --color-dark-status-positive-press: #4ae777;
217
- --color-dark-text-attention: #fa9313;
218
- --color-dark-text-attention-hover: #fdb24d;
219
- --color-dark-text-attention-inverted: #ea8313;
220
- --color-dark-text-attention-inverted-hover: #d57111;
221
- --color-dark-text-attention-inverted-press: #b45a06;
222
- --color-dark-text-attention-press: #ffbf70;
223
- --color-dark-text-info: #4a9dfc;
224
- --color-dark-text-info-hover: #63aafd;
225
- --color-dark-text-info-inverted: #2a77ef;
226
- --color-dark-text-info-inverted-hover: #2c64d4;
227
- --color-dark-text-info-inverted-press: #2453b4;
228
- --color-dark-text-info-press: #7fb6ff;
229
- --color-dark-text-negative: #ff4837;
230
- --color-dark-text-negative-hover: #ff755e;
231
- --color-dark-text-negative-inverted: #ec2d20;
232
- --color-dark-text-negative-inverted-hover: #c7241f;
233
- --color-dark-text-negative-inverted-press: #a6201e;
234
- --color-dark-text-negative-press: #ff8d79;
235
- --color-dark-text-positive: #0cc44d;
236
- --color-dark-text-positive-hover: #22e068;
237
- --color-dark-text-positive-inverted: #0d9336;
238
- --color-dark-text-positive-inverted-hover: #0a7d2c;
239
- --color-dark-text-positive-inverted-press: #036625;
240
- --color-dark-text-positive-press: #4ae777;
241
- --color-dark-text-primary: #fff;
242
- --color-dark-text-primary-hover: rgba(255, 255, 255, 0.9);
243
- --color-dark-text-primary-inverted: #0b1f35;
244
- --color-dark-text-primary-inverted-hover: #546272;
245
- --color-dark-text-primary-inverted-press: #6a7786;
246
- --color-dark-text-primary-press: rgba(255, 255, 255, 0.8);
247
- --color-dark-text-quaternary: rgba(255, 255, 255, 0.25);
248
- --color-dark-text-quaternary-inverted: rgba(10, 40, 70, 0.2);
249
- --color-dark-text-secondary: rgba(255, 255, 255, 0.7);
250
- --color-dark-text-secondary-hover: rgba(255, 255, 255, 0.8);
251
- --color-dark-text-secondary-inverted: rgba(11, 31, 53, 0.7);
252
- --color-dark-text-secondary-inverted-hover: rgba(3, 23, 45, 0.77);
253
- --color-dark-text-secondary-inverted-press: rgba(1, 20, 43, 0.81);
254
- --color-dark-text-secondary-press: rgba(255, 255, 255, 0.9);
255
- --color-dark-text-tertiary: rgba(255, 255, 255, 0.4);
256
- --color-dark-text-tertiary-hover: rgba(255, 255, 255, 0.5);
257
- --color-dark-text-tertiary-inverted: rgba(11, 31, 53, 0.3);
258
- --color-dark-text-tertiary-inverted-hover: rgba(1, 23, 47, 0.5);
259
- --color-dark-text-tertiary-inverted-press: rgba(2, 24, 50, 0.59);
260
- --color-dark-text-tertiary-press: rgba(255, 255, 255, 0.6);
261
- --color-dark-transparent-default: rgba(255, 255, 255, 0);
262
- --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07);
263
- --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06);
264
- --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08);
265
- --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09);
266
- --color-light-accent-primary: #ef3124;
267
- --color-light-accent-primary-hover: #e32a17;
268
- --color-light-accent-primary-inverted: #f83a2a;
269
- --color-light-accent-primary-inverted-hover: #ff503e;
270
- --color-light-accent-primary-inverted-press: #fd624e;
271
- --color-light-accent-primary-press: #d72505;
272
- --color-light-accent-secondary: #212124;
273
- --color-light-accent-secondary-hover: #2f2f32;
274
- --color-light-accent-secondary-inverted: #fff;
275
- --color-light-accent-secondary-inverted-hover: #dcdde1;
276
- --color-light-accent-secondary-inverted-press: #d2d3d9;
277
- --color-light-accent-secondary-press: #353539;
278
- --color-light-base-bg-alt-primary: #f2f3f5;
279
- --color-light-base-bg-alt-primary-inverted: #121213;
280
- --color-light-base-bg-alt-secondary: #fff;
281
- --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
282
- --color-light-base-bg-alt-tertiary: #f2f3f5;
283
- --color-light-base-bg-alt-tertiary-inverted: #29292c;
284
- --color-light-base-bg-primary: #fff;
285
- --color-light-base-bg-primary-inverted: #121213;
286
- --color-light-base-bg-secondary: #f2f3f5;
287
- --color-light-base-bg-secondary-inverted: #1c1c1e;
288
- --color-light-base-bg-tertiary: #fff;
289
- --color-light-base-bg-tertiary-inverted: #29292c;
290
- --color-light-modal-bg-alt-primary: #f2f3f5;
291
- --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
292
- --color-light-modal-bg-alt-secondary: #fff;
293
- --color-light-modal-bg-alt-secondary-inverted: #29292c;
294
- --color-light-modal-bg-alt-tertiary: #f2f3f5;
295
- --color-light-modal-bg-alt-tertiary-inverted: #353539;
296
- --color-light-modal-bg-primary: #fff;
297
- --color-light-modal-bg-primary-inverted: #1c1c1e;
298
- --color-light-modal-bg-secondary: #f2f3f5;
299
- --color-light-modal-bg-secondary-inverted: #29292c;
300
- --color-light-modal-bg-tertiary: #fff;
301
- --color-light-modal-bg-tertiary-inverted: #353539;
302
- --color-light-neutral-0: #fff;
303
- --color-light-neutral-0-hover: #e7e8eb;
304
- --color-light-neutral-0-inverted: #262629;
305
- --color-light-neutral-0-inverted-hover: #2f2f32;
306
- --color-light-neutral-0-inverted-press: #353539;
307
- --color-light-neutral-0-press: #dcdde1;
308
- --color-light-neutral-100: #f2f3f5;
309
- --color-light-neutral-100-hover: #e7e8eb;
310
- --color-light-neutral-100-inverted: #1c1c1e;
311
- --color-light-neutral-100-inverted-hover: #212124;
312
- --color-light-neutral-100-inverted-press: #29292c;
313
- --color-light-neutral-100-press: #dcdde1;
314
- --color-light-neutral-1300: #212124;
315
- --color-light-neutral-1300-hover: #3f3f45;
316
- --color-light-neutral-1300-inverted: #f2f3f5;
317
- --color-light-neutral-1300-inverted-hover: #d2d3d9;
318
- --color-light-neutral-1300-inverted-press: #babbc2;
319
- --color-light-neutral-1300-press: #5f5f66;
320
- --color-light-neutral-1500: #121213;
321
- --color-light-neutral-1500-hover: #3f3f45;
322
- --color-light-neutral-1500-inverted: #fff;
323
- --color-light-neutral-1500-inverted-hover: #babbc2;
324
- --color-light-neutral-1500-inverted-press: #a0a1a9;
325
- --color-light-neutral-1500-press: #5f5f66;
326
- --color-light-neutral-200: #edeef0;
327
- --color-light-neutral-200-hover: #e7e8eb;
328
- --color-light-neutral-200-inverted: #212124;
329
- --color-light-neutral-200-inverted-hover: #29292c;
330
- --color-light-neutral-200-inverted-press: #2f2f32;
331
- --color-light-neutral-200-press: #dcdde1;
332
- --color-light-neutral-300: #e7e8eb;
333
- --color-light-neutral-300-hover: #dcdde1;
334
- --color-light-neutral-300-inverted: #29292c;
335
- --color-light-neutral-300-inverted-hover: #2f2f32;
336
- --color-light-neutral-300-inverted-press: #353539;
337
- --color-light-neutral-300-press: #d2d3d9;
338
- --color-light-neutral-400: #d2d3d9;
339
- --color-light-neutral-400-hover: #babbc2;
340
- --color-light-neutral-400-inverted: #353539;
341
- --color-light-neutral-400-inverted-hover: #3f3f45;
342
- --color-light-neutral-400-inverted-press: #4a4a51;
343
- --color-light-neutral-400-press: #a0a1a9;
344
- --color-light-neutral-500: #babbc2;
345
- --color-light-neutral-500-hover: #a0a1a9;
346
- --color-light-neutral-500-inverted: #4a4a51;
347
- --color-light-neutral-500-inverted-hover: #5f5f66;
348
- --color-light-neutral-500-inverted-press: #75757d;
349
- --color-light-neutral-500-press: #898991;
350
- --color-light-neutral-700: #898991;
351
- --color-light-neutral-700-hover: #75757d;
352
- --color-light-neutral-700-inverted: #898991;
353
- --color-light-neutral-700-inverted-hover: #a0a1a9;
354
- --color-light-neutral-700-inverted-press: #babbc2;
355
- --color-light-neutral-700-press: #5f5f66;
356
- --color-light-neutral-translucent-0: #fff;
357
- --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
358
- --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
359
- --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
360
- --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
361
- --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
362
- --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
363
- --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
364
- --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
365
- --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
366
- --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
367
- --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
368
- --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
369
- --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
370
- --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
371
- --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
372
- --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
373
- --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
374
- --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
375
- --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
376
- --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
377
- --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
378
- --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
379
- --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
380
- --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
381
- --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
382
- --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
383
- --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
384
- --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
385
- --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
386
- --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
387
- --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
388
- --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
389
- --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
390
- --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18);
391
- --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
392
- --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
393
- --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
394
- --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
395
- --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
396
- --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
397
- --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
398
- --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
399
- --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
400
- --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
401
- --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
402
- --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
403
- --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
404
- --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
405
- --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
406
- --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
407
- --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
408
- --color-light-overlay-default: rgba(0, 0, 0, 0.6);
409
- --color-light-status-attention: #fa9313;
410
- --color-light-status-attention-hover: #f18d0b;
411
- --color-light-status-attention-inverted: #fda136;
412
- --color-light-status-attention-inverted-hover: #fdb24d;
413
- --color-light-status-attention-inverted-press: #ffbf70;
414
- --color-light-status-attention-press: #ea8313;
415
- --color-light-status-info: #2288fa;
416
- --color-light-status-info-hover: #2a77ef;
417
- --color-light-status-info-inverted: #3193fc;
418
- --color-light-status-info-inverted-hover: #4a9dfc;
419
- --color-light-status-info-inverted-press: #63aafd;
420
- --color-light-status-info-press: #2c64d4;
421
- --color-light-status-muted-alt-attention: #fde6c8;
422
- --color-light-status-muted-alt-attention-hover: #f6d7af;
423
- --color-light-status-muted-alt-attention-inverted: #412f22;
424
- --color-light-status-muted-alt-attention-inverted-hover: #543a27;
425
- --color-light-status-muted-alt-attention-inverted-press: #6a462c;
426
- --color-light-status-muted-alt-attention-press: #f0c492;
427
- --color-light-status-muted-alt-info: #d8eaff;
428
- --color-light-status-muted-alt-info-hover: #c1dbf7;
429
- --color-light-status-muted-alt-info-inverted: #293044;
430
- --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
431
- --color-light-status-muted-alt-info-inverted-press: #38476c;
432
- --color-light-status-muted-alt-info-press: #a7cbf2;
433
- --color-light-status-muted-alt-negative: #ffdfdf;
434
- --color-light-status-muted-alt-negative-hover: #f9ccca;
435
- --color-light-status-muted-alt-negative-inverted: #442926;
436
- --color-light-status-muted-alt-negative-inverted-hover: #55312e;
437
- --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
438
- --color-light-status-muted-alt-negative-press: #f3b6af;
439
- --color-light-status-muted-alt-positive: #d1f1d7;
440
- --color-light-status-muted-alt-positive-hover: #bbe8c3;
441
- --color-light-status-muted-alt-positive-inverted: #253528;
442
- --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
443
- --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
444
- --color-light-status-muted-alt-positive-press: #a1dba8;
445
- --color-light-status-muted-attention: #ffefd9;
446
- --color-light-status-muted-attention-hover: #fde6c8;
447
- --color-light-status-muted-attention-inverted: #36291f;
448
- --color-light-status-muted-attention-inverted-hover: #412f22;
449
- --color-light-status-muted-attention-inverted-press: #543a27;
450
- --color-light-status-muted-attention-press: #f6d7af;
451
- --color-light-status-muted-info: #e4f0ff;
452
- --color-light-status-muted-info-hover: #d8eaff;
453
- --color-light-status-muted-info-inverted: #222a3e;
454
- --color-light-status-muted-info-inverted-hover: #293044;
455
- --color-light-status-muted-info-inverted-press: #2f3a55;
456
- --color-light-status-muted-info-press: #c1dbf7;
457
- --color-light-status-muted-negative: #ffebeb;
458
- --color-light-status-muted-negative-hover: #ffdfdf;
459
- --color-light-status-muted-negative-inverted: #392523;
460
- --color-light-status-muted-negative-inverted-hover: #442926;
461
- --color-light-status-muted-negative-inverted-press: #55312e;
462
- --color-light-status-muted-negative-press: #f9ccca;
463
- --color-light-status-muted-positive: #dff8e5;
464
- --color-light-status-muted-positive-hover: #d1f1d7;
465
- --color-light-status-muted-positive-inverted: #232d25;
466
- --color-light-status-muted-positive-inverted-hover: #253528;
467
- --color-light-status-muted-positive-inverted-press: #273f2d;
468
- --color-light-status-muted-positive-press: #bbe8c3;
469
- --color-light-status-negative: #ff4837;
470
- --color-light-status-negative-hover: #ec2d20;
471
- --color-light-status-negative-inverted: #ff4837;
472
- --color-light-status-negative-inverted-hover: #ff755e;
473
- --color-light-status-negative-inverted-press: #ff8d79;
474
- --color-light-status-negative-press: #c7241f;
475
- --color-light-status-positive: #0cc44d;
476
- --color-light-status-positive-hover: #04b545;
477
- --color-light-status-positive-inverted: #17d055;
478
- --color-light-status-positive-inverted-hover: #22e068;
479
- --color-light-status-positive-inverted-press: #4ae777;
480
- --color-light-status-positive-press: #01a53d;
481
- --color-light-text-attention: #ea8313;
482
- --color-light-text-attention-hover: #d57111;
483
- --color-light-text-attention-inverted: #fa9313;
484
- --color-light-text-attention-inverted-hover: #fdb24d;
485
- --color-light-text-attention-inverted-press: #ffbf70;
486
- --color-light-text-attention-press: #b45a06;
487
- --color-light-text-info: #2a77ef;
488
- --color-light-text-info-hover: #2c64d4;
489
- --color-light-text-info-inverted: #4a9dfc;
490
- --color-light-text-info-inverted-hover: #63aafd;
491
- --color-light-text-info-inverted-press: #7fb6ff;
492
- --color-light-text-info-press: #2453b4;
493
- --color-light-text-negative: #ec2d20;
494
- --color-light-text-negative-hover: #c7241f;
495
- --color-light-text-negative-inverted: #ff4837;
496
- --color-light-text-negative-inverted-hover: #ff755e;
497
- --color-light-text-negative-inverted-press: #ff8d79;
498
- --color-light-text-negative-press: #a6201e;
499
- --color-light-text-positive: #0d9336;
500
- --color-light-text-positive-hover: #0a7d2c;
501
- --color-light-text-positive-inverted: #0cc44d;
502
- --color-light-text-positive-inverted-hover: #22e068;
503
- --color-light-text-positive-inverted-press: #4ae777;
504
- --color-light-text-positive-press: #036625;
505
- --color-light-text-primary: #0b1f35;
506
- --color-light-text-primary-hover: #546272;
507
- --color-light-text-primary-inverted: #fff;
508
- --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.9);
509
- --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.8);
510
- --color-light-text-primary-press: #6a7786;
511
- --color-light-text-quaternary: rgba(10, 40, 70, 0.2);
512
- --color-light-text-quaternary-inverted: rgba(255, 255, 255, 0.25);
513
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
514
- --color-light-text-secondary-hover: rgba(3, 23, 45, 0.77);
515
- --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
516
- --color-light-text-secondary-inverted-hover: rgba(255, 255, 255, 0.8);
517
- --color-light-text-secondary-inverted-press: rgba(255, 255, 255, 0.9);
518
- --color-light-text-secondary-press: rgba(1, 20, 43, 0.81);
519
- --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
520
- --color-light-text-tertiary-hover: rgba(1, 23, 47, 0.5);
521
- --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
522
- --color-light-text-tertiary-inverted-hover: rgba(255, 255, 255, 0.5);
523
- --color-light-text-tertiary-inverted-press: rgba(255, 255, 255, 0.6);
524
- --color-light-text-tertiary-press: rgba(2, 24, 50, 0.59);
525
- --color-light-transparent-default: rgba(255, 255, 255, 0);
526
- --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
527
- --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
528
- --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);
529
- --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
530
- --color-static-accent-primary: #ef3124;
531
- --color-static-accent-primary-hover: #e32a17;
532
- --color-static-accent-primary-inverted: #f83a2a;
533
- --color-static-accent-primary-inverted-hover: #ff503e;
534
- --color-static-accent-primary-inverted-press: #fd624e;
535
- --color-static-accent-primary-press: #d72505;
536
- --color-static-accent-secondary: #212124;
537
- --color-static-accent-secondary-hover: #2f2f32;
538
- --color-static-accent-secondary-inverted: #f2f3f5;
539
- --color-static-accent-secondary-inverted-hover: #dcdde1;
540
- --color-static-accent-secondary-inverted-press: #d2d3d9;
541
- --color-static-accent-secondary-press: #353539;
542
- --color-static-bg-primary-dark: #0b1f35;
543
- --color-static-neutral-0: #fff;
544
- --color-static-neutral-0-hover: #e7e8eb;
545
- --color-static-neutral-0-inverted: rgba(214, 214, 229, 0.07);
546
- --color-static-neutral-0-inverted-hover: #2f2f32;
547
- --color-static-neutral-0-inverted-press: #353539;
548
- --color-static-neutral-0-press: #dcdde1;
549
- --color-static-neutral-100: #f2f3f5;
550
- --color-static-neutral-100-hover: #e7e8eb;
551
- --color-static-neutral-100-inverted: #1c1c1e;
552
- --color-static-neutral-100-inverted-hover: #212124;
553
- --color-static-neutral-100-inverted-press: #29292c;
554
- --color-static-neutral-100-press: #dcdde1;
555
- --color-static-neutral-1300: #212124;
556
- --color-static-neutral-1300-hover: #3f3f45;
557
- --color-static-neutral-1300-inverted: #f2f3f5;
558
- --color-static-neutral-1300-inverted-hover: #d2d3d9;
559
- --color-static-neutral-1300-inverted-press: #babbc2;
560
- --color-static-neutral-1300-press: #5f5f66;
561
- --color-static-neutral-1500: #121213;
562
- --color-static-neutral-1500-hover: #3f3f45;
563
- --color-static-neutral-1500-inverted: #fff;
564
- --color-static-neutral-1500-inverted-hover: #babbc2;
565
- --color-static-neutral-1500-inverted-press: #a0a1a9;
566
- --color-static-neutral-1500-press: #5f5f66;
567
- --color-static-neutral-200: #edeef0;
568
- --color-static-neutral-200-hover: #e7e8eb;
569
- --color-static-neutral-200-inverted: #212124;
570
- --color-static-neutral-200-inverted-hover: #29292c;
571
- --color-static-neutral-200-inverted-press: #2f2f32;
572
- --color-static-neutral-200-press: #dcdde1;
573
- --color-static-neutral-300: #e7e8eb;
574
- --color-static-neutral-300-hover: #dcdde1;
575
- --color-static-neutral-300-inverted: #29292c;
576
- --color-static-neutral-300-inverted-hover: #2f2f32;
577
- --color-static-neutral-300-inverted-press: #353539;
578
- --color-static-neutral-300-press: #d2d3d9;
579
- --color-static-neutral-400: #d2d3d9;
580
- --color-static-neutral-400-hover: #babbc2;
581
- --color-static-neutral-400-inverted: #353539;
582
- --color-static-neutral-400-inverted-hover: #3f3f45;
583
- --color-static-neutral-400-inverted-press: #4a4a51;
584
- --color-static-neutral-400-press: #a0a1a9;
585
- --color-static-neutral-500: #babbc2;
586
- --color-static-neutral-500-hover: #a0a1a9;
587
- --color-static-neutral-500-inverted: #4a4a51;
588
- --color-static-neutral-500-inverted-hover: #5f5f66;
589
- --color-static-neutral-500-inverted-press: #75757d;
590
- --color-static-neutral-500-press: #898991;
591
- --color-static-neutral-700: #898991;
592
- --color-static-neutral-700-hover: #75757d;
593
- --color-static-neutral-700-inverted: #898991;
594
- --color-static-neutral-700-inverted-hover: #a0a1a9;
595
- --color-static-neutral-700-inverted-press: #babbc2;
596
- --color-static-neutral-700-press: #5f5f66;
597
- --color-static-neutral-translucent-0: #fff;
598
- --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
599
- --color-static-neutral-translucent-0-inverted: #fff;
600
- --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
601
- --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
602
- --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
603
- --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06);
604
- --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
605
- --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
606
- --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
607
- --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
608
- --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
609
- --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
610
- --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
611
- --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
612
- --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
613
- --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
614
- --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
615
- --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
616
- --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
617
- --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
618
- --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
619
- --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08);
620
- --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
621
- --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
622
- --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
623
- --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
624
- --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
625
- --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
626
- --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
627
- --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
628
- --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
629
- --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
630
- --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
631
- --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
632
- --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
633
- --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
634
- --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
635
- --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
636
- --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
637
- --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28);
638
- --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
639
- --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
640
- --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
641
- --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
642
- --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
643
- --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
644
- --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
645
- --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
646
- --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
647
- --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
648
- --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
649
- --color-static-status-attention: #fa9313;
650
- --color-static-status-attention-inverted: #fda136;
651
- --color-static-status-info: #2288fa;
652
- --color-static-status-info-inverted: #3193fc;
653
- --color-static-status-muted-alt-attention: #fde6c8;
654
- --color-static-status-muted-alt-attention-inverted: #412f22;
655
- --color-static-status-muted-alt-info: #d8eaff;
656
- --color-static-status-muted-alt-info-inverted: #293044;
657
- --color-static-status-muted-alt-negative: #ffdfdf;
658
- --color-static-status-muted-alt-negative-inverted: #442926;
659
- --color-static-status-muted-alt-positive: #d1f1d7;
660
- --color-static-status-muted-alt-positive-inverted: #253528;
661
- --color-static-status-muted-attention: #ffefd9;
662
- --color-static-status-muted-attention-inverted: #36291f;
663
- --color-static-status-muted-info: #e4f0ff;
664
- --color-static-status-muted-info-inverted: #222a3e;
665
- --color-static-status-muted-negative: #ffebeb;
666
- --color-static-status-muted-negative-inverted: #392523;
667
- --color-static-status-muted-positive: #dff8e5;
668
- --color-static-status-muted-positive-inverted: #232d25;
669
- --color-static-status-negative: #ff4837;
670
- --color-static-status-negative-inverted: #ff4837;
671
- --color-static-status-positive: #0cc44d;
672
- --color-static-status-positive-inverted: #17d055;
673
- --color-static-text-attention: #ea8313;
674
- --color-static-text-attention-hover: #d57111;
675
- --color-static-text-attention-inverted: #fa9313;
676
- --color-static-text-attention-inverted-hover: #fdb24d;
677
- --color-static-text-attention-inverted-press: #ffbf70;
678
- --color-static-text-attention-press: #b45a06;
679
- --color-static-text-info: #2a77ef;
680
- --color-static-text-info-hover: #2c64d4;
681
- --color-static-text-info-inverted: #4a9dfc;
682
- --color-static-text-info-inverted-hover: #63aafd;
683
- --color-static-text-info-inverted-press: #7fb6ff;
684
- --color-static-text-info-press: #2453b4;
685
- --color-static-text-negative: #ec2d20;
686
- --color-static-text-negative-hover: #c7241f;
687
- --color-static-text-negative-inverted: #ff4837;
688
- --color-static-text-negative-inverted-hover: #ff755e;
689
- --color-static-text-negative-inverted-press: #ff8d79;
690
- --color-static-text-negative-press: #a6201e;
691
- --color-static-text-positive: #0d9336;
692
- --color-static-text-positive-hover: #0a7d2c;
693
- --color-static-text-positive-inverted: #0cc44d;
694
- --color-static-text-positive-inverted-hover: #22e068;
695
- --color-static-text-positive-inverted-press: #4ae777;
696
- --color-static-text-positive-press: #036625;
697
- --color-static-text-primary: #0b1f35;
698
- --color-static-text-primary-dark: #0b1f35;
699
- --color-static-text-primary-hover: #546272;
700
- --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
701
- --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.9);
702
- --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.8);
703
- --color-static-text-primary-light: #fff;
704
- --color-static-text-primary-press: #6a7786;
705
- --color-static-text-quaternary: rgba(10, 40, 70, 0.2);
706
- --color-static-text-quaternary-inverted: rgba(255, 255, 255, 0.25);
707
- --color-static-text-secondary: rgba(11, 31, 53, 0.7);
708
- --color-static-text-secondary-dark: rgba(11, 31, 53, 0.6);
709
- --color-static-text-secondary-hover: rgba(3, 23, 45, 0.77);
710
- --color-static-text-secondary-inverted: rgba(255, 255, 255, 0.7);
711
- --color-static-text-secondary-inverted-hover: rgba(255, 255, 255, 0.8);
712
- --color-static-text-secondary-inverted-press: rgba(255, 255, 255, 0.9);
713
- --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
714
- --color-static-text-secondary-press: rgba(1, 20, 43, 0.81);
715
- --color-static-text-tertiary: rgba(11, 31, 53, 0.3);
716
- --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
717
- --color-static-text-tertiary-hover: rgba(1, 23, 47, 0.5);
718
- --color-static-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
719
- --color-static-text-tertiary-inverted-hover: rgba(255, 255, 255, 0.5);
720
- --color-static-text-tertiary-inverted-press: rgba(255, 255, 255, 0.6);
721
- --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
722
- --color-static-text-tertiary-press: rgba(2, 24, 50, 0.59);
2
+ --color-dark-accent-primary: #f83a2a; /* deprecated */
3
+ --color-dark-accent-primary-hover: #ff503e; /* deprecated */
4
+ --color-dark-accent-primary-inverted: #ef3124; /* deprecated */
5
+ --color-dark-accent-primary-inverted-hover: #e32a17; /* deprecated */
6
+ --color-dark-accent-primary-inverted-press: #d72505; /* deprecated */
7
+ --color-dark-accent-primary-press: #fd624e; /* deprecated */
8
+ --color-dark-accent-secondary: #fff; /* deprecated */
9
+ --color-dark-accent-secondary-hover: #dcdde1; /* deprecated */
10
+ --color-dark-accent-secondary-inverted: #212124; /* deprecated */
11
+ --color-dark-accent-secondary-inverted-hover: #2f2f32; /* deprecated */
12
+ --color-dark-accent-secondary-inverted-press: #353539; /* deprecated */
13
+ --color-dark-accent-secondary-press: #d2d3d9; /* deprecated */
14
+ --color-dark-base-bg-alt-primary: #121213; /* deprecated */
15
+ --color-dark-base-bg-alt-primary-inverted: #f2f3f5; /* deprecated */
16
+ --color-dark-base-bg-alt-secondary: #1c1c1e; /* deprecated */
17
+ --color-dark-base-bg-alt-secondary-inverted: #fff; /* deprecated */
18
+ --color-dark-base-bg-alt-tertiary: #29292c; /* deprecated */
19
+ --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5; /* deprecated */
20
+ --color-dark-base-bg-primary: #121213; /* deprecated */
21
+ --color-dark-base-bg-primary-inverted: #fff; /* deprecated */
22
+ --color-dark-base-bg-secondary: #1c1c1e; /* deprecated */
23
+ --color-dark-base-bg-secondary-inverted: #f2f3f5; /* deprecated */
24
+ --color-dark-base-bg-tertiary: #29292c; /* deprecated */
25
+ --color-dark-base-bg-tertiary-inverted: #fff; /* deprecated */
26
+ --color-dark-modal-bg-alt-primary: #1c1c1e; /* deprecated */
27
+ --color-dark-modal-bg-alt-primary-inverted: #f2f3f5; /* deprecated */
28
+ --color-dark-modal-bg-alt-secondary: #29292c; /* deprecated */
29
+ --color-dark-modal-bg-alt-secondary-inverted: #fff; /* deprecated */
30
+ --color-dark-modal-bg-alt-tertiary: #353539; /* deprecated */
31
+ --color-dark-modal-bg-alt-tertiary-inverted: #f2f3f5; /* deprecated */
32
+ --color-dark-modal-bg-primary: #1c1c1e; /* deprecated */
33
+ --color-dark-modal-bg-primary-inverted: #fff; /* deprecated */
34
+ --color-dark-modal-bg-secondary: #29292c; /* deprecated */
35
+ --color-dark-modal-bg-secondary-inverted: #f2f3f5; /* deprecated */
36
+ --color-dark-modal-bg-tertiary: #353539; /* deprecated */
37
+ --color-dark-modal-bg-tertiary-inverted: #fff; /* deprecated */
38
+ --color-dark-neutral-0: #262629; /* deprecated */
39
+ --color-dark-neutral-0-hover: #2f2f32; /* deprecated */
40
+ --color-dark-neutral-0-inverted: #fff; /* deprecated */
41
+ --color-dark-neutral-0-inverted-hover: #e7e8eb; /* deprecated */
42
+ --color-dark-neutral-0-inverted-press: #dcdde1; /* deprecated */
43
+ --color-dark-neutral-0-press: #353539; /* deprecated */
44
+ --color-dark-neutral-100: #1c1c1e; /* deprecated */
45
+ --color-dark-neutral-100-hover: #212124; /* deprecated */
46
+ --color-dark-neutral-100-inverted: #f2f3f5; /* deprecated */
47
+ --color-dark-neutral-100-inverted-hover: #e7e8eb; /* deprecated */
48
+ --color-dark-neutral-100-inverted-press: #dcdde1; /* deprecated */
49
+ --color-dark-neutral-100-press: #29292c; /* deprecated */
50
+ --color-dark-neutral-1300: #f2f3f5; /* deprecated */
51
+ --color-dark-neutral-1300-hover: #d2d3d9; /* deprecated */
52
+ --color-dark-neutral-1300-inverted: #212124; /* deprecated */
53
+ --color-dark-neutral-1300-inverted-hover: #3f3f45; /* deprecated */
54
+ --color-dark-neutral-1300-inverted-press: #5f5f66; /* deprecated */
55
+ --color-dark-neutral-1300-press: #babbc2; /* deprecated */
56
+ --color-dark-neutral-1500: #fff; /* deprecated */
57
+ --color-dark-neutral-1500-hover: #babbc2; /* deprecated */
58
+ --color-dark-neutral-1500-inverted: #121213; /* deprecated */
59
+ --color-dark-neutral-1500-inverted-hover: #3f3f45; /* deprecated */
60
+ --color-dark-neutral-1500-inverted-press: #5f5f66; /* deprecated */
61
+ --color-dark-neutral-1500-press: #a0a1a9; /* deprecated */
62
+ --color-dark-neutral-200: #212124; /* deprecated */
63
+ --color-dark-neutral-200-hover: #29292c; /* deprecated */
64
+ --color-dark-neutral-200-inverted: #edeef0; /* deprecated */
65
+ --color-dark-neutral-200-inverted-hover: #e7e8eb; /* deprecated */
66
+ --color-dark-neutral-200-inverted-press: #dcdde1; /* deprecated */
67
+ --color-dark-neutral-200-press: #2f2f32; /* deprecated */
68
+ --color-dark-neutral-300: #29292c; /* deprecated */
69
+ --color-dark-neutral-300-hover: #2f2f32; /* deprecated */
70
+ --color-dark-neutral-300-inverted: #e7e8eb; /* deprecated */
71
+ --color-dark-neutral-300-inverted-hover: #dcdde1; /* deprecated */
72
+ --color-dark-neutral-300-inverted-press: #d2d3d9; /* deprecated */
73
+ --color-dark-neutral-300-press: #353539; /* deprecated */
74
+ --color-dark-neutral-400: #353539; /* deprecated */
75
+ --color-dark-neutral-400-hover: #3f3f45; /* deprecated */
76
+ --color-dark-neutral-400-inverted: #d2d3d9; /* deprecated */
77
+ --color-dark-neutral-400-inverted-hover: #babbc2; /* deprecated */
78
+ --color-dark-neutral-400-inverted-press: #a0a1a9; /* deprecated */
79
+ --color-dark-neutral-400-press: #4a4a51; /* deprecated */
80
+ --color-dark-neutral-500: #4a4a51; /* deprecated */
81
+ --color-dark-neutral-500-hover: #5f5f66; /* deprecated */
82
+ --color-dark-neutral-500-inverted: #babbc2; /* deprecated */
83
+ --color-dark-neutral-500-inverted-hover: #a0a1a9; /* deprecated */
84
+ --color-dark-neutral-500-inverted-press: #898991; /* deprecated */
85
+ --color-dark-neutral-500-press: #75757d; /* deprecated */
86
+ --color-dark-neutral-700: #898991; /* deprecated */
87
+ --color-dark-neutral-700-hover: #a0a1a9; /* deprecated */
88
+ --color-dark-neutral-700-inverted: #898991; /* deprecated */
89
+ --color-dark-neutral-700-inverted-hover: #75757d; /* deprecated */
90
+ --color-dark-neutral-700-inverted-press: #5f5f66; /* deprecated */
91
+ --color-dark-neutral-700-press: #babbc2; /* deprecated */
92
+ --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07); /* deprecated */
93
+ --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09); /* deprecated */
94
+ --color-dark-neutral-translucent-0-inverted: #fff; /* deprecated */
95
+ --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06); /* deprecated */
96
+ --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08); /* deprecated */
97
+ --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13); /* deprecated */
98
+ --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07); /* deprecated */
99
+ --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09); /* deprecated */
100
+ --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06); /* deprecated */
101
+ --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1); /* deprecated */
102
+ --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14); /* deprecated */
103
+ --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13); /* deprecated */
104
+ --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94); /* deprecated */
105
+ --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7); /* deprecated */
106
+ --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88); /* deprecated */
107
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76); /* deprecated */
108
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63); /* deprecated */
109
+ --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6); /* deprecated */
110
+ --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75); /* deprecated */
111
+ --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76); /* deprecated */
112
+ --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63); /* deprecated */
113
+ --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65); /* deprecated */
114
+ --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09); /* deprecated */
115
+ --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13); /* deprecated */
116
+ --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08); /* deprecated */
117
+ --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1); /* deprecated */
118
+ --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14); /* deprecated */
119
+ --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15); /* deprecated */
120
+ --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13); /* deprecated */
121
+ --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15); /* deprecated */
122
+ --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1); /* deprecated */
123
+ --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14); /* deprecated */
124
+ --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18); /* deprecated */
125
+ --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18); /* deprecated */
126
+ --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18); /* deprecated */
127
+ --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23); /* deprecated */
128
+ --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18); /* deprecated */
129
+ --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28); /* deprecated */
130
+ --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38); /* deprecated */
131
+ --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28); /* deprecated */
132
+ --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28); /* deprecated */
133
+ --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37); /* deprecated */
134
+ --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28); /* deprecated */
135
+ --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38); /* deprecated */
136
+ --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47); /* deprecated */
137
+ --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46); /* deprecated */
138
+ --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55); /* deprecated */
139
+ --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65); /* deprecated */
140
+ --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47); /* deprecated */
141
+ --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55); /* deprecated */
142
+ --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63); /* deprecated */
143
+ --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75); /* deprecated */
144
+ --color-dark-overlay-default: rgba(0, 0, 0, 0.7); /* deprecated */
145
+ --color-dark-status-attention: #fda136; /* deprecated */
146
+ --color-dark-status-attention-hover: #fdb24d; /* deprecated */
147
+ --color-dark-status-attention-inverted: #fa9313; /* deprecated */
148
+ --color-dark-status-attention-inverted-hover: #f18d0b; /* deprecated */
149
+ --color-dark-status-attention-inverted-press: #ea8313; /* deprecated */
150
+ --color-dark-status-attention-press: #ffbf70; /* deprecated */
151
+ --color-dark-status-info: #3193fc; /* deprecated */
152
+ --color-dark-status-info-hover: #4a9dfc; /* deprecated */
153
+ --color-dark-status-info-inverted: #2288fa; /* deprecated */
154
+ --color-dark-status-info-inverted-hover: #2a77ef; /* deprecated */
155
+ --color-dark-status-info-inverted-press: #2c64d4; /* deprecated */
156
+ --color-dark-status-info-press: #63aafd; /* deprecated */
157
+ --color-dark-status-muted-alt-attention: #412f22; /* deprecated */
158
+ --color-dark-status-muted-alt-attention-hover: #543a27; /* deprecated */
159
+ --color-dark-status-muted-alt-attention-inverted: #fde6c8; /* deprecated */
160
+ --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af; /* deprecated */
161
+ --color-dark-status-muted-alt-attention-inverted-press: #f0c492; /* deprecated */
162
+ --color-dark-status-muted-alt-attention-press: #6a462c; /* deprecated */
163
+ --color-dark-status-muted-alt-info: #293044; /* deprecated */
164
+ --color-dark-status-muted-alt-info-hover: #2f3a55; /* deprecated */
165
+ --color-dark-status-muted-alt-info-inverted: #e4f0ff; /* deprecated */
166
+ --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7; /* deprecated */
167
+ --color-dark-status-muted-alt-info-inverted-press: #a7cbf2; /* deprecated */
168
+ --color-dark-status-muted-alt-info-press: #38476c; /* deprecated */
169
+ --color-dark-status-muted-alt-negative: #442926; /* deprecated */
170
+ --color-dark-status-muted-alt-negative-hover: #55312e; /* deprecated */
171
+ --color-dark-status-muted-alt-negative-inverted: #ffdfdf; /* deprecated */
172
+ --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca; /* deprecated */
173
+ --color-dark-status-muted-alt-negative-inverted-press: #f3b6af; /* deprecated */
174
+ --color-dark-status-muted-alt-negative-press: #6b3b34; /* deprecated */
175
+ --color-dark-status-muted-alt-positive: #253528; /* deprecated */
176
+ --color-dark-status-muted-alt-positive-hover: #273f2d; /* deprecated */
177
+ --color-dark-status-muted-alt-positive-inverted: #d1f1d7; /* deprecated */
178
+ --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3; /* deprecated */
179
+ --color-dark-status-muted-alt-positive-inverted-press: #a1dba8; /* deprecated */
180
+ --color-dark-status-muted-alt-positive-press: #2d4e33; /* deprecated */
181
+ --color-dark-status-muted-attention: #36291f; /* deprecated */
182
+ --color-dark-status-muted-attention-hover: #412f22; /* deprecated */
183
+ --color-dark-status-muted-attention-inverted: #ffefd9; /* deprecated */
184
+ --color-dark-status-muted-attention-inverted-hover: #fde6c8; /* deprecated */
185
+ --color-dark-status-muted-attention-inverted-press: #f6d7af; /* deprecated */
186
+ --color-dark-status-muted-attention-press: #543a27; /* deprecated */
187
+ --color-dark-status-muted-info: #222a3e; /* deprecated */
188
+ --color-dark-status-muted-info-hover: #293044; /* deprecated */
189
+ --color-dark-status-muted-info-inverted: #e4f0ff; /* deprecated */
190
+ --color-dark-status-muted-info-inverted-hover: #d8eaff; /* deprecated */
191
+ --color-dark-status-muted-info-inverted-press: #c1dbf7; /* deprecated */
192
+ --color-dark-status-muted-info-press: #2f3a55; /* deprecated */
193
+ --color-dark-status-muted-negative: #392523; /* deprecated */
194
+ --color-dark-status-muted-negative-hover: #442926; /* deprecated */
195
+ --color-dark-status-muted-negative-inverted: #ffebeb; /* deprecated */
196
+ --color-dark-status-muted-negative-inverted-hover: #ffdfdf; /* deprecated */
197
+ --color-dark-status-muted-negative-inverted-press: #f9ccca; /* deprecated */
198
+ --color-dark-status-muted-negative-press: #55312e; /* deprecated */
199
+ --color-dark-status-muted-positive: #232d25; /* deprecated */
200
+ --color-dark-status-muted-positive-hover: #253528; /* deprecated */
201
+ --color-dark-status-muted-positive-inverted: #dff8e5; /* deprecated */
202
+ --color-dark-status-muted-positive-inverted-hover: #d1f1d7; /* deprecated */
203
+ --color-dark-status-muted-positive-inverted-press: #bbe8c3; /* deprecated */
204
+ --color-dark-status-muted-positive-press: #273f2d; /* deprecated */
205
+ --color-dark-status-negative: #ff4837; /* deprecated */
206
+ --color-dark-status-negative-hover: #ff755e; /* deprecated */
207
+ --color-dark-status-negative-inverted: #ff4837; /* deprecated */
208
+ --color-dark-status-negative-inverted-hover: #ec2d20; /* deprecated */
209
+ --color-dark-status-negative-inverted-press: #c7241f; /* deprecated */
210
+ --color-dark-status-negative-press: #ff8d79; /* deprecated */
211
+ --color-dark-status-positive: #17d055; /* deprecated */
212
+ --color-dark-status-positive-hover: #22e068; /* deprecated */
213
+ --color-dark-status-positive-inverted: #0cc44d; /* deprecated */
214
+ --color-dark-status-positive-inverted-hover: #04b545; /* deprecated */
215
+ --color-dark-status-positive-inverted-press: #01a53d; /* deprecated */
216
+ --color-dark-status-positive-press: #4ae777; /* deprecated */
217
+ --color-dark-text-attention: #fa9313; /* deprecated */
218
+ --color-dark-text-attention-hover: #fdb24d; /* deprecated */
219
+ --color-dark-text-attention-inverted: #ea8313; /* deprecated */
220
+ --color-dark-text-attention-inverted-hover: #d57111; /* deprecated */
221
+ --color-dark-text-attention-inverted-press: #b45a06; /* deprecated */
222
+ --color-dark-text-attention-press: #ffbf70; /* deprecated */
223
+ --color-dark-text-info: #4a9dfc; /* deprecated */
224
+ --color-dark-text-info-hover: #63aafd; /* deprecated */
225
+ --color-dark-text-info-inverted: #2a77ef; /* deprecated */
226
+ --color-dark-text-info-inverted-hover: #2c64d4; /* deprecated */
227
+ --color-dark-text-info-inverted-press: #2453b4; /* deprecated */
228
+ --color-dark-text-info-press: #7fb6ff; /* deprecated */
229
+ --color-dark-text-negative: #ff4837; /* deprecated */
230
+ --color-dark-text-negative-hover: #ff755e; /* deprecated */
231
+ --color-dark-text-negative-inverted: #ec2d20; /* deprecated */
232
+ --color-dark-text-negative-inverted-hover: #c7241f; /* deprecated */
233
+ --color-dark-text-negative-inverted-press: #a6201e; /* deprecated */
234
+ --color-dark-text-negative-press: #ff8d79; /* deprecated */
235
+ --color-dark-text-positive: #0cc44d; /* deprecated */
236
+ --color-dark-text-positive-hover: #22e068; /* deprecated */
237
+ --color-dark-text-positive-inverted: #0d9336; /* deprecated */
238
+ --color-dark-text-positive-inverted-hover: #0a7d2c; /* deprecated */
239
+ --color-dark-text-positive-inverted-press: #036625; /* deprecated */
240
+ --color-dark-text-positive-press: #4ae777; /* deprecated */
241
+ --color-dark-text-primary: #fff; /* deprecated */
242
+ --color-dark-text-primary-hover: rgba(255, 255, 255, 0.9); /* deprecated */
243
+ --color-dark-text-primary-inverted: #0b1f35; /* deprecated */
244
+ --color-dark-text-primary-inverted-hover: #546272; /* deprecated */
245
+ --color-dark-text-primary-inverted-press: #6a7786; /* deprecated */
246
+ --color-dark-text-primary-press: rgba(255, 255, 255, 0.8); /* deprecated */
247
+ --color-dark-text-quaternary: rgba(255, 255, 255, 0.25); /* deprecated */
248
+ --color-dark-text-quaternary-inverted: rgba(10, 40, 70, 0.2); /* deprecated */
249
+ --color-dark-text-secondary: rgba(255, 255, 255, 0.7); /* deprecated */
250
+ --color-dark-text-secondary-hover: rgba(255, 255, 255, 0.8); /* deprecated */
251
+ --color-dark-text-secondary-inverted: rgba(11, 31, 53, 0.7); /* deprecated */
252
+ --color-dark-text-secondary-inverted-hover: rgba(3, 23, 45, 0.77); /* deprecated */
253
+ --color-dark-text-secondary-inverted-press: rgba(1, 20, 43, 0.81); /* deprecated */
254
+ --color-dark-text-secondary-press: rgba(255, 255, 255, 0.9); /* deprecated */
255
+ --color-dark-text-tertiary: rgba(255, 255, 255, 0.4); /* deprecated */
256
+ --color-dark-text-tertiary-hover: rgba(255, 255, 255, 0.5); /* deprecated */
257
+ --color-dark-text-tertiary-inverted: rgba(11, 31, 53, 0.3); /* deprecated */
258
+ --color-dark-text-tertiary-inverted-hover: rgba(1, 23, 47, 0.5); /* deprecated */
259
+ --color-dark-text-tertiary-inverted-press: rgba(2, 24, 50, 0.59); /* deprecated */
260
+ --color-dark-text-tertiary-press: rgba(255, 255, 255, 0.6); /* deprecated */
261
+ --color-dark-transparent-default: rgba(255, 255, 255, 0); /* deprecated */
262
+ --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07); /* deprecated */
263
+ --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06); /* deprecated */
264
+ --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08); /* deprecated */
265
+ --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09); /* deprecated */
266
+ --color-light-accent-primary: #ef3124; /* deprecated */
267
+ --color-light-accent-primary-hover: #e32a17; /* deprecated */
268
+ --color-light-accent-primary-inverted: #f83a2a; /* deprecated */
269
+ --color-light-accent-primary-inverted-hover: #ff503e; /* deprecated */
270
+ --color-light-accent-primary-inverted-press: #fd624e; /* deprecated */
271
+ --color-light-accent-primary-press: #d72505; /* deprecated */
272
+ --color-light-accent-secondary: #212124; /* deprecated */
273
+ --color-light-accent-secondary-hover: #2f2f32; /* deprecated */
274
+ --color-light-accent-secondary-inverted: #fff; /* deprecated */
275
+ --color-light-accent-secondary-inverted-hover: #dcdde1; /* deprecated */
276
+ --color-light-accent-secondary-inverted-press: #d2d3d9; /* deprecated */
277
+ --color-light-accent-secondary-press: #353539; /* deprecated */
278
+ --color-light-base-bg-alt-primary: #f2f3f5; /* deprecated */
279
+ --color-light-base-bg-alt-primary-inverted: #121213; /* deprecated */
280
+ --color-light-base-bg-alt-secondary: #fff; /* deprecated */
281
+ --color-light-base-bg-alt-secondary-inverted: #1c1c1e; /* deprecated */
282
+ --color-light-base-bg-alt-tertiary: #f2f3f5; /* deprecated */
283
+ --color-light-base-bg-alt-tertiary-inverted: #29292c; /* deprecated */
284
+ --color-light-base-bg-primary: #fff; /* deprecated */
285
+ --color-light-base-bg-primary-inverted: #121213; /* deprecated */
286
+ --color-light-base-bg-secondary: #f2f3f5; /* deprecated */
287
+ --color-light-base-bg-secondary-inverted: #1c1c1e; /* deprecated */
288
+ --color-light-base-bg-tertiary: #fff; /* deprecated */
289
+ --color-light-base-bg-tertiary-inverted: #29292c; /* deprecated */
290
+ --color-light-modal-bg-alt-primary: #f2f3f5; /* deprecated */
291
+ --color-light-modal-bg-alt-primary-inverted: #1c1c1e; /* deprecated */
292
+ --color-light-modal-bg-alt-secondary: #fff; /* deprecated */
293
+ --color-light-modal-bg-alt-secondary-inverted: #29292c; /* deprecated */
294
+ --color-light-modal-bg-alt-tertiary: #f2f3f5; /* deprecated */
295
+ --color-light-modal-bg-alt-tertiary-inverted: #353539; /* deprecated */
296
+ --color-light-modal-bg-primary: #fff; /* deprecated */
297
+ --color-light-modal-bg-primary-inverted: #1c1c1e; /* deprecated */
298
+ --color-light-modal-bg-secondary: #f2f3f5; /* deprecated */
299
+ --color-light-modal-bg-secondary-inverted: #29292c; /* deprecated */
300
+ --color-light-modal-bg-tertiary: #fff; /* deprecated */
301
+ --color-light-modal-bg-tertiary-inverted: #353539; /* deprecated */
302
+ --color-light-neutral-0: #fff; /* deprecated */
303
+ --color-light-neutral-0-hover: #e7e8eb; /* deprecated */
304
+ --color-light-neutral-0-inverted: #262629; /* deprecated */
305
+ --color-light-neutral-0-inverted-hover: #2f2f32; /* deprecated */
306
+ --color-light-neutral-0-inverted-press: #353539; /* deprecated */
307
+ --color-light-neutral-0-press: #dcdde1; /* deprecated */
308
+ --color-light-neutral-100: #f2f3f5; /* deprecated */
309
+ --color-light-neutral-100-hover: #e7e8eb; /* deprecated */
310
+ --color-light-neutral-100-inverted: #1c1c1e; /* deprecated */
311
+ --color-light-neutral-100-inverted-hover: #212124; /* deprecated */
312
+ --color-light-neutral-100-inverted-press: #29292c; /* deprecated */
313
+ --color-light-neutral-100-press: #dcdde1; /* deprecated */
314
+ --color-light-neutral-1300: #212124; /* deprecated */
315
+ --color-light-neutral-1300-hover: #3f3f45; /* deprecated */
316
+ --color-light-neutral-1300-inverted: #f2f3f5; /* deprecated */
317
+ --color-light-neutral-1300-inverted-hover: #d2d3d9; /* deprecated */
318
+ --color-light-neutral-1300-inverted-press: #babbc2; /* deprecated */
319
+ --color-light-neutral-1300-press: #5f5f66; /* deprecated */
320
+ --color-light-neutral-1500: #121213; /* deprecated */
321
+ --color-light-neutral-1500-hover: #3f3f45; /* deprecated */
322
+ --color-light-neutral-1500-inverted: #fff; /* deprecated */
323
+ --color-light-neutral-1500-inverted-hover: #babbc2; /* deprecated */
324
+ --color-light-neutral-1500-inverted-press: #a0a1a9; /* deprecated */
325
+ --color-light-neutral-1500-press: #5f5f66; /* deprecated */
326
+ --color-light-neutral-200: #edeef0; /* deprecated */
327
+ --color-light-neutral-200-hover: #e7e8eb; /* deprecated */
328
+ --color-light-neutral-200-inverted: #212124; /* deprecated */
329
+ --color-light-neutral-200-inverted-hover: #29292c; /* deprecated */
330
+ --color-light-neutral-200-inverted-press: #2f2f32; /* deprecated */
331
+ --color-light-neutral-200-press: #dcdde1; /* deprecated */
332
+ --color-light-neutral-300: #e7e8eb; /* deprecated */
333
+ --color-light-neutral-300-hover: #dcdde1; /* deprecated */
334
+ --color-light-neutral-300-inverted: #29292c; /* deprecated */
335
+ --color-light-neutral-300-inverted-hover: #2f2f32; /* deprecated */
336
+ --color-light-neutral-300-inverted-press: #353539; /* deprecated */
337
+ --color-light-neutral-300-press: #d2d3d9; /* deprecated */
338
+ --color-light-neutral-400: #d2d3d9; /* deprecated */
339
+ --color-light-neutral-400-hover: #babbc2; /* deprecated */
340
+ --color-light-neutral-400-inverted: #353539; /* deprecated */
341
+ --color-light-neutral-400-inverted-hover: #3f3f45; /* deprecated */
342
+ --color-light-neutral-400-inverted-press: #4a4a51; /* deprecated */
343
+ --color-light-neutral-400-press: #a0a1a9; /* deprecated */
344
+ --color-light-neutral-500: #babbc2; /* deprecated */
345
+ --color-light-neutral-500-hover: #a0a1a9; /* deprecated */
346
+ --color-light-neutral-500-inverted: #4a4a51; /* deprecated */
347
+ --color-light-neutral-500-inverted-hover: #5f5f66; /* deprecated */
348
+ --color-light-neutral-500-inverted-press: #75757d; /* deprecated */
349
+ --color-light-neutral-500-press: #898991; /* deprecated */
350
+ --color-light-neutral-700: #898991; /* deprecated */
351
+ --color-light-neutral-700-hover: #75757d; /* deprecated */
352
+ --color-light-neutral-700-inverted: #898991; /* deprecated */
353
+ --color-light-neutral-700-inverted-hover: #a0a1a9; /* deprecated */
354
+ --color-light-neutral-700-inverted-press: #babbc2; /* deprecated */
355
+ --color-light-neutral-700-press: #5f5f66; /* deprecated */
356
+ --color-light-neutral-translucent-0: #fff; /* deprecated */
357
+ --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06); /* deprecated */
358
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
359
+ --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09); /* deprecated */
360
+ --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13); /* deprecated */
361
+ --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08); /* deprecated */
362
+ --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */
363
+ --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1); /* deprecated */
364
+ --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
365
+ --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13); /* deprecated */
366
+ --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15); /* deprecated */
367
+ --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14); /* deprecated */
368
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88); /* deprecated */
369
+ --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76); /* deprecated */
370
+ --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* deprecated */
371
+ --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7); /* deprecated */
372
+ --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6); /* deprecated */
373
+ --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63); /* deprecated */
374
+ --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76); /* deprecated */
375
+ --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75); /* deprecated */
376
+ --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65); /* deprecated */
377
+ --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63); /* deprecated */
378
+ --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08); /* deprecated */
379
+ --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1); /* deprecated */
380
+ --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09); /* deprecated */
381
+ --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13); /* deprecated */
382
+ --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15); /* deprecated */
383
+ --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14); /* deprecated */
384
+ --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1); /* deprecated */
385
+ --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14); /* deprecated */
386
+ --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */
387
+ --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15); /* deprecated */
388
+ --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18); /* deprecated */
389
+ --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18); /* deprecated */
390
+ --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18); /* deprecated */
391
+ --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28); /* deprecated */
392
+ --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18); /* deprecated */
393
+ --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23); /* deprecated */
394
+ --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28); /* deprecated */
395
+ --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38); /* deprecated */
396
+ --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28); /* deprecated */
397
+ --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38); /* deprecated */
398
+ --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28); /* deprecated */
399
+ --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37); /* deprecated */
400
+ --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46); /* deprecated */
401
+ --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47); /* deprecated */
402
+ --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */
403
+ --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55); /* deprecated */
404
+ --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55); /* deprecated */
405
+ --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65); /* deprecated */
406
+ --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75); /* deprecated */
407
+ --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63); /* deprecated */
408
+ --color-light-overlay-default: rgba(0, 0, 0, 0.6); /* deprecated */
409
+ --color-light-status-attention: #fa9313; /* deprecated */
410
+ --color-light-status-attention-hover: #f18d0b; /* deprecated */
411
+ --color-light-status-attention-inverted: #fda136; /* deprecated */
412
+ --color-light-status-attention-inverted-hover: #fdb24d; /* deprecated */
413
+ --color-light-status-attention-inverted-press: #ffbf70; /* deprecated */
414
+ --color-light-status-attention-press: #ea8313; /* deprecated */
415
+ --color-light-status-info: #2288fa; /* deprecated */
416
+ --color-light-status-info-hover: #2a77ef; /* deprecated */
417
+ --color-light-status-info-inverted: #3193fc; /* deprecated */
418
+ --color-light-status-info-inverted-hover: #4a9dfc; /* deprecated */
419
+ --color-light-status-info-inverted-press: #63aafd; /* deprecated */
420
+ --color-light-status-info-press: #2c64d4; /* deprecated */
421
+ --color-light-status-muted-alt-attention: #fde6c8; /* deprecated */
422
+ --color-light-status-muted-alt-attention-hover: #f6d7af; /* deprecated */
423
+ --color-light-status-muted-alt-attention-inverted: #412f22; /* deprecated */
424
+ --color-light-status-muted-alt-attention-inverted-hover: #543a27; /* deprecated */
425
+ --color-light-status-muted-alt-attention-inverted-press: #6a462c; /* deprecated */
426
+ --color-light-status-muted-alt-attention-press: #f0c492; /* deprecated */
427
+ --color-light-status-muted-alt-info: #d8eaff; /* deprecated */
428
+ --color-light-status-muted-alt-info-hover: #c1dbf7; /* deprecated */
429
+ --color-light-status-muted-alt-info-inverted: #293044; /* deprecated */
430
+ --color-light-status-muted-alt-info-inverted-hover: #2f3a55; /* deprecated */
431
+ --color-light-status-muted-alt-info-inverted-press: #38476c; /* deprecated */
432
+ --color-light-status-muted-alt-info-press: #a7cbf2; /* deprecated */
433
+ --color-light-status-muted-alt-negative: #ffdfdf; /* deprecated */
434
+ --color-light-status-muted-alt-negative-hover: #f9ccca; /* deprecated */
435
+ --color-light-status-muted-alt-negative-inverted: #442926; /* deprecated */
436
+ --color-light-status-muted-alt-negative-inverted-hover: #55312e; /* deprecated */
437
+ --color-light-status-muted-alt-negative-inverted-press: #6b3b34; /* deprecated */
438
+ --color-light-status-muted-alt-negative-press: #f3b6af; /* deprecated */
439
+ --color-light-status-muted-alt-positive: #d1f1d7; /* deprecated */
440
+ --color-light-status-muted-alt-positive-hover: #bbe8c3; /* deprecated */
441
+ --color-light-status-muted-alt-positive-inverted: #253528; /* deprecated */
442
+ --color-light-status-muted-alt-positive-inverted-hover: #273f2d; /* deprecated */
443
+ --color-light-status-muted-alt-positive-inverted-press: #2d4e33; /* deprecated */
444
+ --color-light-status-muted-alt-positive-press: #a1dba8; /* deprecated */
445
+ --color-light-status-muted-attention: #ffefd9; /* deprecated */
446
+ --color-light-status-muted-attention-hover: #fde6c8; /* deprecated */
447
+ --color-light-status-muted-attention-inverted: #36291f; /* deprecated */
448
+ --color-light-status-muted-attention-inverted-hover: #412f22; /* deprecated */
449
+ --color-light-status-muted-attention-inverted-press: #543a27; /* deprecated */
450
+ --color-light-status-muted-attention-press: #f6d7af; /* deprecated */
451
+ --color-light-status-muted-info: #e4f0ff; /* deprecated */
452
+ --color-light-status-muted-info-hover: #d8eaff; /* deprecated */
453
+ --color-light-status-muted-info-inverted: #222a3e; /* deprecated */
454
+ --color-light-status-muted-info-inverted-hover: #293044; /* deprecated */
455
+ --color-light-status-muted-info-inverted-press: #2f3a55; /* deprecated */
456
+ --color-light-status-muted-info-press: #c1dbf7; /* deprecated */
457
+ --color-light-status-muted-negative: #ffebeb; /* deprecated */
458
+ --color-light-status-muted-negative-hover: #ffdfdf; /* deprecated */
459
+ --color-light-status-muted-negative-inverted: #392523; /* deprecated */
460
+ --color-light-status-muted-negative-inverted-hover: #442926; /* deprecated */
461
+ --color-light-status-muted-negative-inverted-press: #55312e; /* deprecated */
462
+ --color-light-status-muted-negative-press: #f9ccca; /* deprecated */
463
+ --color-light-status-muted-positive: #dff8e5; /* deprecated */
464
+ --color-light-status-muted-positive-hover: #d1f1d7; /* deprecated */
465
+ --color-light-status-muted-positive-inverted: #232d25; /* deprecated */
466
+ --color-light-status-muted-positive-inverted-hover: #253528; /* deprecated */
467
+ --color-light-status-muted-positive-inverted-press: #273f2d; /* deprecated */
468
+ --color-light-status-muted-positive-press: #bbe8c3; /* deprecated */
469
+ --color-light-status-negative: #ff4837; /* deprecated */
470
+ --color-light-status-negative-hover: #ec2d20; /* deprecated */
471
+ --color-light-status-negative-inverted: #ff4837; /* deprecated */
472
+ --color-light-status-negative-inverted-hover: #ff755e; /* deprecated */
473
+ --color-light-status-negative-inverted-press: #ff8d79; /* deprecated */
474
+ --color-light-status-negative-press: #c7241f; /* deprecated */
475
+ --color-light-status-positive: #0cc44d; /* deprecated */
476
+ --color-light-status-positive-hover: #04b545; /* deprecated */
477
+ --color-light-status-positive-inverted: #17d055; /* deprecated */
478
+ --color-light-status-positive-inverted-hover: #22e068; /* deprecated */
479
+ --color-light-status-positive-inverted-press: #4ae777; /* deprecated */
480
+ --color-light-status-positive-press: #01a53d; /* deprecated */
481
+ --color-light-text-attention: #ea8313; /* deprecated */
482
+ --color-light-text-attention-hover: #d57111; /* deprecated */
483
+ --color-light-text-attention-inverted: #fa9313; /* deprecated */
484
+ --color-light-text-attention-inverted-hover: #fdb24d; /* deprecated */
485
+ --color-light-text-attention-inverted-press: #ffbf70; /* deprecated */
486
+ --color-light-text-attention-press: #b45a06; /* deprecated */
487
+ --color-light-text-info: #2a77ef; /* deprecated */
488
+ --color-light-text-info-hover: #2c64d4; /* deprecated */
489
+ --color-light-text-info-inverted: #4a9dfc; /* deprecated */
490
+ --color-light-text-info-inverted-hover: #63aafd; /* deprecated */
491
+ --color-light-text-info-inverted-press: #7fb6ff; /* deprecated */
492
+ --color-light-text-info-press: #2453b4; /* deprecated */
493
+ --color-light-text-negative: #ec2d20; /* deprecated */
494
+ --color-light-text-negative-hover: #c7241f; /* deprecated */
495
+ --color-light-text-negative-inverted: #ff4837; /* deprecated */
496
+ --color-light-text-negative-inverted-hover: #ff755e; /* deprecated */
497
+ --color-light-text-negative-inverted-press: #ff8d79; /* deprecated */
498
+ --color-light-text-negative-press: #a6201e; /* deprecated */
499
+ --color-light-text-positive: #0d9336; /* deprecated */
500
+ --color-light-text-positive-hover: #0a7d2c; /* deprecated */
501
+ --color-light-text-positive-inverted: #0cc44d; /* deprecated */
502
+ --color-light-text-positive-inverted-hover: #22e068; /* deprecated */
503
+ --color-light-text-positive-inverted-press: #4ae777; /* deprecated */
504
+ --color-light-text-positive-press: #036625; /* deprecated */
505
+ --color-light-text-primary: #0b1f35; /* deprecated */
506
+ --color-light-text-primary-hover: #546272; /* deprecated */
507
+ --color-light-text-primary-inverted: #fff; /* deprecated */
508
+ --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.9); /* deprecated */
509
+ --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.8); /* deprecated */
510
+ --color-light-text-primary-press: #6a7786; /* deprecated */
511
+ --color-light-text-quaternary: rgba(10, 40, 70, 0.2); /* deprecated */
512
+ --color-light-text-quaternary-inverted: rgba(255, 255, 255, 0.25); /* deprecated */
513
+ --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* deprecated */
514
+ --color-light-text-secondary-hover: rgba(3, 23, 45, 0.77); /* deprecated */
515
+ --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7); /* deprecated */
516
+ --color-light-text-secondary-inverted-hover: rgba(255, 255, 255, 0.8); /* deprecated */
517
+ --color-light-text-secondary-inverted-press: rgba(255, 255, 255, 0.9); /* deprecated */
518
+ --color-light-text-secondary-press: rgba(1, 20, 43, 0.81); /* deprecated */
519
+ --color-light-text-tertiary: rgba(11, 31, 53, 0.3); /* deprecated */
520
+ --color-light-text-tertiary-hover: rgba(1, 23, 47, 0.5); /* deprecated */
521
+ --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4); /* deprecated */
522
+ --color-light-text-tertiary-inverted-hover: rgba(255, 255, 255, 0.5); /* deprecated */
523
+ --color-light-text-tertiary-inverted-press: rgba(255, 255, 255, 0.6); /* deprecated */
524
+ --color-light-text-tertiary-press: rgba(2, 24, 50, 0.59); /* deprecated */
525
+ --color-light-transparent-default: rgba(255, 255, 255, 0); /* deprecated */
526
+ --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* deprecated */
527
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07); /* deprecated */
528
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09); /* deprecated */
529
+ --color-light-transparent-default-press: rgba(30, 43, 68, 0.08); /* deprecated */
530
+ --color-static-accent-primary: #ef3124; /* deprecated */
531
+ --color-static-accent-primary-hover: #e32a17; /* deprecated */
532
+ --color-static-accent-primary-inverted: #f83a2a; /* deprecated */
533
+ --color-static-accent-primary-inverted-hover: #ff503e; /* deprecated */
534
+ --color-static-accent-primary-inverted-press: #fd624e; /* deprecated */
535
+ --color-static-accent-primary-press: #d72505; /* deprecated */
536
+ --color-static-accent-secondary: #212124; /* deprecated */
537
+ --color-static-accent-secondary-hover: #2f2f32; /* deprecated */
538
+ --color-static-accent-secondary-inverted: #f2f3f5; /* deprecated */
539
+ --color-static-accent-secondary-inverted-hover: #dcdde1; /* deprecated */
540
+ --color-static-accent-secondary-inverted-press: #d2d3d9; /* deprecated */
541
+ --color-static-accent-secondary-press: #353539; /* deprecated */
542
+ --color-static-bg-primary-dark: #0b1f35; /* deprecated */
543
+ --color-static-neutral-0: #fff; /* deprecated */
544
+ --color-static-neutral-0-hover: #e7e8eb; /* deprecated */
545
+ --color-static-neutral-0-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
546
+ --color-static-neutral-0-inverted-hover: #2f2f32; /* deprecated */
547
+ --color-static-neutral-0-inverted-press: #353539; /* deprecated */
548
+ --color-static-neutral-0-press: #dcdde1; /* deprecated */
549
+ --color-static-neutral-100: #f2f3f5; /* deprecated */
550
+ --color-static-neutral-100-hover: #e7e8eb; /* deprecated */
551
+ --color-static-neutral-100-inverted: #1c1c1e; /* deprecated */
552
+ --color-static-neutral-100-inverted-hover: #212124; /* deprecated */
553
+ --color-static-neutral-100-inverted-press: #29292c; /* deprecated */
554
+ --color-static-neutral-100-press: #dcdde1; /* deprecated */
555
+ --color-static-neutral-1300: #212124; /* deprecated */
556
+ --color-static-neutral-1300-hover: #3f3f45; /* deprecated */
557
+ --color-static-neutral-1300-inverted: #f2f3f5; /* deprecated */
558
+ --color-static-neutral-1300-inverted-hover: #d2d3d9; /* deprecated */
559
+ --color-static-neutral-1300-inverted-press: #babbc2; /* deprecated */
560
+ --color-static-neutral-1300-press: #5f5f66; /* deprecated */
561
+ --color-static-neutral-1500: #121213; /* deprecated */
562
+ --color-static-neutral-1500-hover: #3f3f45; /* deprecated */
563
+ --color-static-neutral-1500-inverted: #fff; /* deprecated */
564
+ --color-static-neutral-1500-inverted-hover: #babbc2; /* deprecated */
565
+ --color-static-neutral-1500-inverted-press: #a0a1a9; /* deprecated */
566
+ --color-static-neutral-1500-press: #5f5f66; /* deprecated */
567
+ --color-static-neutral-200: #edeef0; /* deprecated */
568
+ --color-static-neutral-200-hover: #e7e8eb; /* deprecated */
569
+ --color-static-neutral-200-inverted: #212124; /* deprecated */
570
+ --color-static-neutral-200-inverted-hover: #29292c; /* deprecated */
571
+ --color-static-neutral-200-inverted-press: #2f2f32; /* deprecated */
572
+ --color-static-neutral-200-press: #dcdde1; /* deprecated */
573
+ --color-static-neutral-300: #e7e8eb; /* deprecated */
574
+ --color-static-neutral-300-hover: #dcdde1; /* deprecated */
575
+ --color-static-neutral-300-inverted: #29292c; /* deprecated */
576
+ --color-static-neutral-300-inverted-hover: #2f2f32; /* deprecated */
577
+ --color-static-neutral-300-inverted-press: #353539; /* deprecated */
578
+ --color-static-neutral-300-press: #d2d3d9; /* deprecated */
579
+ --color-static-neutral-400: #d2d3d9; /* deprecated */
580
+ --color-static-neutral-400-hover: #babbc2; /* deprecated */
581
+ --color-static-neutral-400-inverted: #353539; /* deprecated */
582
+ --color-static-neutral-400-inverted-hover: #3f3f45; /* deprecated */
583
+ --color-static-neutral-400-inverted-press: #4a4a51; /* deprecated */
584
+ --color-static-neutral-400-press: #a0a1a9; /* deprecated */
585
+ --color-static-neutral-500: #babbc2; /* deprecated */
586
+ --color-static-neutral-500-hover: #a0a1a9; /* deprecated */
587
+ --color-static-neutral-500-inverted: #4a4a51; /* deprecated */
588
+ --color-static-neutral-500-inverted-hover: #5f5f66; /* deprecated */
589
+ --color-static-neutral-500-inverted-press: #75757d; /* deprecated */
590
+ --color-static-neutral-500-press: #898991; /* deprecated */
591
+ --color-static-neutral-700: #898991; /* deprecated */
592
+ --color-static-neutral-700-hover: #75757d; /* deprecated */
593
+ --color-static-neutral-700-inverted: #898991; /* deprecated */
594
+ --color-static-neutral-700-inverted-hover: #a0a1a9; /* deprecated */
595
+ --color-static-neutral-700-inverted-press: #babbc2; /* deprecated */
596
+ --color-static-neutral-700-press: #5f5f66; /* deprecated */
597
+ --color-static-neutral-translucent-0: #fff; /* deprecated */
598
+ --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06); /* deprecated */
599
+ --color-static-neutral-translucent-0-inverted: #fff; /* deprecated */
600
+ --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09); /* deprecated */
601
+ --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13); /* deprecated */
602
+ --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08); /* deprecated */
603
+ --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */
604
+ --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1); /* deprecated */
605
+ --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
606
+ --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13); /* deprecated */
607
+ --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15); /* deprecated */
608
+ --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14); /* deprecated */
609
+ --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88); /* deprecated */
610
+ --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76); /* deprecated */
611
+ --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* deprecated */
612
+ --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7); /* deprecated */
613
+ --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6); /* deprecated */
614
+ --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63); /* deprecated */
615
+ --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76); /* deprecated */
616
+ --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75); /* deprecated */
617
+ --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65); /* deprecated */
618
+ --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63); /* deprecated */
619
+ --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08); /* deprecated */
620
+ --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1); /* deprecated */
621
+ --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09); /* deprecated */
622
+ --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13); /* deprecated */
623
+ --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15); /* deprecated */
624
+ --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14); /* deprecated */
625
+ --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1); /* deprecated */
626
+ --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14); /* deprecated */
627
+ --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13); /* deprecated */
628
+ --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15); /* deprecated */
629
+ --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18); /* deprecated */
630
+ --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18); /* deprecated */
631
+ --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18); /* deprecated */
632
+ --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28); /* deprecated */
633
+ --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18); /* deprecated */
634
+ --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23); /* deprecated */
635
+ --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28); /* deprecated */
636
+ --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38); /* deprecated */
637
+ --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28); /* deprecated */
638
+ --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38); /* deprecated */
639
+ --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28); /* deprecated */
640
+ --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37); /* deprecated */
641
+ --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46); /* deprecated */
642
+ --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47); /* deprecated */
643
+ --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */
644
+ --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55); /* deprecated */
645
+ --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55); /* deprecated */
646
+ --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65); /* deprecated */
647
+ --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75); /* deprecated */
648
+ --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63); /* deprecated */
649
+ --color-static-status-attention: #fa9313; /* deprecated */
650
+ --color-static-status-attention-inverted: #fda136; /* deprecated */
651
+ --color-static-status-info: #2288fa; /* deprecated */
652
+ --color-static-status-info-inverted: #3193fc; /* deprecated */
653
+ --color-static-status-muted-alt-attention: #fde6c8; /* deprecated */
654
+ --color-static-status-muted-alt-attention-inverted: #412f22; /* deprecated */
655
+ --color-static-status-muted-alt-info: #d8eaff; /* deprecated */
656
+ --color-static-status-muted-alt-info-inverted: #293044; /* deprecated */
657
+ --color-static-status-muted-alt-negative: #ffdfdf; /* deprecated */
658
+ --color-static-status-muted-alt-negative-inverted: #442926; /* deprecated */
659
+ --color-static-status-muted-alt-positive: #d1f1d7; /* deprecated */
660
+ --color-static-status-muted-alt-positive-inverted: #253528; /* deprecated */
661
+ --color-static-status-muted-attention: #ffefd9; /* deprecated */
662
+ --color-static-status-muted-attention-inverted: #36291f; /* deprecated */
663
+ --color-static-status-muted-info: #e4f0ff; /* deprecated */
664
+ --color-static-status-muted-info-inverted: #222a3e; /* deprecated */
665
+ --color-static-status-muted-negative: #ffebeb; /* deprecated */
666
+ --color-static-status-muted-negative-inverted: #392523; /* deprecated */
667
+ --color-static-status-muted-positive: #dff8e5; /* deprecated */
668
+ --color-static-status-muted-positive-inverted: #232d25; /* deprecated */
669
+ --color-static-status-negative: #ff4837; /* deprecated */
670
+ --color-static-status-negative-inverted: #ff4837; /* deprecated */
671
+ --color-static-status-positive: #0cc44d; /* deprecated */
672
+ --color-static-status-positive-inverted: #17d055; /* deprecated */
673
+ --color-static-text-attention: #ea8313; /* deprecated */
674
+ --color-static-text-attention-hover: #d57111; /* deprecated */
675
+ --color-static-text-attention-inverted: #fa9313; /* deprecated */
676
+ --color-static-text-attention-inverted-hover: #fdb24d; /* deprecated */
677
+ --color-static-text-attention-inverted-press: #ffbf70; /* deprecated */
678
+ --color-static-text-attention-press: #b45a06; /* deprecated */
679
+ --color-static-text-info: #2a77ef; /* deprecated */
680
+ --color-static-text-info-hover: #2c64d4; /* deprecated */
681
+ --color-static-text-info-inverted: #4a9dfc; /* deprecated */
682
+ --color-static-text-info-inverted-hover: #63aafd; /* deprecated */
683
+ --color-static-text-info-inverted-press: #7fb6ff; /* deprecated */
684
+ --color-static-text-info-press: #2453b4; /* deprecated */
685
+ --color-static-text-negative: #ec2d20; /* deprecated */
686
+ --color-static-text-negative-hover: #c7241f; /* deprecated */
687
+ --color-static-text-negative-inverted: #ff4837; /* deprecated */
688
+ --color-static-text-negative-inverted-hover: #ff755e; /* deprecated */
689
+ --color-static-text-negative-inverted-press: #ff8d79; /* deprecated */
690
+ --color-static-text-negative-press: #a6201e; /* deprecated */
691
+ --color-static-text-positive: #0d9336; /* deprecated */
692
+ --color-static-text-positive-hover: #0a7d2c; /* deprecated */
693
+ --color-static-text-positive-inverted: #0cc44d; /* deprecated */
694
+ --color-static-text-positive-inverted-hover: #22e068; /* deprecated */
695
+ --color-static-text-positive-inverted-press: #4ae777; /* deprecated */
696
+ --color-static-text-positive-press: #036625; /* deprecated */
697
+ --color-static-text-primary: #0b1f35; /* deprecated */
698
+ --color-static-text-primary-dark: #0b1f35; /* deprecated */
699
+ --color-static-text-primary-hover: #546272; /* deprecated */
700
+ --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94); /* deprecated */
701
+ --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.9); /* deprecated */
702
+ --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.8); /* deprecated */
703
+ --color-static-text-primary-light: #fff; /* deprecated */
704
+ --color-static-text-primary-press: #6a7786; /* deprecated */
705
+ --color-static-text-quaternary: rgba(10, 40, 70, 0.2); /* deprecated */
706
+ --color-static-text-quaternary-inverted: rgba(255, 255, 255, 0.25); /* deprecated */
707
+ --color-static-text-secondary: rgba(11, 31, 53, 0.7); /* deprecated */
708
+ --color-static-text-secondary-dark: rgba(11, 31, 53, 0.6); /* deprecated */
709
+ --color-static-text-secondary-hover: rgba(3, 23, 45, 0.77); /* deprecated */
710
+ --color-static-text-secondary-inverted: rgba(255, 255, 255, 0.7); /* deprecated */
711
+ --color-static-text-secondary-inverted-hover: rgba(255, 255, 255, 0.8); /* deprecated */
712
+ --color-static-text-secondary-inverted-press: rgba(255, 255, 255, 0.9); /* deprecated */
713
+ --color-static-text-secondary-light: rgba(255, 255, 255, 0.7); /* deprecated */
714
+ --color-static-text-secondary-press: rgba(1, 20, 43, 0.81); /* deprecated */
715
+ --color-static-text-tertiary: rgba(11, 31, 53, 0.3); /* deprecated */
716
+ --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3); /* deprecated */
717
+ --color-static-text-tertiary-hover: rgba(1, 23, 47, 0.5); /* deprecated */
718
+ --color-static-text-tertiary-inverted: rgba(255, 255, 255, 0.4); /* deprecated */
719
+ --color-static-text-tertiary-inverted-hover: rgba(255, 255, 255, 0.5); /* deprecated */
720
+ --color-static-text-tertiary-inverted-press: rgba(255, 255, 255, 0.6); /* deprecated */
721
+ --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4); /* deprecated */
722
+ --color-static-text-tertiary-press: rgba(2, 24, 50, 0.59); /* deprecated */
723
723
  --color-dark-bg-accent: #ef3124; /* deprecated */
724
724
  --color-dark-bg-attention-muted: #432000; /* deprecated */
725
725
  --color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */