@alfalab/core-components-vars 9.11.0 → 9.12.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.
Files changed (76) hide show
  1. package/border-radius.css +1 -0
  2. package/bundle/click.css +1 -0
  3. package/bundle/corp.css +1 -0
  4. package/bundle/intranet.css +1 -0
  5. package/bundle/mobile.css +1 -0
  6. package/bundle/site.css +1 -0
  7. package/common.css +13 -0
  8. package/cssm/border-radius.css +1 -0
  9. package/cssm/bundle/click.css +42 -28
  10. package/cssm/bundle/corp.css +42 -28
  11. package/cssm/bundle/intranet.css +42 -28
  12. package/cssm/bundle/mobile.css +42 -28
  13. package/cssm/bundle/site.css +42 -28
  14. package/cssm/common.css +13 -0
  15. package/cssm/gaps.css +28 -28
  16. package/cssm/index.css +41 -28
  17. package/cssm/index.d.ts +39 -28
  18. package/cssm/index.js +39 -28
  19. package/esm/index.d.ts +39 -28
  20. package/esm/index.js +39 -28
  21. package/gaps.css +28 -28
  22. package/index.css +1 -0
  23. package/index.d.ts +39 -28
  24. package/index.js +39 -28
  25. package/modern/index.d.ts +39 -28
  26. package/modern/index.js +39 -28
  27. package/moderncssm/border-radius.css +25 -0
  28. package/moderncssm/bundle/click.css +1479 -0
  29. package/moderncssm/bundle/corp.css +1479 -0
  30. package/moderncssm/bundle/intranet.css +1479 -0
  31. package/moderncssm/bundle/mobile.css +1479 -0
  32. package/moderncssm/bundle/site.css +1473 -0
  33. package/moderncssm/colors-addons.css +127 -0
  34. package/moderncssm/colors-bluetint.css +1199 -0
  35. package/moderncssm/colors-bluetint.d.ts +2 -0
  36. package/moderncssm/colors-bluetint.js +6 -0
  37. package/moderncssm/colors-decorative.css +614 -0
  38. package/moderncssm/colors-decorative.d.ts +2 -0
  39. package/moderncssm/colors-decorative.js +6 -0
  40. package/moderncssm/colors-indigo.css +1197 -0
  41. package/moderncssm/colors-indigo.d.ts +2 -0
  42. package/moderncssm/colors-indigo.js +6 -0
  43. package/moderncssm/colors-pfm.css +62 -0
  44. package/moderncssm/colors-pfm.d.ts +2 -0
  45. package/moderncssm/colors-pfm.js +6 -0
  46. package/moderncssm/colors-qualitative.css +130 -0
  47. package/moderncssm/colors-qualitative.d.ts +2 -0
  48. package/moderncssm/colors-qualitative.js +6 -0
  49. package/moderncssm/colors-sequential.css +194 -0
  50. package/moderncssm/colors-sequential.d.ts +2 -0
  51. package/moderncssm/colors-sequential.js +6 -0
  52. package/moderncssm/colors-students.css +4 -0
  53. package/moderncssm/colors-students.d.ts +2 -0
  54. package/moderncssm/colors-students.js +6 -0
  55. package/moderncssm/colors-transparent.css +28 -0
  56. package/moderncssm/colors-x5.css +4 -0
  57. package/moderncssm/colors.css +71 -0
  58. package/moderncssm/common.css +13 -0
  59. package/moderncssm/gaps.css +66 -0
  60. package/moderncssm/index.css +1570 -0
  61. package/moderncssm/index.d.ts +1532 -0
  62. package/moderncssm/index.js +1532 -0
  63. package/moderncssm/mixins.css +1 -0
  64. package/moderncssm/shadows-bluetint.css +43 -0
  65. package/moderncssm/shadows-indigo.css +38 -0
  66. package/moderncssm/typography.css +6 -0
  67. package/package.json +1 -1
  68. package/src/border-radius.css +1 -0
  69. package/src/bundle/click.css +1 -0
  70. package/src/bundle/corp.css +1 -0
  71. package/src/bundle/intranet.css +1 -0
  72. package/src/bundle/mobile.css +1 -0
  73. package/src/bundle/site.css +1 -0
  74. package/src/common.css +13 -0
  75. package/src/gaps.css +28 -28
  76. package/src/index.css +1 -0
@@ -0,0 +1,1197 @@
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-1500: #fff;
51
+ --color-dark-neutral-1500-hover: #babbc2;
52
+ --color-dark-neutral-1500-inverted: #121213;
53
+ --color-dark-neutral-1500-inverted-hover: #3f3f45;
54
+ --color-dark-neutral-1500-inverted-press: #5f5f66;
55
+ --color-dark-neutral-1500-press: #a0a1a9;
56
+ --color-dark-neutral-200: #212124;
57
+ --color-dark-neutral-200-hover: #29292c;
58
+ --color-dark-neutral-200-inverted: #edeef0;
59
+ --color-dark-neutral-200-inverted-hover: #e7e8eb;
60
+ --color-dark-neutral-200-inverted-press: #dcdde1;
61
+ --color-dark-neutral-200-press: #2f2f32;
62
+ --color-dark-neutral-300: #29292c;
63
+ --color-dark-neutral-300-hover: #2f2f32;
64
+ --color-dark-neutral-300-inverted: #e7e8eb;
65
+ --color-dark-neutral-300-inverted-hover: #dcdde1;
66
+ --color-dark-neutral-300-inverted-press: #d2d3d9;
67
+ --color-dark-neutral-300-press: #353539;
68
+ --color-dark-neutral-400: #353539;
69
+ --color-dark-neutral-400-hover: #3f3f45;
70
+ --color-dark-neutral-400-inverted: #d2d3d9;
71
+ --color-dark-neutral-400-inverted-hover: #babbc2;
72
+ --color-dark-neutral-400-inverted-press: #a0a1a9;
73
+ --color-dark-neutral-400-press: #4a4a51;
74
+ --color-dark-neutral-500: #4a4a51;
75
+ --color-dark-neutral-500-hover: #5f5f66;
76
+ --color-dark-neutral-500-inverted: #babbc2;
77
+ --color-dark-neutral-500-inverted-hover: #a0a1a9;
78
+ --color-dark-neutral-500-inverted-press: #898991;
79
+ --color-dark-neutral-500-press: #75757d;
80
+ --color-dark-neutral-700: #898991;
81
+ --color-dark-neutral-700-hover: #a0a1a9;
82
+ --color-dark-neutral-700-inverted: #898991;
83
+ --color-dark-neutral-700-inverted-hover: #75757d;
84
+ --color-dark-neutral-700-inverted-press: #5f5f66;
85
+ --color-dark-neutral-700-press: #babbc2;
86
+ --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07);
87
+ --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09);
88
+ --color-dark-neutral-translucent-0-inverted: #fff;
89
+ --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06);
90
+ --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08);
91
+ --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13);
92
+ --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07);
93
+ --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09);
94
+ --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06);
95
+ --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
96
+ --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
97
+ --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
98
+ --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
99
+ --color-dark-neutral-translucent-1300-hover: rgba(245, 246, 253, 0.85);
100
+ --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
101
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
102
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
103
+ --color-dark-neutral-translucent-1300-press: rgba(243, 245, 254, 0.75);
104
+ --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
105
+ --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
106
+ --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
107
+ --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65);
108
+ --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09);
109
+ --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13);
110
+ --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08);
111
+ --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1);
112
+ --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14);
113
+ --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15);
114
+ --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13);
115
+ --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15);
116
+ --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1);
117
+ --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14);
118
+ --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18);
119
+ --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18);
120
+ --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18);
121
+ --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23);
122
+ --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18);
123
+ --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28);
124
+ --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38);
125
+ --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28);
126
+ --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28);
127
+ --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37);
128
+ --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28);
129
+ --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38);
130
+ --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47);
131
+ --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46);
132
+ --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55);
133
+ --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65);
134
+ --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47);
135
+ --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55);
136
+ --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
137
+ --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
138
+ --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
139
+ --color-dark-status-attention: #fda136;
140
+ --color-dark-status-attention-hover: #fdb24d;
141
+ --color-dark-status-attention-inverted: #fa9313;
142
+ --color-dark-status-attention-inverted-hover: #f18d0b;
143
+ --color-dark-status-attention-inverted-press: #ea8313;
144
+ --color-dark-status-attention-press: #ffbf70;
145
+ --color-dark-status-info: #3193fc;
146
+ --color-dark-status-info-hover: #4a9dfc;
147
+ --color-dark-status-info-inverted: #2288fa;
148
+ --color-dark-status-info-inverted-hover: #2a77ef;
149
+ --color-dark-status-info-inverted-press: #2c64d4;
150
+ --color-dark-status-info-press: #63aafd;
151
+ --color-dark-status-muted-alt-attention: #412f22;
152
+ --color-dark-status-muted-alt-attention-hover: #543a27;
153
+ --color-dark-status-muted-alt-attention-inverted: #fde6c8;
154
+ --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
155
+ --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
156
+ --color-dark-status-muted-alt-attention-press: #6a462c;
157
+ --color-dark-status-muted-alt-info: #293044;
158
+ --color-dark-status-muted-alt-info-hover: #2f3a55;
159
+ --color-dark-status-muted-alt-info-inverted: #e4f0ff;
160
+ --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
161
+ --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
162
+ --color-dark-status-muted-alt-info-press: #38476c;
163
+ --color-dark-status-muted-alt-negative: #442926;
164
+ --color-dark-status-muted-alt-negative-hover: #55312e;
165
+ --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
166
+ --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
167
+ --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
168
+ --color-dark-status-muted-alt-negative-press: #6b3b34;
169
+ --color-dark-status-muted-alt-positive: #253528;
170
+ --color-dark-status-muted-alt-positive-hover: #273f2d;
171
+ --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
172
+ --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
173
+ --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
174
+ --color-dark-status-muted-alt-positive-press: #2d4e33;
175
+ --color-dark-status-muted-attention: #36291f;
176
+ --color-dark-status-muted-attention-hover: #412f22;
177
+ --color-dark-status-muted-attention-inverted: #ffefd9;
178
+ --color-dark-status-muted-attention-inverted-hover: #fde6c8;
179
+ --color-dark-status-muted-attention-inverted-press: #f6d7af;
180
+ --color-dark-status-muted-attention-press: #543a27;
181
+ --color-dark-status-muted-info: #222a3e;
182
+ --color-dark-status-muted-info-hover: #293044;
183
+ --color-dark-status-muted-info-inverted: #e4f0ff;
184
+ --color-dark-status-muted-info-inverted-hover: #d8eaff;
185
+ --color-dark-status-muted-info-inverted-press: #c1dbf7;
186
+ --color-dark-status-muted-info-press: #2f3a55;
187
+ --color-dark-status-muted-negative: #392523;
188
+ --color-dark-status-muted-negative-hover: #442926;
189
+ --color-dark-status-muted-negative-inverted: #ffebeb;
190
+ --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
191
+ --color-dark-status-muted-negative-inverted-press: #f9ccca;
192
+ --color-dark-status-muted-negative-press: #55312e;
193
+ --color-dark-status-muted-positive: #232d25;
194
+ --color-dark-status-muted-positive-hover: #253528;
195
+ --color-dark-status-muted-positive-inverted: #dff8e5;
196
+ --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
197
+ --color-dark-status-muted-positive-inverted-press: #bbe8c3;
198
+ --color-dark-status-muted-positive-press: #273f2d;
199
+ --color-dark-status-negative: #ff4837;
200
+ --color-dark-status-negative-hover: #ff755e;
201
+ --color-dark-status-negative-inverted: #ff4837;
202
+ --color-dark-status-negative-inverted-hover: #ec2d20;
203
+ --color-dark-status-negative-inverted-press: #c7241f;
204
+ --color-dark-status-negative-press: #ff8d79;
205
+ --color-dark-status-positive: #17d055;
206
+ --color-dark-status-positive-hover: #22e068;
207
+ --color-dark-status-positive-inverted: #0cc44d;
208
+ --color-dark-status-positive-inverted-hover: #04b545;
209
+ --color-dark-status-positive-inverted-press: #01a53d;
210
+ --color-dark-status-positive-press: #4ae777;
211
+ --color-dark-text-attention: #fa9313;
212
+ --color-dark-text-attention-hover: #fdb24d;
213
+ --color-dark-text-attention-inverted: #ea8313;
214
+ --color-dark-text-attention-inverted-hover: #d57111;
215
+ --color-dark-text-attention-inverted-press: #b45a06;
216
+ --color-dark-text-attention-press: #ffbf70;
217
+ --color-dark-text-info: #4a9dfc;
218
+ --color-dark-text-info-hover: #63aafd;
219
+ --color-dark-text-info-inverted: #2a77ef;
220
+ --color-dark-text-info-inverted-hover: #2c64d4;
221
+ --color-dark-text-info-inverted-press: #2453b4;
222
+ --color-dark-text-info-press: #7fb6ff;
223
+ --color-dark-text-negative: #ff4837;
224
+ --color-dark-text-negative-hover: #ff755e;
225
+ --color-dark-text-negative-inverted: #ec2d20;
226
+ --color-dark-text-negative-inverted-hover: #c7241f;
227
+ --color-dark-text-negative-inverted-press: #a6201e;
228
+ --color-dark-text-negative-press: #ff8d79;
229
+ --color-dark-text-positive: #0cc44d;
230
+ --color-dark-text-positive-hover: #22e068;
231
+ --color-dark-text-positive-inverted: #0d9336;
232
+ --color-dark-text-positive-inverted-hover: #0a7d2c;
233
+ --color-dark-text-positive-inverted-press: #036625;
234
+ --color-dark-text-positive-press: #4ae777;
235
+ --color-dark-text-primary: #fff;
236
+ --color-dark-text-primary-hover: rgba(255, 255, 255, 0.9);
237
+ --color-dark-text-primary-inverted: #0b1f35;
238
+ --color-dark-text-primary-inverted-hover: #546272;
239
+ --color-dark-text-primary-inverted-press: #6a7786;
240
+ --color-dark-text-primary-press: rgba(255, 255, 255, 0.8);
241
+ --color-dark-text-quaternary: rgba(255, 255, 255, 0.25);
242
+ --color-dark-text-quaternary-inverted: rgba(10, 40, 70, 0.2);
243
+ --color-dark-text-secondary: rgba(255, 255, 255, 0.7);
244
+ --color-dark-text-secondary-hover: rgba(255, 255, 255, 0.8);
245
+ --color-dark-text-secondary-inverted: rgba(11, 31, 53, 0.7);
246
+ --color-dark-text-secondary-inverted-hover: rgba(3, 23, 45, 0.77);
247
+ --color-dark-text-secondary-inverted-press: rgba(1, 20, 43, 0.81);
248
+ --color-dark-text-secondary-press: rgba(255, 255, 255, 0.9);
249
+ --color-dark-text-tertiary: rgba(255, 255, 255, 0.4);
250
+ --color-dark-text-tertiary-hover: rgba(255, 255, 255, 0.5);
251
+ --color-dark-text-tertiary-inverted: rgba(11, 31, 53, 0.3);
252
+ --color-dark-text-tertiary-inverted-hover: rgba(1, 23, 47, 0.5);
253
+ --color-dark-text-tertiary-inverted-press: rgba(2, 24, 50, 0.59);
254
+ --color-dark-text-tertiary-press: rgba(255, 255, 255, 0.6);
255
+ --color-dark-transparent-default: rgba(255, 255, 255, 0);
256
+ --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07);
257
+ --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06);
258
+ --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08);
259
+ --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09);
260
+ --color-light-accent-primary: #ef3124;
261
+ --color-light-accent-primary-hover: #e32a17;
262
+ --color-light-accent-primary-inverted: #f83a2a;
263
+ --color-light-accent-primary-inverted-hover: #ff503e;
264
+ --color-light-accent-primary-inverted-press: #fd624e;
265
+ --color-light-accent-primary-press: #d72505;
266
+ --color-light-accent-secondary: #212124;
267
+ --color-light-accent-secondary-hover: #2f2f32;
268
+ --color-light-accent-secondary-inverted: #fff;
269
+ --color-light-accent-secondary-inverted-hover: #dcdde1;
270
+ --color-light-accent-secondary-inverted-press: #d2d3d9;
271
+ --color-light-accent-secondary-press: #353539;
272
+ --color-light-base-bg-alt-primary: #f2f3f5;
273
+ --color-light-base-bg-alt-primary-inverted: #121213;
274
+ --color-light-base-bg-alt-secondary: #fff;
275
+ --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
276
+ --color-light-base-bg-alt-tertiary: #f2f3f5;
277
+ --color-light-base-bg-alt-tertiary-inverted: #29292c;
278
+ --color-light-base-bg-primary: #fff;
279
+ --color-light-base-bg-primary-inverted: #121213;
280
+ --color-light-base-bg-secondary: #f2f3f5;
281
+ --color-light-base-bg-secondary-inverted: #1c1c1e;
282
+ --color-light-base-bg-tertiary: #fff;
283
+ --color-light-base-bg-tertiary-inverted: #29292c;
284
+ --color-light-modal-bg-alt-primary: #f2f3f5;
285
+ --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
286
+ --color-light-modal-bg-alt-secondary: #fff;
287
+ --color-light-modal-bg-alt-secondary-inverted: #29292c;
288
+ --color-light-modal-bg-alt-tertiary: #f2f3f5;
289
+ --color-light-modal-bg-alt-tertiary-inverted: #353539;
290
+ --color-light-modal-bg-primary: #fff;
291
+ --color-light-modal-bg-primary-inverted: #1c1c1e;
292
+ --color-light-modal-bg-secondary: #f2f3f5;
293
+ --color-light-modal-bg-secondary-inverted: #29292c;
294
+ --color-light-modal-bg-tertiary: #fff;
295
+ --color-light-modal-bg-tertiary-inverted: #353539;
296
+ --color-light-neutral-0: #fff;
297
+ --color-light-neutral-0-hover: #e7e8eb;
298
+ --color-light-neutral-0-inverted: #262629;
299
+ --color-light-neutral-0-inverted-hover: #2f2f32;
300
+ --color-light-neutral-0-inverted-press: #353539;
301
+ --color-light-neutral-0-press: #dcdde1;
302
+ --color-light-neutral-100: #f2f3f5;
303
+ --color-light-neutral-100-hover: #e7e8eb;
304
+ --color-light-neutral-100-inverted: #1c1c1e;
305
+ --color-light-neutral-100-inverted-hover: #212124;
306
+ --color-light-neutral-100-inverted-press: #29292c;
307
+ --color-light-neutral-100-press: #dcdde1;
308
+ --color-light-neutral-1500: #121213;
309
+ --color-light-neutral-1500-hover: #3f3f45;
310
+ --color-light-neutral-1500-inverted: #fff;
311
+ --color-light-neutral-1500-inverted-hover: #babbc2;
312
+ --color-light-neutral-1500-inverted-press: #a0a1a9;
313
+ --color-light-neutral-1500-press: #5f5f66;
314
+ --color-light-neutral-200: #edeef0;
315
+ --color-light-neutral-200-hover: #e7e8eb;
316
+ --color-light-neutral-200-inverted: #212124;
317
+ --color-light-neutral-200-inverted-hover: #29292c;
318
+ --color-light-neutral-200-inverted-press: #2f2f32;
319
+ --color-light-neutral-200-press: #dcdde1;
320
+ --color-light-neutral-300: #e7e8eb;
321
+ --color-light-neutral-300-hover: #dcdde1;
322
+ --color-light-neutral-300-inverted: #29292c;
323
+ --color-light-neutral-300-inverted-hover: #2f2f32;
324
+ --color-light-neutral-300-inverted-press: #353539;
325
+ --color-light-neutral-300-press: #d2d3d9;
326
+ --color-light-neutral-400: #d2d3d9;
327
+ --color-light-neutral-400-hover: #babbc2;
328
+ --color-light-neutral-400-inverted: #353539;
329
+ --color-light-neutral-400-inverted-hover: #3f3f45;
330
+ --color-light-neutral-400-inverted-press: #4a4a51;
331
+ --color-light-neutral-400-press: #a0a1a9;
332
+ --color-light-neutral-500: #babbc2;
333
+ --color-light-neutral-500-hover: #a0a1a9;
334
+ --color-light-neutral-500-inverted: #4a4a51;
335
+ --color-light-neutral-500-inverted-hover: #5f5f66;
336
+ --color-light-neutral-500-inverted-press: #75757d;
337
+ --color-light-neutral-500-press: #898991;
338
+ --color-light-neutral-700: #898991;
339
+ --color-light-neutral-700-hover: #75757d;
340
+ --color-light-neutral-700-inverted: #898991;
341
+ --color-light-neutral-700-inverted-hover: #a0a1a9;
342
+ --color-light-neutral-700-inverted-press: #babbc2;
343
+ --color-light-neutral-700-press: #5f5f66;
344
+ --color-light-neutral-translucent-0: #fff;
345
+ --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
346
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
347
+ --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
348
+ --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
349
+ --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
350
+ --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
351
+ --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
352
+ --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
353
+ --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
354
+ --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
355
+ --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
356
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
357
+ --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
358
+ --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
359
+ --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
360
+ --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
361
+ --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
362
+ --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
363
+ --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
364
+ --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
365
+ --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
366
+ --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
367
+ --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
368
+ --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
369
+ --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
370
+ --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
371
+ --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
372
+ --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
373
+ --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
374
+ --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
375
+ --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
376
+ --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
377
+ --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
378
+ --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18);
379
+ --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
380
+ --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
381
+ --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
382
+ --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
383
+ --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
384
+ --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
385
+ --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
386
+ --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
387
+ --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
388
+ --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
389
+ --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
390
+ --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
391
+ --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
392
+ --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
393
+ --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
394
+ --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
395
+ --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
396
+ --color-light-overlay-default: rgba(0, 0, 0, 0.6);
397
+ --color-light-status-attention: #fa9313;
398
+ --color-light-status-attention-hover: #f18d0b;
399
+ --color-light-status-attention-inverted: #fda136;
400
+ --color-light-status-attention-inverted-hover: #fdb24d;
401
+ --color-light-status-attention-inverted-press: #ffbf70;
402
+ --color-light-status-attention-press: #ea8313;
403
+ --color-light-status-info: #2288fa;
404
+ --color-light-status-info-hover: #2a77ef;
405
+ --color-light-status-info-inverted: #3193fc;
406
+ --color-light-status-info-inverted-hover: #4a9dfc;
407
+ --color-light-status-info-inverted-press: #63aafd;
408
+ --color-light-status-info-press: #2c64d4;
409
+ --color-light-status-muted-alt-attention: #fde6c8;
410
+ --color-light-status-muted-alt-attention-hover: #f6d7af;
411
+ --color-light-status-muted-alt-attention-inverted: #412f22;
412
+ --color-light-status-muted-alt-attention-inverted-hover: #543a27;
413
+ --color-light-status-muted-alt-attention-inverted-press: #6a462c;
414
+ --color-light-status-muted-alt-attention-press: #f0c492;
415
+ --color-light-status-muted-alt-info: #d8eaff;
416
+ --color-light-status-muted-alt-info-hover: #c1dbf7;
417
+ --color-light-status-muted-alt-info-inverted: #293044;
418
+ --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
419
+ --color-light-status-muted-alt-info-inverted-press: #38476c;
420
+ --color-light-status-muted-alt-info-press: #a7cbf2;
421
+ --color-light-status-muted-alt-negative: #ffdfdf;
422
+ --color-light-status-muted-alt-negative-hover: #f9ccca;
423
+ --color-light-status-muted-alt-negative-inverted: #442926;
424
+ --color-light-status-muted-alt-negative-inverted-hover: #55312e;
425
+ --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
426
+ --color-light-status-muted-alt-negative-press: #f3b6af;
427
+ --color-light-status-muted-alt-positive: #d1f1d7;
428
+ --color-light-status-muted-alt-positive-hover: #bbe8c3;
429
+ --color-light-status-muted-alt-positive-inverted: #253528;
430
+ --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
431
+ --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
432
+ --color-light-status-muted-alt-positive-press: #a1dba8;
433
+ --color-light-status-muted-attention: #ffefd9;
434
+ --color-light-status-muted-attention-hover: #fde6c8;
435
+ --color-light-status-muted-attention-inverted: #36291f;
436
+ --color-light-status-muted-attention-inverted-hover: #412f22;
437
+ --color-light-status-muted-attention-inverted-press: #543a27;
438
+ --color-light-status-muted-attention-press: #f6d7af;
439
+ --color-light-status-muted-info: #e4f0ff;
440
+ --color-light-status-muted-info-hover: #d8eaff;
441
+ --color-light-status-muted-info-inverted: #222a3e;
442
+ --color-light-status-muted-info-inverted-hover: #293044;
443
+ --color-light-status-muted-info-inverted-press: #2f3a55;
444
+ --color-light-status-muted-info-press: #c1dbf7;
445
+ --color-light-status-muted-negative: #ffebeb;
446
+ --color-light-status-muted-negative-hover: #ffdfdf;
447
+ --color-light-status-muted-negative-inverted: #392523;
448
+ --color-light-status-muted-negative-inverted-hover: #442926;
449
+ --color-light-status-muted-negative-inverted-press: #55312e;
450
+ --color-light-status-muted-negative-press: #f9ccca;
451
+ --color-light-status-muted-positive: #dff8e5;
452
+ --color-light-status-muted-positive-hover: #d1f1d7;
453
+ --color-light-status-muted-positive-inverted: #232d25;
454
+ --color-light-status-muted-positive-inverted-hover: #253528;
455
+ --color-light-status-muted-positive-inverted-press: #273f2d;
456
+ --color-light-status-muted-positive-press: #bbe8c3;
457
+ --color-light-status-negative: #ff4837;
458
+ --color-light-status-negative-hover: #ec2d20;
459
+ --color-light-status-negative-inverted: #ff4837;
460
+ --color-light-status-negative-inverted-hover: #ff755e;
461
+ --color-light-status-negative-inverted-press: #ff8d79;
462
+ --color-light-status-negative-press: #c7241f;
463
+ --color-light-status-positive: #0cc44d;
464
+ --color-light-status-positive-hover: #04b545;
465
+ --color-light-status-positive-inverted: #17d055;
466
+ --color-light-status-positive-inverted-hover: #22e068;
467
+ --color-light-status-positive-inverted-press: #4ae777;
468
+ --color-light-status-positive-press: #01a53d;
469
+ --color-light-text-attention: #ea8313;
470
+ --color-light-text-attention-hover: #d57111;
471
+ --color-light-text-attention-inverted: #fa9313;
472
+ --color-light-text-attention-inverted-hover: #fdb24d;
473
+ --color-light-text-attention-inverted-press: #ffbf70;
474
+ --color-light-text-attention-press: #b45a06;
475
+ --color-light-text-info: #2a77ef;
476
+ --color-light-text-info-hover: #2c64d4;
477
+ --color-light-text-info-inverted: #4a9dfc;
478
+ --color-light-text-info-inverted-hover: #63aafd;
479
+ --color-light-text-info-inverted-press: #7fb6ff;
480
+ --color-light-text-info-press: #2453b4;
481
+ --color-light-text-negative: #ec2d20;
482
+ --color-light-text-negative-hover: #c7241f;
483
+ --color-light-text-negative-inverted: #ff4837;
484
+ --color-light-text-negative-inverted-hover: #ff755e;
485
+ --color-light-text-negative-inverted-press: #ff8d79;
486
+ --color-light-text-negative-press: #a6201e;
487
+ --color-light-text-positive: #0d9336;
488
+ --color-light-text-positive-hover: #0a7d2c;
489
+ --color-light-text-positive-inverted: #0cc44d;
490
+ --color-light-text-positive-inverted-hover: #22e068;
491
+ --color-light-text-positive-inverted-press: #4ae777;
492
+ --color-light-text-positive-press: #036625;
493
+ --color-light-text-primary: #0b1f35;
494
+ --color-light-text-primary-hover: #546272;
495
+ --color-light-text-primary-inverted: #fff;
496
+ --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.9);
497
+ --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.8);
498
+ --color-light-text-primary-press: #6a7786;
499
+ --color-light-text-quaternary: rgba(10, 40, 70, 0.2);
500
+ --color-light-text-quaternary-inverted: rgba(255, 255, 255, 0.25);
501
+ --color-light-text-secondary: rgba(11, 31, 53, 0.7);
502
+ --color-light-text-secondary-hover: rgba(3, 23, 45, 0.77);
503
+ --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
504
+ --color-light-text-secondary-inverted-hover: rgba(255, 255, 255, 0.8);
505
+ --color-light-text-secondary-inverted-press: rgba(255, 255, 255, 0.9);
506
+ --color-light-text-secondary-press: rgba(1, 20, 43, 0.81);
507
+ --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
508
+ --color-light-text-tertiary-hover: rgba(1, 23, 47, 0.5);
509
+ --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
510
+ --color-light-text-tertiary-inverted-hover: rgba(255, 255, 255, 0.5);
511
+ --color-light-text-tertiary-inverted-press: rgba(255, 255, 255, 0.6);
512
+ --color-light-text-tertiary-press: rgba(2, 24, 50, 0.59);
513
+ --color-light-transparent-default: rgba(255, 255, 255, 0);
514
+ --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
515
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
516
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);
517
+ --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
518
+ --color-static-accent-primary: #ef3124;
519
+ --color-static-accent-primary-hover: #e32a17;
520
+ --color-static-accent-primary-inverted: #f83a2a;
521
+ --color-static-accent-primary-inverted-hover: #ff503e;
522
+ --color-static-accent-primary-inverted-press: #fd624e;
523
+ --color-static-accent-primary-press: #d72505;
524
+ --color-static-accent-secondary: #212124;
525
+ --color-static-accent-secondary-hover: #2f2f32;
526
+ --color-static-accent-secondary-inverted: #f2f3f5;
527
+ --color-static-accent-secondary-inverted-hover: #dcdde1;
528
+ --color-static-accent-secondary-inverted-press: #d2d3d9;
529
+ --color-static-accent-secondary-press: #353539;
530
+ --color-static-bg-primary-dark: #0b1f35;
531
+ --color-static-neutral-0: #fff;
532
+ --color-static-neutral-0-hover: #e7e8eb;
533
+ --color-static-neutral-0-inverted: rgba(214, 214, 229, 0.07);
534
+ --color-static-neutral-0-inverted-hover: #2f2f32;
535
+ --color-static-neutral-0-inverted-press: #353539;
536
+ --color-static-neutral-0-press: #dcdde1;
537
+ --color-static-neutral-100: #f2f3f5;
538
+ --color-static-neutral-100-hover: #e7e8eb;
539
+ --color-static-neutral-100-inverted: #1c1c1e;
540
+ --color-static-neutral-100-inverted-hover: #212124;
541
+ --color-static-neutral-100-inverted-press: #29292c;
542
+ --color-static-neutral-100-press: #dcdde1;
543
+ --color-static-neutral-1500: #121213;
544
+ --color-static-neutral-1500-hover: #3f3f45;
545
+ --color-static-neutral-1500-inverted: #fff;
546
+ --color-static-neutral-1500-inverted-hover: #babbc2;
547
+ --color-static-neutral-1500-inverted-press: #a0a1a9;
548
+ --color-static-neutral-1500-press: #5f5f66;
549
+ --color-static-neutral-200: #edeef0;
550
+ --color-static-neutral-200-hover: #e7e8eb;
551
+ --color-static-neutral-200-inverted: #212124;
552
+ --color-static-neutral-200-inverted-hover: #29292c;
553
+ --color-static-neutral-200-inverted-press: #2f2f32;
554
+ --color-static-neutral-200-press: #dcdde1;
555
+ --color-static-neutral-300: #e7e8eb;
556
+ --color-static-neutral-300-hover: #dcdde1;
557
+ --color-static-neutral-300-inverted: #29292c;
558
+ --color-static-neutral-300-inverted-hover: #2f2f32;
559
+ --color-static-neutral-300-inverted-press: #353539;
560
+ --color-static-neutral-300-press: #d2d3d9;
561
+ --color-static-neutral-400: #d2d3d9;
562
+ --color-static-neutral-400-hover: #babbc2;
563
+ --color-static-neutral-400-inverted: #353539;
564
+ --color-static-neutral-400-inverted-hover: #3f3f45;
565
+ --color-static-neutral-400-inverted-press: #4a4a51;
566
+ --color-static-neutral-400-press: #a0a1a9;
567
+ --color-static-neutral-500: #babbc2;
568
+ --color-static-neutral-500-hover: #a0a1a9;
569
+ --color-static-neutral-500-inverted: #4a4a51;
570
+ --color-static-neutral-500-inverted-hover: #5f5f66;
571
+ --color-static-neutral-500-inverted-press: #75757d;
572
+ --color-static-neutral-500-press: #898991;
573
+ --color-static-neutral-700: #898991;
574
+ --color-static-neutral-700-hover: #75757d;
575
+ --color-static-neutral-700-inverted: #898991;
576
+ --color-static-neutral-700-inverted-hover: #a0a1a9;
577
+ --color-static-neutral-700-inverted-press: #babbc2;
578
+ --color-static-neutral-700-press: #5f5f66;
579
+ --color-static-neutral-translucent-0: #fff;
580
+ --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
581
+ --color-static-neutral-translucent-0-inverted: #fff;
582
+ --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
583
+ --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
584
+ --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
585
+ --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06);
586
+ --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
587
+ --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
588
+ --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
589
+ --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
590
+ --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
591
+ --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
592
+ --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
593
+ --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
594
+ --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
595
+ --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
596
+ --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
597
+ --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
598
+ --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
599
+ --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
600
+ --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
601
+ --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08);
602
+ --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
603
+ --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
604
+ --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
605
+ --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
606
+ --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
607
+ --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
608
+ --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
609
+ --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
610
+ --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
611
+ --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
612
+ --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
613
+ --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
614
+ --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
615
+ --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
616
+ --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
617
+ --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
618
+ --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
619
+ --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28);
620
+ --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
621
+ --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
622
+ --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
623
+ --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
624
+ --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
625
+ --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
626
+ --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
627
+ --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
628
+ --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
629
+ --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
630
+ --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
631
+ --color-static-status-attention: #fa9313;
632
+ --color-static-status-attention-inverted: #fda136;
633
+ --color-static-status-info: #2288fa;
634
+ --color-static-status-info-inverted: #3193fc;
635
+ --color-static-status-muted-alt-attention: #fde6c8;
636
+ --color-static-status-muted-alt-attention-inverted: #412f22;
637
+ --color-static-status-muted-alt-info: #d8eaff;
638
+ --color-static-status-muted-alt-info-inverted: #293044;
639
+ --color-static-status-muted-alt-negative: #ffdfdf;
640
+ --color-static-status-muted-alt-negative-inverted: #442926;
641
+ --color-static-status-muted-alt-positive: #d1f1d7;
642
+ --color-static-status-muted-alt-positive-inverted: #253528;
643
+ --color-static-status-muted-attention: #ffefd9;
644
+ --color-static-status-muted-attention-inverted: #36291f;
645
+ --color-static-status-muted-info: #e4f0ff;
646
+ --color-static-status-muted-info-inverted: #222a3e;
647
+ --color-static-status-muted-negative: #ffebeb;
648
+ --color-static-status-muted-negative-inverted: #392523;
649
+ --color-static-status-muted-positive: #dff8e5;
650
+ --color-static-status-muted-positive-inverted: #232d25;
651
+ --color-static-status-negative: #ff4837;
652
+ --color-static-status-negative-inverted: #ff4837;
653
+ --color-static-status-positive: #0cc44d;
654
+ --color-static-status-positive-inverted: #17d055;
655
+ --color-static-text-attention: #ea8313;
656
+ --color-static-text-attention-hover: #d57111;
657
+ --color-static-text-attention-inverted: #fa9313;
658
+ --color-static-text-attention-inverted-hover: #fdb24d;
659
+ --color-static-text-attention-inverted-press: #ffbf70;
660
+ --color-static-text-attention-press: #b45a06;
661
+ --color-static-text-info: #2a77ef;
662
+ --color-static-text-info-hover: #2c64d4;
663
+ --color-static-text-info-inverted: #4a9dfc;
664
+ --color-static-text-info-inverted-hover: #63aafd;
665
+ --color-static-text-info-inverted-press: #7fb6ff;
666
+ --color-static-text-info-press: #2453b4;
667
+ --color-static-text-negative: #ec2d20;
668
+ --color-static-text-negative-hover: #c7241f;
669
+ --color-static-text-negative-inverted: #ff4837;
670
+ --color-static-text-negative-inverted-hover: #ff755e;
671
+ --color-static-text-negative-inverted-press: #ff8d79;
672
+ --color-static-text-negative-press: #a6201e;
673
+ --color-static-text-positive: #0d9336;
674
+ --color-static-text-positive-hover: #0a7d2c;
675
+ --color-static-text-positive-inverted: #0cc44d;
676
+ --color-static-text-positive-inverted-hover: #22e068;
677
+ --color-static-text-positive-inverted-press: #4ae777;
678
+ --color-static-text-positive-press: #036625;
679
+ --color-static-text-primary: #0b1f35;
680
+ --color-static-text-primary-dark: #0b1f35;
681
+ --color-static-text-primary-hover: #546272;
682
+ --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
683
+ --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.9);
684
+ --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.8);
685
+ --color-static-text-primary-light: #fff;
686
+ --color-static-text-primary-press: #6a7786;
687
+ --color-static-text-quaternary: rgba(10, 40, 70, 0.2);
688
+ --color-static-text-quaternary-inverted: rgba(255, 255, 255, 0.25);
689
+ --color-static-text-secondary: rgba(11, 31, 53, 0.7);
690
+ --color-static-text-secondary-dark: rgba(11, 31, 53, 0.6);
691
+ --color-static-text-secondary-hover: rgba(3, 23, 45, 0.77);
692
+ --color-static-text-secondary-inverted: rgba(255, 255, 255, 0.7);
693
+ --color-static-text-secondary-inverted-hover: rgba(255, 255, 255, 0.8);
694
+ --color-static-text-secondary-inverted-press: rgba(255, 255, 255, 0.9);
695
+ --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
696
+ --color-static-text-secondary-press: rgba(1, 20, 43, 0.81);
697
+ --color-static-text-tertiary: rgba(11, 31, 53, 0.3);
698
+ --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
699
+ --color-static-text-tertiary-hover: rgba(1, 23, 47, 0.5);
700
+ --color-static-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
701
+ --color-static-text-tertiary-inverted-hover: rgba(255, 255, 255, 0.5);
702
+ --color-static-text-tertiary-inverted-press: rgba(255, 255, 255, 0.6);
703
+ --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
704
+ --color-static-text-tertiary-press: rgba(2, 24, 50, 0.59);
705
+ --color-dark-bg-accent: #ef3124; /* deprecated */
706
+ --color-dark-bg-attention-muted: #432000; /* deprecated */
707
+ --color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */
708
+ --color-dark-bg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
709
+ --color-dark-bg-info: #001c3c; /* deprecated */
710
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
711
+ --color-dark-bg-negative-muted: #410903; /* deprecated */
712
+ --color-dark-bg-neutral: #485767; /* deprecated */
713
+ --color-dark-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
714
+ --color-dark-bg-opaque: rgba(255, 255, 255, 0.6); /* deprecated */
715
+ --color-dark-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
716
+ --color-dark-bg-positive-muted: #06311e; /* deprecated */
717
+ --color-dark-bg-primary: #0b1f35; /* deprecated */
718
+ --color-dark-bg-primary-grouped: #0b1f35; /* deprecated */
719
+ --color-dark-bg-primary-inverted: #fff; /* deprecated */
720
+ --color-dark-bg-quaternary: #485767; /* deprecated */
721
+ --color-dark-bg-quaternary-inverted: #dbdee1; /* deprecated */
722
+ --color-dark-bg-secondary: #233549; /* deprecated */
723
+ --color-dark-bg-secondary-grouped: #233549; /* deprecated */
724
+ --color-dark-bg-secondary-inverted: #f3f4f5; /* deprecated */
725
+ --color-dark-bg-tertiary: #3c4c5d; /* deprecated */
726
+ --color-dark-bg-tertiary-grouped: #3c4c5d; /* deprecated */
727
+ --color-dark-bg-tertiary-inverted: #e7e9eb; /* deprecated */
728
+ --color-dark-border-accent: #ef3124; /* deprecated */
729
+ --color-dark-border-key: #fff; /* deprecated */
730
+ --color-dark-border-key-inverted: #0b1f35; /* deprecated */
731
+ --color-dark-border-link: #007aff; /* deprecated */
732
+ --color-dark-border-primary: #485767; /* deprecated */
733
+ --color-dark-border-primary-inverted: #dbdee1; /* deprecated */
734
+ --color-dark-border-secondary: #3c4c5d; /* deprecated */
735
+ --color-dark-border-secondary-inverted: #e7e9eb; /* deprecated */
736
+ --color-dark-border-tertiary: #233549; /* deprecated */
737
+ --color-dark-border-tertiary-inverted: #f3f4f5; /* deprecated */
738
+ --color-dark-border-underline: #6d7986; /* deprecated */
739
+ --color-dark-border-underline-inverted: #b6bcc3; /* deprecated */
740
+ --color-dark-graphic-accent: #ef3124; /* deprecated */
741
+ --color-dark-graphic-attention: #e58933; /* deprecated */
742
+ --color-dark-graphic-link: #007aff; /* deprecated */
743
+ --color-dark-graphic-negative: #f15045; /* deprecated */
744
+ --color-dark-graphic-neutral: #485767; /* deprecated */
745
+ --color-dark-graphic-positive: #2fc26e; /* deprecated */
746
+ --color-dark-graphic-primary: #fff; /* deprecated */
747
+ --color-dark-graphic-primary-inverted: #0b1f35; /* deprecated */
748
+ --color-dark-graphic-quaternary: #485767; /* deprecated */
749
+ --color-dark-graphic-quaternary-inverted: #dbdee1; /* deprecated */
750
+ --color-dark-graphic-secondary: #b6bcc3; /* deprecated */
751
+ --color-dark-graphic-secondary-inverted: #6d7986; /* deprecated */
752
+ --color-dark-graphic-tertiary: #6d7986; /* deprecated */
753
+ --color-dark-graphic-tertiary-inverted: #b6bcc3; /* deprecated */
754
+ --color-dark-specialbg-component: rgba(255, 255, 255, 0.15); /* deprecated */
755
+ --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
756
+ --color-dark-specialbg-nulled: rgba(11, 31, 53, 0); /* deprecated */
757
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
758
+ --color-dark-specialbg-overlay-fallback: #070707; /* deprecated */
759
+ --color-dark-specialbg-primary-grouped: #0b1f35; /* deprecated */
760
+ --color-dark-specialbg-secondary-grouped: #233549; /* deprecated */
761
+ --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.1); /* deprecated */
762
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(11, 31, 53, 0.05); /* deprecated */
763
+ --color-dark-specialbg-tertiary-grouped: #3c4c5d; /* deprecated */
764
+ --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.2); /* deprecated */
765
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(11, 31, 53, 0.1); /* deprecated */
766
+ --color-dark-text-accent: #ef3124; /* deprecated */
767
+ --color-dark-text-disabled: rgba(255, 255, 255, 0.25); /* deprecated */
768
+ --color-dark-text-disabled-inverted: rgba(11, 31, 53, 0.15); /* deprecated */
769
+ --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25); /* deprecated */
770
+ --color-dark-text-link: #007aff; /* deprecated */
771
+ --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
772
+ --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
773
+ --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
774
+ --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
775
+ --color-light-bg-accent: #ef3124; /* deprecated */
776
+ --color-light-bg-attention-muted: #fff3e0; /* deprecated */
777
+ --color-light-bg-component: rgba(11, 31, 53, 0.07); /* deprecated */
778
+ --color-light-bg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
779
+ --color-light-bg-info: #d6e8fc; /* deprecated */
780
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
781
+ --color-light-bg-negative-muted: #feebea; /* deprecated */
782
+ --color-light-bg-neutral: #dbdee1; /* deprecated */
783
+ --color-light-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
784
+ --color-light-bg-opaque: rgba(255, 255, 255, 0.6); /* deprecated */
785
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
786
+ --color-light-bg-positive-muted: #ebf9f1; /* deprecated */
787
+ --color-light-bg-primary: #fff; /* deprecated */
788
+ --color-light-bg-primary-grouped: #f3f4f5; /* deprecated */
789
+ --color-light-bg-primary-inverted: #0b1f35; /* deprecated */
790
+ --color-light-bg-quaternary: #dbdee1; /* deprecated */
791
+ --color-light-bg-quaternary-inverted: #485767; /* deprecated */
792
+ --color-light-bg-secondary: #f3f4f5; /* deprecated */
793
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
794
+ --color-light-bg-secondary-inverted: #233549; /* deprecated */
795
+ --color-light-bg-tertiary: #e7e9eb; /* deprecated */
796
+ --color-light-bg-tertiary-grouped: #f3f4f5; /* deprecated */
797
+ --color-light-bg-tertiary-inverted: #3c4c5d; /* deprecated */
798
+ --color-light-border-accent: #ef3124; /* deprecated */
799
+ --color-light-border-key: #0b1f35; /* deprecated */
800
+ --color-light-border-key-inverted: #fff; /* deprecated */
801
+ --color-light-border-link: #007aff; /* deprecated */
802
+ --color-light-border-primary: #dbdee1; /* deprecated */
803
+ --color-light-border-primary-inverted: #485767; /* deprecated */
804
+ --color-light-border-secondary: #e7e9eb; /* deprecated */
805
+ --color-light-border-secondary-inverted: #3c4c5d; /* deprecated */
806
+ --color-light-border-tertiary: #f3f4f5; /* deprecated */
807
+ --color-light-border-tertiary-inverted: #233549; /* deprecated */
808
+ --color-light-border-underline: #b6bcc3; /* deprecated */
809
+ --color-light-border-underline-inverted: #6d7986; /* deprecated */
810
+ --color-light-graphic-accent: #ef3124; /* deprecated */
811
+ --color-light-graphic-attention: #e58933; /* deprecated */
812
+ --color-light-graphic-link: #007aff; /* deprecated */
813
+ --color-light-graphic-negative: #f15045; /* deprecated */
814
+ --color-light-graphic-neutral: #dbdee1; /* deprecated */
815
+ --color-light-graphic-positive: #2fc26e; /* deprecated */
816
+ --color-light-graphic-primary: #0b1f35; /* deprecated */
817
+ --color-light-graphic-primary-inverted: #fff; /* deprecated */
818
+ --color-light-graphic-quaternary: #dbdee1; /* deprecated */
819
+ --color-light-graphic-quaternary-inverted: #485767; /* deprecated */
820
+ --color-light-graphic-secondary: #6d7986; /* deprecated */
821
+ --color-light-graphic-secondary-inverted: #b6bcc3; /* deprecated */
822
+ --color-light-graphic-tertiary: #b6bcc3; /* deprecated */
823
+ --color-light-graphic-tertiary-inverted: #6d7986; /* deprecated */
824
+ --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */
825
+ --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
826
+ --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
827
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
828
+ --color-light-specialbg-overlay-fallback: #5c5c5c; /* deprecated */
829
+ --color-light-specialbg-primary-grouped: #f3f4f5; /* deprecated */
830
+ --color-light-specialbg-secondary-grouped: #fff; /* deprecated */
831
+ --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05); /* deprecated */
832
+ --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.1); /* deprecated */
833
+ --color-light-specialbg-tertiary-grouped: #f3f4f5; /* deprecated */
834
+ --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */
835
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.2); /* deprecated */
836
+ --color-light-text-accent: #ef3124; /* deprecated */
837
+ --color-light-text-disabled: rgba(11, 31, 53, 0.15); /* deprecated */
838
+ --color-light-text-disabled-inverted: rgba(255, 255, 255, 0.25); /* deprecated */
839
+ --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15); /* deprecated */
840
+ --color-light-text-link: #007aff; /* deprecated */
841
+ --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
842
+ --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
843
+ --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
844
+ --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
845
+ --color-static-bg-accent: #ef3124; /* deprecated */
846
+ --color-static-bg-dark: #000; /* deprecated */
847
+ --color-static-bg-light: #fff; /* deprecated */
848
+ --color-static-bg-neutral-dark: #485767; /* deprecated */
849
+ --color-static-bg-neutral-light: #dbdee1; /* deprecated */
850
+ --color-static-bg-primary-light: #fff; /* deprecated */
851
+ --color-static-bg-quaternary-dark: #485767; /* deprecated */
852
+ --color-static-bg-quaternary-light: #dbdee1; /* deprecated */
853
+ --color-static-bg-secondary-dark: #233549; /* deprecated */
854
+ --color-static-bg-secondary-light: #f3f4f5; /* deprecated */
855
+ --color-static-bg-tertiary-dark: #3c4c5d; /* deprecated */
856
+ --color-static-bg-tertiary-light: #e7e9eb; /* deprecated */
857
+ --color-static-border-accent: #ef3124; /* deprecated */
858
+ --color-static-graphic-accent: #ef3124; /* deprecated */
859
+ --color-static-graphic-dark: #0b1f35; /* deprecated */
860
+ --color-static-graphic-light: #fff; /* deprecated */
861
+ --color-static-text-accent: #ef3124; /* deprecated */
862
+ --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6); /* deprecated */
863
+ --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
864
+ --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
865
+ --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
866
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
867
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
868
+ --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
869
+ --color-dark-text-primary-shade-24: rgb(194, 194, 194); /* deprecated */
870
+ --color-dark-text-primary-shade-30: rgb(179, 179, 179); /* deprecated */
871
+ --color-dark-text-primary-shade-40: rgb(153, 153, 153); /* deprecated */
872
+ --color-dark-text-primary-shade-50: rgb(128, 128, 128); /* deprecated */
873
+ --color-dark-text-primary-tint-20: rgb(255, 255, 255); /* deprecated */
874
+ --color-dark-text-primary-tint-40: rgb(255, 255, 255); /* deprecated */
875
+ --color-dark-text-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
876
+ --color-dark-text-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4); /* deprecated */
877
+ --color-dark-text-primary-inverted-shade-20: rgb(9, 25, 42); /* deprecated */
878
+ --color-dark-text-primary-inverted-shade-30: rgb(8, 22, 37); /* deprecated */
879
+ --color-dark-text-primary-inverted-tint-7: rgb(28, 47, 67); /* deprecated */
880
+ --color-dark-text-primary-inverted-tint-15: rgb(48, 65, 83); /* deprecated */
881
+ --color-dark-text-primary-inverted-tint-24: rgb(70, 85, 101); /* deprecated */
882
+ --color-dark-text-primary-inverted-tint-30: rgb(84, 98, 114); /* deprecated */
883
+ --color-dark-text-primary-inverted-tint-40: rgb(109, 121, 134); /* deprecated */
884
+ --color-dark-text-primary-inverted-tint-50: rgb(133, 143, 154); /* deprecated */
885
+ --color-dark-text-secondary-shade-20: rgba(204, 204, 204, 0.76); /* deprecated */
886
+ --color-dark-text-secondary-shade-30: rgba(179, 179, 179, 0.79); /* deprecated */
887
+ --color-dark-text-secondary-tint-20: rgba(255, 255, 255, 0.76); /* deprecated */
888
+ --color-dark-text-secondary-tint-40: rgba(255, 255, 255, 0.82); /* deprecated */
889
+ --color-dark-text-secondary-inverted-shade-20: rgba(9, 25, 42, 0.76); /* deprecated */
890
+ --color-dark-text-secondary-inverted-shade-30: rgba(8, 22, 37, 0.79); /* deprecated */
891
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
892
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
893
+ --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
894
+ --color-light-text-primary-tint-24: rgb(70, 85, 101); /* deprecated */
895
+ --color-light-text-primary-tint-30: rgb(84, 98, 114); /* deprecated */
896
+ --color-light-text-primary-tint-40: rgb(109, 121, 134); /* deprecated */
897
+ --color-light-text-primary-tint-50: rgb(133, 143, 154); /* deprecated */
898
+ --color-light-text-primary-shade-20: rgb(9, 25, 42); /* deprecated */
899
+ --color-light-text-primary-shade-40: rgb(7, 19, 32); /* deprecated */
900
+ --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
901
+ --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
902
+ --color-light-text-primary-inverted-tint-20: rgb(255, 255, 255); /* deprecated */
903
+ --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255); /* deprecated */
904
+ --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
905
+ --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
906
+ --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194); /* deprecated */
907
+ --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
908
+ --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153); /* deprecated */
909
+ --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128); /* deprecated */
910
+ --color-light-text-secondary-tint-20: rgba(60, 76, 93, 0.76); /* deprecated */
911
+ --color-light-text-secondary-tint-30: rgba(84, 98, 114, 0.79); /* deprecated */
912
+ --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76); /* deprecated */
913
+ --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82); /* deprecated */
914
+ --color-light-text-secondary-inverted-tint-20: rgba(255, 255, 255, 0.76); /* deprecated */
915
+ --color-light-text-secondary-inverted-tint-30: rgba(255, 255, 255, 0.79); /* deprecated */
916
+ --color-static-bg-primary-dark-alpha-10: rgba(11, 31, 53, 0.1); /* deprecated */
917
+ --color-static-bg-primary-dark-alpha-20: rgba(11, 31, 53, 0.2); /* deprecated */
918
+ --color-static-bg-primary-dark-tint-15: rgb(48, 65, 83); /* deprecated */
919
+ --color-static-bg-primary-dark-tint-20: rgb(60, 76, 93); /* deprecated */
920
+ --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
921
+ --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
922
+ --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
923
+ --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */
924
+ --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */
925
+ --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
926
+ --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
927
+ --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
928
+ --color-dark-bg-primary-alpha-4: rgba(11, 31, 53, 0.04); /* deprecated */
929
+ --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08); /* deprecated */
930
+ --color-dark-bg-primary-alpha-12: rgba(11, 31, 53, 0.12); /* deprecated */
931
+ --color-dark-bg-primary-alpha-15: rgba(11, 31, 53, 0.15); /* deprecated */
932
+ --color-dark-bg-primary-alpha-16: rgba(11, 31, 53, 0.16); /* deprecated */
933
+ --color-dark-bg-primary-alpha-20: rgba(11, 31, 53, 0.2); /* deprecated */
934
+ --color-dark-bg-primary-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
935
+ --color-dark-bg-primary-alpha-32: rgba(11, 31, 53, 0.32); /* deprecated */
936
+ --color-dark-bg-primary-alpha-37: rgba(11, 31, 53, 0.37); /* deprecated */
937
+ --color-dark-bg-primary-alpha-40: rgba(11, 31, 53, 0.4); /* deprecated */
938
+ --color-dark-bg-primary-tint-7: rgb(28, 47, 67); /* deprecated */
939
+ --color-dark-bg-primary-tint-15: rgb(48, 65, 83); /* deprecated */
940
+ --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
941
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
942
+ --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
943
+ --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
944
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
945
+ --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */
946
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
947
+ --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
948
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
949
+ --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
950
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */
951
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
952
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
953
+ --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
954
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
955
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
956
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
957
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */
958
+ --color-dark-bg-quaternary-alpha-30: rgba(72, 87, 103, 0.3); /* deprecated */
959
+ --color-dark-bg-quaternary-tint-7: rgb(85, 99, 114); /* deprecated */
960
+ --color-dark-bg-quaternary-tint-10: rgb(90, 104, 118); /* deprecated */
961
+ --color-dark-bg-quaternary-tint-15: rgb(99, 112, 126); /* deprecated */
962
+ --color-dark-bg-quaternary-tint-30: rgb(127, 137, 149); /* deprecated */
963
+ --color-dark-bg-quaternary-inverted-alpha-30: rgba(219, 222, 225, 0.3); /* deprecated */
964
+ --color-dark-bg-quaternary-inverted-shade-15: rgb(186, 189, 191); /* deprecated */
965
+ --color-dark-bg-quaternary-inverted-shade-20: rgb(175, 178, 180); /* deprecated */
966
+ --color-dark-bg-secondary-alpha-30: rgba(35, 53, 73, 0.3); /* deprecated */
967
+ --color-dark-bg-secondary-shade-15: rgb(30, 45, 62); /* deprecated */
968
+ --color-dark-bg-secondary-shade-20: rgb(28, 42, 58); /* deprecated */
969
+ --color-dark-bg-secondary-tint-7: rgb(50, 67, 86); /* deprecated */
970
+ --color-dark-bg-secondary-tint-15: rgb(68, 83, 100); /* deprecated */
971
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(243, 244, 245, 0.3); /* deprecated */
972
+ --color-dark-bg-secondary-inverted-shade-15: rgb(207, 207, 208); /* deprecated */
973
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 195, 196); /* deprecated */
974
+ --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246); /* deprecated */
975
+ --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246); /* deprecated */
976
+ --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104); /* deprecated */
977
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
978
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
979
+ --color-dark-border-key-inverted-alpha-7: rgba(11, 31, 53, 0.07); /* deprecated */
980
+ --color-dark-border-key-inverted-alpha-15: rgba(11, 31, 53, 0.15); /* deprecated */
981
+ --color-dark-border-underline-alpha-30: rgba(109, 121, 134, 0.3); /* deprecated */
982
+ --color-dark-border-underline-inverted-alpha-30: rgba(182, 188, 195, 0.3); /* deprecated */
983
+ --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
984
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
985
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */
986
+ --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */
987
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
988
+ --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */
989
+ --color-dark-graphic-link-alpha-15: rgba(0, 122, 255, 0.15); /* deprecated */
990
+ --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1); /* deprecated */
991
+ --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3); /* deprecated */
992
+ --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4); /* deprecated */
993
+ --color-dark-graphic-negative-shade-20: rgb(193, 64, 55); /* deprecated */
994
+ --color-dark-graphic-negative-shade-30: rgb(169, 56, 48); /* deprecated */
995
+ --color-dark-graphic-negative-tint-7: rgb(242, 92, 82); /* deprecated */
996
+ --color-dark-graphic-negative-tint-15: rgb(243, 106, 97); /* deprecated */
997
+ --color-dark-graphic-negative-tint-30: rgb(245, 133, 125); /* deprecated */
998
+ --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1); /* deprecated */
999
+ --color-dark-graphic-positive-tint-10: rgb(68, 200, 125); /* deprecated */
1000
+ --color-dark-graphic-positive-tint-30: rgb(109, 212, 154); /* deprecated */
1001
+ --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1002
+ --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1003
+ --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1004
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1005
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1006
+ --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
1007
+ --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
1008
+ --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
1009
+ --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
1010
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1011
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4); /* deprecated */
1012
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5); /* deprecated */
1013
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(11, 31, 53, 0.6); /* deprecated */
1014
+ --color-dark-graphic-primary-inverted-tint-7: rgb(28, 47, 67); /* deprecated */
1015
+ --color-dark-graphic-primary-inverted-tint-10: rgb(35, 53, 73); /* deprecated */
1016
+ --color-dark-graphic-primary-inverted-tint-15: rgb(48, 65, 83); /* deprecated */
1017
+ --color-dark-graphic-primary-inverted-tint-30: rgb(84, 98, 114); /* deprecated */
1018
+ --color-dark-graphic-quaternary-tint-10: rgb(90, 104, 118); /* deprecated */
1019
+ --color-dark-graphic-secondary-alpha-30: rgba(182, 188, 195, 0.3); /* deprecated */
1020
+ --color-dark-graphic-secondary-tint-30: rgb(204, 208, 213); /* deprecated */
1021
+ --color-dark-graphic-secondary-tint-50: rgb(219, 222, 225); /* deprecated */
1022
+ --color-dark-graphic-secondary-inverted-alpha-30: rgba(109, 121, 134, 0.3); /* deprecated */
1023
+ --color-dark-graphic-secondary-inverted-shade-15: rgb(93, 103, 114); /* deprecated */
1024
+ --color-dark-graphic-secondary-inverted-shade-20: rgb(87, 97, 107); /* deprecated */
1025
+ --color-dark-graphic-secondary-inverted-tint-10: rgb(124, 134, 146); /* deprecated */
1026
+ --color-dark-graphic-secondary-inverted-tint-30: rgb(153, 161, 170); /* deprecated */
1027
+ --color-dark-graphic-tertiary-alpha-30: rgba(109, 121, 134, 0.3); /* deprecated */
1028
+ --color-dark-graphic-tertiary-shade-15: rgb(93, 103, 114); /* deprecated */
1029
+ --color-dark-graphic-tertiary-shade-20: rgb(87, 97, 107); /* deprecated */
1030
+ --color-dark-graphic-tertiary-tint-7: rgb(119, 130, 142); /* deprecated */
1031
+ --color-dark-graphic-tertiary-tint-15: rgb(131, 141, 152); /* deprecated */
1032
+ --color-dark-graphic-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3); /* deprecated */
1033
+ --color-dark-graphic-tertiary-inverted-shade-15: rgb(155, 160, 166); /* deprecated */
1034
+ --color-dark-graphic-tertiary-inverted-shade-20: rgb(146, 150, 156); /* deprecated */
1035
+ --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.2095); /* deprecated */
1036
+ --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.235); /* deprecated */
1037
+ --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.2775); /* deprecated */
1038
+ --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.405); /* deprecated */
1039
+ --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */
1040
+ --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */
1041
+ --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */
1042
+ --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1043
+ --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1044
+ --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1045
+ --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */
1046
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */
1047
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1048
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925); /* deprecated */
1049
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24); /* deprecated */
1050
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256); /* deprecated */
1051
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32); /* deprecated */
1052
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235); /* deprecated */
1053
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28); /* deprecated */
1054
+ --color-dark-text-link-shade-30: rgb(0, 85, 179); /* deprecated */
1055
+ --color-dark-text-link-shade-50: rgb(0, 61, 128); /* deprecated */
1056
+ --color-dark-text-link-tint-20: rgb(51, 149, 255); /* deprecated */
1057
+ --color-dark-text-link-tint-40: rgb(102, 175, 255); /* deprecated */
1058
+ --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1059
+ --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1060
+ --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */
1061
+ --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1062
+ --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1063
+ --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1064
+ --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1065
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1066
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1067
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1068
+ --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1069
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1070
+ --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1071
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1072
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1073
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */
1074
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1075
+ --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1076
+ --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1077
+ --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03); /* deprecated */
1078
+ --color-light-bg-primary-inverted-alpha-4: rgba(11, 31, 53, 0.04); /* deprecated */
1079
+ --color-light-bg-primary-inverted-alpha-5: rgba(11, 31, 53, 0.05); /* deprecated */
1080
+ --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07); /* deprecated */
1081
+ --color-light-bg-primary-inverted-alpha-8: rgba(11, 31, 53, 0.08); /* deprecated */
1082
+ --color-light-bg-primary-inverted-alpha-10: rgba(11, 31, 53, 0.1); /* deprecated */
1083
+ --color-light-bg-primary-inverted-alpha-12: rgba(11, 31, 53, 0.12); /* deprecated */
1084
+ --color-light-bg-primary-inverted-alpha-15: rgba(11, 31, 53, 0.15); /* deprecated */
1085
+ --color-light-bg-primary-inverted-alpha-16: rgba(11, 31, 53, 0.16); /* deprecated */
1086
+ --color-light-bg-primary-inverted-alpha-20: rgba(11, 31, 53, 0.2); /* deprecated */
1087
+ --color-light-bg-primary-inverted-alpha-24: rgba(11, 31, 53, 0.24); /* deprecated */
1088
+ --color-light-bg-primary-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1089
+ --color-light-bg-primary-inverted-alpha-32: rgba(11, 31, 53, 0.32); /* deprecated */
1090
+ --color-light-bg-primary-inverted-alpha-40: rgba(11, 31, 53, 0.4); /* deprecated */
1091
+ --color-light-bg-primary-inverted-alpha-50: rgba(11, 31, 53, 0.5); /* deprecated */
1092
+ --color-light-bg-primary-inverted-tint-7: rgb(28, 47, 67); /* deprecated */
1093
+ --color-light-bg-primary-inverted-tint-15: rgb(48, 65, 83); /* deprecated */
1094
+ --color-light-bg-primary-inverted-tint-20: rgb(60, 76, 93); /* deprecated */
1095
+ --color-light-bg-quaternary-alpha-30: rgba(219, 222, 225, 0.3); /* deprecated */
1096
+ --color-light-bg-quaternary-shade-7: rgb(204, 206, 209); /* deprecated */
1097
+ --color-light-bg-quaternary-shade-10: rgb(197, 200, 203); /* deprecated */
1098
+ --color-light-bg-quaternary-shade-15: rgb(186, 189, 191); /* deprecated */
1099
+ --color-light-bg-quaternary-shade-30: rgb(153, 155, 157); /* deprecated */
1100
+ --color-light-bg-quaternary-inverted-alpha-30: rgba(72, 87, 103, 0.3); /* deprecated */
1101
+ --color-light-bg-quaternary-inverted-tint-15: rgb(99, 112, 126); /* deprecated */
1102
+ --color-light-bg-quaternary-inverted-tint-20: rgb(109, 121, 133); /* deprecated */
1103
+ --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3); /* deprecated */
1104
+ --color-light-bg-secondary-tint-15: rgb(245, 246, 246); /* deprecated */
1105
+ --color-light-bg-secondary-tint-20: rgb(245, 246, 247); /* deprecated */
1106
+ --color-light-bg-secondary-shade-7: rgb(226, 227, 228); /* deprecated */
1107
+ --color-light-bg-secondary-shade-15: rgb(207, 207, 208); /* deprecated */
1108
+ --color-light-bg-secondary-inverted-alpha-30: rgba(35, 53, 73, 0.3); /* deprecated */
1109
+ --color-light-bg-secondary-inverted-tint-15: rgb(68, 83, 100); /* deprecated */
1110
+ --color-light-bg-secondary-inverted-tint-20: rgb(79, 93, 109); /* deprecated */
1111
+ --color-light-bg-secondary-inverted-shade-7: rgb(33, 49, 68); /* deprecated */
1112
+ --color-light-bg-secondary-inverted-shade-15: rgb(30, 45, 62); /* deprecated */
1113
+ --color-light-bg-tertiary-shade-7: rgb(215, 217, 219); /* deprecated */
1114
+ --color-light-border-key-alpha-7: rgba(11, 31, 53, 0.07); /* deprecated */
1115
+ --color-light-border-key-alpha-15: rgba(11, 31, 53, 0.15); /* deprecated */
1116
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1117
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1118
+ --color-light-border-underline-alpha-30: rgba(182, 188, 195, 0.3); /* deprecated */
1119
+ --color-light-border-underline-inverted-alpha-30: rgba(109, 121, 134, 0.3); /* deprecated */
1120
+ --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1121
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1122
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1123
+ --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1124
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1125
+ --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1126
+ --color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15); /* deprecated */
1127
+ --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1); /* deprecated */
1128
+ --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3); /* deprecated */
1129
+ --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4); /* deprecated */
1130
+ --color-light-graphic-negative-tint-20: rgb(244, 115, 106); /* deprecated */
1131
+ --color-light-graphic-negative-tint-30: rgb(245, 133, 125); /* deprecated */
1132
+ --color-light-graphic-negative-shade-7: rgb(224, 74, 64); /* deprecated */
1133
+ --color-light-graphic-negative-shade-15: rgb(205, 68, 59); /* deprecated */
1134
+ --color-light-graphic-negative-shade-30: rgb(169, 56, 48); /* deprecated */
1135
+ --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1); /* deprecated */
1136
+ --color-light-graphic-positive-shade-10: rgb(42, 175, 99); /* deprecated */
1137
+ --color-light-graphic-positive-shade-30: rgb(33, 136, 77); /* deprecated */
1138
+ --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1139
+ --color-light-graphic-primary-alpha-40: rgba(11, 31, 53, 0.4); /* deprecated */
1140
+ --color-light-graphic-primary-alpha-50: rgba(11, 31, 53, 0.5); /* deprecated */
1141
+ --color-light-graphic-primary-alpha-60: rgba(11, 31, 53, 0.6); /* deprecated */
1142
+ --color-light-graphic-primary-tint-15: rgb(48, 65, 83); /* deprecated */
1143
+ --color-light-graphic-primary-tint-20: rgb(60, 76, 93); /* deprecated */
1144
+ --color-light-graphic-primary-tint-30: rgb(84, 98, 114); /* deprecated */
1145
+ --color-light-graphic-primary-shade-10: rgb(10, 28, 48); /* deprecated */
1146
+ --color-light-graphic-primary-shade-30: rgb(8, 22, 37); /* deprecated */
1147
+ --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1148
+ --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1149
+ --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1150
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1151
+ --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1152
+ --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
1153
+ --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1154
+ --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
1155
+ --color-light-graphic-quaternary-shade-10: rgb(197, 200, 203); /* deprecated */
1156
+ --color-light-graphic-secondary-alpha-30: rgba(109, 121, 134, 0.3); /* deprecated */
1157
+ --color-light-graphic-secondary-shade-30: rgb(76, 85, 94); /* deprecated */
1158
+ --color-light-graphic-secondary-shade-50: rgb(55, 61, 67); /* deprecated */
1159
+ --color-light-graphic-secondary-inverted-alpha-30: rgba(182, 188, 195, 0.3); /* deprecated */
1160
+ --color-light-graphic-secondary-inverted-tint-15: rgb(193, 198, 204); /* deprecated */
1161
+ --color-light-graphic-secondary-inverted-tint-20: rgb(197, 201, 207); /* deprecated */
1162
+ --color-light-graphic-secondary-inverted-shade-10: rgb(164, 169, 176); /* deprecated */
1163
+ --color-light-graphic-secondary-inverted-shade-30: rgb(127, 132, 136); /* deprecated */
1164
+ --color-light-graphic-tertiary-alpha-30: rgba(182, 188, 195, 0.3); /* deprecated */
1165
+ --color-light-graphic-tertiary-tint-15: rgb(193, 198, 204); /* deprecated */
1166
+ --color-light-graphic-tertiary-tint-20: rgb(197, 201, 207); /* deprecated */
1167
+ --color-light-graphic-tertiary-shade-7: rgb(169, 175, 181); /* deprecated */
1168
+ --color-light-graphic-tertiary-shade-15: rgb(155, 160, 166); /* deprecated */
1169
+ --color-light-graphic-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3); /* deprecated */
1170
+ --color-light-graphic-tertiary-inverted-tint-15: rgb(131, 141, 152); /* deprecated */
1171
+ --color-light-graphic-tertiary-inverted-tint-20: rgb(138, 148, 158); /* deprecated */
1172
+ --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */
1173
+ --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */
1174
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1175
+ --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */
1176
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */
1177
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */
1178
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */
1179
+ --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1180
+ --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1181
+ --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775); /* deprecated */
1182
+ --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.32); /* deprecated */
1183
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165); /* deprecated */
1184
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925); /* deprecated */
1185
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1186
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */
1187
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163); /* deprecated */
1188
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235); /* deprecated */
1189
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32); /* deprecated */
1190
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36); /* deprecated */
1191
+ --color-light-text-link-tint-30: rgb(77, 162, 255); /* deprecated */
1192
+ --color-light-text-link-tint-50: rgb(128, 189, 255); /* deprecated */
1193
+ --color-light-text-link-shade-20: rgb(0, 98, 204); /* deprecated */
1194
+ --color-light-text-link-shade-40: rgb(0, 73, 153); /* deprecated */
1195
+ --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
1196
+ --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
1197
+ }