@alfalab/core-components-tabs 8.2.0 → 8.3.1

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 (92) hide show
  1. package/collapsible/index.js +1 -1
  2. package/components/primary-tablist/Component.collapsible.js +1 -1
  3. package/components/primary-tablist/Component.desktop.js +1 -1
  4. package/components/primary-tablist/Component.mobile.js +2 -2
  5. package/components/primary-tablist/Component.responsive.js +1 -1
  6. package/components/primary-tablist/index.css +34 -34
  7. package/components/primary-tablist/mobile.css +964 -310
  8. package/components/scroll-controls/Component.js +1 -1
  9. package/components/scroll-controls/index.css +16 -16
  10. package/components/scrollable-container/Component.js +2 -3
  11. package/components/scrollable-container/index.css +6 -6
  12. package/components/secondary-tablist/Component.desktop.js +1 -1
  13. package/components/secondary-tablist/Component.mobile.js +2 -2
  14. package/components/secondary-tablist/Component.responsive.js +1 -1
  15. package/components/secondary-tablist/index.css +11 -11
  16. package/components/secondary-tablist/mobile.css +940 -286
  17. package/components/tab/Component.js +1 -1
  18. package/components/tab/index.css +3 -3
  19. package/components/tabs/Component.collapsible.js +1 -1
  20. package/components/tabs/Component.desktop.js +2 -2
  21. package/components/tabs/Component.mobile.js +2 -2
  22. package/components/tabs/Component.responsive.js +2 -2
  23. package/cssm/components/primary-tablist/index.module.css +4 -4
  24. package/cssm/components/scroll-controls/index.module.css +2 -2
  25. package/cssm/components/scrollable-container/Component.js +1 -2
  26. package/desktop/index.js +2 -2
  27. package/esm/collapsible/index.js +1 -1
  28. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  29. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  30. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  31. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  32. package/esm/components/primary-tablist/index.css +34 -34
  33. package/esm/components/primary-tablist/mobile.css +964 -310
  34. package/esm/components/scroll-controls/Component.js +1 -1
  35. package/esm/components/scroll-controls/index.css +16 -16
  36. package/esm/components/scrollable-container/Component.js +3 -3
  37. package/esm/components/scrollable-container/index.css +6 -6
  38. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  39. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  40. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  41. package/esm/components/secondary-tablist/index.css +11 -11
  42. package/esm/components/secondary-tablist/mobile.css +940 -286
  43. package/esm/components/tab/Component.js +1 -1
  44. package/esm/components/tab/index.css +3 -3
  45. package/esm/components/tabs/Component.collapsible.js +1 -1
  46. package/esm/components/tabs/Component.desktop.js +2 -2
  47. package/esm/components/tabs/Component.mobile.js +2 -2
  48. package/esm/components/tabs/Component.responsive.js +2 -2
  49. package/esm/desktop/index.js +2 -2
  50. package/esm/index.js +2 -2
  51. package/esm/index.module-6877cc9d.js +4 -0
  52. package/esm/index.module-bb578a0d.js +4 -0
  53. package/esm/mobile/index.js +2 -2
  54. package/index.js +2 -2
  55. package/index.module-61355c41.js +6 -0
  56. package/index.module-e683c305.js +6 -0
  57. package/mobile/index.js +2 -2
  58. package/modern/collapsible/index.js +1 -1
  59. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  60. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  61. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  62. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  63. package/modern/components/primary-tablist/index.css +34 -34
  64. package/modern/components/primary-tablist/mobile.css +964 -310
  65. package/modern/components/scroll-controls/Component.js +1 -1
  66. package/modern/components/scroll-controls/index.css +16 -16
  67. package/modern/components/scrollable-container/Component.js +3 -3
  68. package/modern/components/scrollable-container/index.css +6 -6
  69. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  70. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  71. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  72. package/modern/components/secondary-tablist/index.css +11 -11
  73. package/modern/components/secondary-tablist/mobile.css +940 -286
  74. package/modern/components/tab/Component.js +1 -1
  75. package/modern/components/tab/index.css +3 -3
  76. package/modern/components/tabs/Component.collapsible.js +1 -1
  77. package/modern/components/tabs/Component.desktop.js +2 -2
  78. package/modern/components/tabs/Component.mobile.js +2 -2
  79. package/modern/components/tabs/Component.responsive.js +2 -2
  80. package/modern/desktop/index.js +2 -2
  81. package/modern/index.js +2 -2
  82. package/modern/index.module-51db8b90.js +4 -0
  83. package/modern/index.module-b17f766a.js +4 -0
  84. package/modern/mobile/index.js +2 -2
  85. package/package.json +7 -7
  86. package/src/components/scrollable-container/Component.tsx +2 -2
  87. package/esm/index.module-0eaed9a1.js +0 -4
  88. package/esm/index.module-9c24fafb.js +0 -4
  89. package/index.module-177df2c1.js +0 -6
  90. package/index.module-2f940b9f.js +0 -6
  91. package/modern/index.module-4070c7f9.js +0 -4
  92. package/modern/index.module-a791a93d.js +0 -4
package/modern/components/secondary-tablist/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: j8rz2 */
1
+ /* hash: 96095 */
2
2
  :root {
3
3
  }/* deprecated */:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  }:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -51,30 +51,30 @@
51
51
 
52
52
  /* size xl */
53
53
  --secondary-tablist-xl-gaps: var(--gap-m);
54
- }.tabs__component_tladl {
54
+ }.tabs__component_16s85 {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_tladl {
57
+ }.tabs__fullWidthScroll_16s85 {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_tladl {
59
+ }.tabs__container_16s85 {
60
60
  overflow: hidden;
61
61
 
62
62
  /* focus-outline fix */
63
63
  margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
64
64
  padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
65
- }.tabs__title_tladl {
65
+ }.tabs__title_16s85 {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_tladl .tabs__title_tladl + .tabs__title_tladl {
67
+ }/* sizes */.tabs__xxs_16s85 .tabs__title_16s85 + .tabs__title_16s85 {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_tladl .tabs__title_tladl + .tabs__title_tladl {
69
+ }.tabs__xs_16s85 .tabs__title_16s85 + .tabs__title_16s85 {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_tladl .tabs__title_tladl + .tabs__title_tladl {
71
+ }.tabs__s_16s85 .tabs__title_16s85 + .tabs__title_16s85 {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_tladl .tabs__title_tladl + .tabs__title_tladl {
73
+ }.tabs__m_16s85 .tabs__title_16s85 + .tabs__title_16s85 {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_tladl .tabs__title_tladl + .tabs__title_tladl {
75
+ }.tabs__l_16s85 .tabs__title_16s85 + .tabs__title_16s85 {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_tladl .tabs__title_tladl + .tabs__title_tladl {
77
+ }.tabs__xl_16s85 .tabs__title_16s85 + .tabs__title_16s85 {
78
78
  margin-left: var(--secondary-tablist-xl-gaps);
79
79
  } :root {
80
80
  --color-dark-indigo: #0b1f35;
@@ -147,154 +147,808 @@
147
147
  --color-bg-corporate-30-flat: #bdc0c2;
148
148
  --color-light-blue: #f5f7f9;
149
149
  } /* deprecated */ :root {
150
+ --color-dark-accent-primary: #f83a2a;
151
+ --color-dark-accent-primary-hover: #ff503e;
152
+ --color-dark-accent-primary-inverted: #ef3124;
153
+ --color-dark-accent-primary-inverted-hover: #e32a17;
154
+ --color-dark-accent-primary-inverted-press: #d72505;
155
+ --color-dark-accent-primary-press: #fd624e;
156
+ --color-dark-accent-secondary: #fff;
157
+ --color-dark-accent-secondary-hover: #e7e8eb;
158
+ --color-dark-accent-secondary-inverted: #0e0e0e;
159
+ --color-dark-accent-secondary-inverted-hover: #29292c;
160
+ --color-dark-accent-secondary-inverted-press: #2f2f32;
161
+ --color-dark-accent-secondary-press: #d2d3d9;
162
+ --color-dark-base-bg-alt-primary: #0e0e0e;
163
+ --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
164
+ --color-dark-base-bg-alt-secondary: #1c1c1e;
165
+ --color-dark-base-bg-alt-secondary-inverted: #fff;
166
+ --color-dark-base-bg-alt-tertiary: #29292c;
167
+ --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
168
+ --color-dark-base-bg-primary: #0e0e0e;
169
+ --color-dark-base-bg-primary-inverted: #fff;
170
+ --color-dark-base-bg-secondary: #1c1c1e;
171
+ --color-dark-base-bg-secondary-inverted: #f2f3f5;
172
+ --color-dark-base-bg-tertiary: #29292c;
173
+ --color-dark-base-bg-tertiary-inverted: #fff;
150
174
  --color-dark-bg-accent: #ef3124;
151
- --color-dark-bg-attention-muted: #332104;
175
+ --color-dark-bg-attention-muted: #36291f;
152
176
  --color-dark-bg-info: #001c3c;
153
- --color-dark-bg-negative-muted: #35110d;
177
+ --color-dark-bg-info-muted: #242a39;
178
+ --color-dark-bg-negative-muted: #392523;
154
179
  --color-dark-bg-opaque: rgba(255, 255, 255, 0.8);
155
180
  --color-dark-bg-overlay: rgba(0, 0, 0, 0.8);
156
- --color-dark-bg-positive-muted: #042117;
157
- --color-dark-bg-primary: #121212;
181
+ --color-dark-bg-positive-muted: #232d25;
182
+ --color-dark-bg-primary: #0e0e0e;
158
183
  --color-dark-bg-primary-inverted: #fff;
159
- --color-dark-bg-quaternary: #3a3a3c;
160
- --color-dark-bg-quaternary-inverted: #dcdcdd;
161
- --color-dark-bg-secondary: #202022;
162
- --color-dark-bg-secondary-inverted: #f3f4f5;
163
- --color-dark-bg-tertiary: #2c2c2e;
164
- --color-dark-bg-tertiary-inverted: #e9e9eb;
184
+ --color-dark-bg-quaternary: #36363a;
185
+ --color-dark-bg-quaternary-inverted: #dcdee2;
186
+ --color-dark-bg-secondary: #1c1c1e;
187
+ --color-dark-bg-secondary-inverted: #f2f3f5;
188
+ --color-dark-bg-tertiary: #27272a;
189
+ --color-dark-bg-tertiary-inverted: #e7e8ea;
165
190
  --color-dark-border-accent: #ef3124;
166
191
  --color-dark-border-key: #fff;
167
192
  --color-dark-border-key-inverted: #000;
168
- --color-dark-border-link: #0072ef;
169
- --color-dark-border-primary: #2b2b2e;
170
- --color-dark-border-primary-inverted: #dcdcdd;
171
- --color-dark-border-secondary: #262629;
172
- --color-dark-border-secondary-inverted: #e9e9eb;
193
+ --color-dark-border-link: #3193fc;
194
+ --color-dark-border-primary: #36363a;
195
+ --color-dark-border-primary-inverted: #d5d6dc;
196
+ --color-dark-border-secondary: #27272a;
197
+ --color-dark-border-secondary-inverted: #e7e8ec;
173
198
  --color-dark-border-tertiary: #1c1c1e;
174
- --color-dark-border-tertiary-inverted: #f3f4f5;
175
- --color-dark-border-underline: #464649;
176
- --color-dark-border-underline-inverted: #c5c5c7;
199
+ --color-dark-border-tertiary-inverted: #f2f3f5;
200
+ --color-dark-border-underline: #49494f;
201
+ --color-dark-border-underline-inverted: #b8b9c0;
177
202
  --color-dark-graphic-accent: #ef3124;
178
- --color-dark-graphic-attention: #f6bf65;
179
- --color-dark-graphic-link: #0072ef;
180
- --color-dark-graphic-negative: #d91d0b;
181
- --color-dark-graphic-positive: #2fc26e;
203
+ --color-dark-graphic-attention: #fda136;
204
+ --color-dark-graphic-link: #3193fc;
205
+ --color-dark-graphic-negative: #ff5431;
206
+ --color-dark-graphic-positive: #17d055;
182
207
  --color-dark-graphic-primary: #fff;
183
208
  --color-dark-graphic-primary-inverted: #0e0e0e;
184
- --color-dark-graphic-quaternary: #303032;
185
- --color-dark-graphic-quaternary-inverted: #dcdcdd;
186
- --color-dark-graphic-secondary: #85858d;
187
- --color-dark-graphic-secondary-inverted: #86868a;
188
- --color-dark-graphic-tertiary: #4f4f52;
189
- --color-dark-graphic-tertiary-inverted: #c1c1c3;
209
+ --color-dark-graphic-quaternary: #27272a;
210
+ --color-dark-graphic-quaternary-inverted: #e7e8ec;
211
+ --color-dark-graphic-secondary: #898991;
212
+ --color-dark-graphic-secondary-inverted: #898991;
213
+ --color-dark-graphic-tertiary: #49494f;
214
+ --color-dark-graphic-tertiary-inverted: #b8b9c0;
215
+ --color-dark-modal-bg-alt-primary: #1c1c1e;
216
+ --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;
217
+ --color-dark-modal-bg-alt-secondary: #29292c;
218
+ --color-dark-modal-bg-alt-secondary-inverted: #fff;
219
+ --color-dark-modal-bg-alt-tertiary: #353539;
220
+ --color-dark-modal-bg-alt-tertiary-inverted: #f2f3f5;
221
+ --color-dark-modal-bg-primary: #1c1c1e;
222
+ --color-dark-modal-bg-primary-inverted: #fff;
223
+ --color-dark-modal-bg-secondary: #29292c;
224
+ --color-dark-modal-bg-secondary-inverted: #f2f3f5;
225
+ --color-dark-modal-bg-tertiary: #353539;
226
+ --color-dark-modal-bg-tertiary-inverted: #fff;
227
+ --color-dark-neutral-0: #29292c;
228
+ --color-dark-neutral-0-hover: #2f2f32;
229
+ --color-dark-neutral-0-inverted: #fff;
230
+ --color-dark-neutral-0-inverted-hover: #e7e8eb;
231
+ --color-dark-neutral-0-inverted-press: #dcdde1;
232
+ --color-dark-neutral-0-press: #353539;
233
+ --color-dark-neutral-100: #1c1c1e;
234
+ --color-dark-neutral-100-hover: #212124;
235
+ --color-dark-neutral-100-inverted: #f2f3f5;
236
+ --color-dark-neutral-100-inverted-hover: #e7e8eb;
237
+ --color-dark-neutral-100-inverted-press: #dcdde1;
238
+ --color-dark-neutral-100-press: #29292c;
239
+ --color-dark-neutral-1500: #fff;
240
+ --color-dark-neutral-1500-hover: #babbc2;
241
+ --color-dark-neutral-1500-inverted: #0e0e0e;
242
+ --color-dark-neutral-1500-inverted-hover: #3f3f45;
243
+ --color-dark-neutral-1500-inverted-press: #5f5f66;
244
+ --color-dark-neutral-1500-press: #a0a1a9;
245
+ --color-dark-neutral-200: #212124;
246
+ --color-dark-neutral-200-hover: #29292c;
247
+ --color-dark-neutral-200-inverted: #edeef0;
248
+ --color-dark-neutral-200-inverted-hover: #e7e8eb;
249
+ --color-dark-neutral-200-inverted-press: #dcdde1;
250
+ --color-dark-neutral-200-press: #2f2f32;
251
+ --color-dark-neutral-300: #29292c;
252
+ --color-dark-neutral-300-hover: #2f2f32;
253
+ --color-dark-neutral-300-inverted: #e7e8eb;
254
+ --color-dark-neutral-300-inverted-hover: #dcdde1;
255
+ --color-dark-neutral-300-inverted-press: #d2d3d9;
256
+ --color-dark-neutral-300-press: #353539;
257
+ --color-dark-neutral-400: #353539;
258
+ --color-dark-neutral-400-hover: #3f3f45;
259
+ --color-dark-neutral-400-inverted: #d2d3d9;
260
+ --color-dark-neutral-400-inverted-hover: #babbc2;
261
+ --color-dark-neutral-400-inverted-press: #a0a1a9;
262
+ --color-dark-neutral-400-press: #4a4a51;
263
+ --color-dark-neutral-500: #4a4a51;
264
+ --color-dark-neutral-500-hover: #5f5f66;
265
+ --color-dark-neutral-500-inverted: #babbc2;
266
+ --color-dark-neutral-500-inverted-hover: #a0a1a9;
267
+ --color-dark-neutral-500-inverted-press: #898991;
268
+ --color-dark-neutral-500-press: #75757d;
269
+ --color-dark-neutral-700: #898991;
270
+ --color-dark-neutral-700-hover: #a0a1a9;
271
+ --color-dark-neutral-700-inverted: #898991;
272
+ --color-dark-neutral-700-inverted-hover: #75757d;
273
+ --color-dark-neutral-700-inverted-press: #5f5f66;
274
+ --color-dark-neutral-700-press: #babbc2;
275
+ --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07);
276
+ --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09);
277
+ --color-dark-neutral-translucent-0-inverted: #fff;
278
+ --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06);
279
+ --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08);
280
+ --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13);
281
+ --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07);
282
+ --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09);
283
+ --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06);
284
+ --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
285
+ --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
286
+ --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
287
+ --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
288
+ --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
289
+ --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
290
+ --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65);
291
+ --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09);
292
+ --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13);
293
+ --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08);
294
+ --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1);
295
+ --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14);
296
+ --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15);
297
+ --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13);
298
+ --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15);
299
+ --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1);
300
+ --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14);
301
+ --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18);
302
+ --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18);
303
+ --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18);
304
+ --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23);
305
+ --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18);
306
+ --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28);
307
+ --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38);
308
+ --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28);
309
+ --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28);
310
+ --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37);
311
+ --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28);
312
+ --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38);
313
+ --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47);
314
+ --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46);
315
+ --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55);
316
+ --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65);
317
+ --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47);
318
+ --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55);
319
+ --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
320
+ --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
321
+ --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
190
322
  --color-dark-specialbg-component: rgba(255, 255, 255, 0.1);
191
323
  --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07);
192
324
  --color-dark-specialbg-nulled: rgba(255, 255, 255, 0);
193
- --color-dark-specialbg-overlay-fallback: #070707;
194
- --color-dark-specialbg-primary-grouped: #202022;
195
- --color-dark-specialbg-secondary-grouped: #2c2c2e;
196
- --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.06);
197
- --color-dark-specialbg-secondary-transparent-inverted: rgba(11, 31, 53, 0.05);
198
- --color-dark-specialbg-tertiary-grouped: #3a3a3c;
199
- --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.11);
200
- --color-dark-specialbg-tertiary-transparent-inverted: rgba(11, 31, 53, 0.1);
325
+ --color-dark-specialbg-overlay-fallback: #0e0e0f;
326
+ --color-dark-specialbg-primary-grouped: #1c1c1e;
327
+ --color-dark-specialbg-secondary-grouped: #27272a;
328
+ --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07);
329
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06);
330
+ --color-dark-specialbg-tertiary-grouped: #36363a;
331
+ --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12);
332
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08);
333
+ --color-dark-status-attention: #fda136;
334
+ --color-dark-status-attention-hover: #fdb24d;
335
+ --color-dark-status-attention-inverted: #fa9313;
336
+ --color-dark-status-attention-inverted-hover: #f18d0b;
337
+ --color-dark-status-attention-inverted-press: #ea8313;
338
+ --color-dark-status-attention-press: #ffbf70;
339
+ --color-dark-status-info: #3193fc;
340
+ --color-dark-status-info-hover: #4a9dfc;
341
+ --color-dark-status-info-inverted: #2288fa;
342
+ --color-dark-status-info-inverted-hover: #2a77ef;
343
+ --color-dark-status-info-inverted-press: #2c64d4;
344
+ --color-dark-status-info-press: #63aafd;
345
+ --color-dark-status-muted-alt-attention: #412f22;
346
+ --color-dark-status-muted-alt-attention-hover: #4f3623;
347
+ --color-dark-status-muted-alt-attention-inverted: #fde6c8;
348
+ --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
349
+ --color-dark-status-muted-alt-attention-inverted-press: #eec596;
350
+ --color-dark-status-muted-alt-attention-press: #634128;
351
+ --color-dark-status-muted-alt-info: #293044;
352
+ --color-dark-status-muted-alt-info-hover: #303a55;
353
+ --color-dark-status-muted-alt-info-inverted: #e4f0ff;
354
+ --color-dark-status-muted-alt-info-inverted-hover: #c4defa;
355
+ --color-dark-status-muted-alt-info-inverted-press: #aeccf1;
356
+ --color-dark-status-muted-alt-info-press: #3a456a;
357
+ --color-dark-status-muted-alt-negative: #442926;
358
+ --color-dark-status-muted-alt-negative-hover: #56302d;
359
+ --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
360
+ --color-dark-status-muted-alt-negative-inverted-hover: #faccca;
361
+ --color-dark-status-muted-alt-negative-inverted-press: #f1b7b0;
362
+ --color-dark-status-muted-alt-negative-press: #6c3b34;
363
+ --color-dark-status-muted-alt-positive: #253528;
364
+ --color-dark-status-muted-alt-positive-hover: #283f2d;
365
+ --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
366
+ --color-dark-status-muted-alt-positive-inverted-hover: #bae6c2;
367
+ --color-dark-status-muted-alt-positive-inverted-press: #a1d7a8;
368
+ --color-dark-status-muted-alt-positive-press: #2d4d32;
369
+ --color-dark-status-muted-attention: #36291f;
370
+ --color-dark-status-muted-attention-hover: #412f22;
371
+ --color-dark-status-muted-attention-inverted: #ffefd9;
372
+ --color-dark-status-muted-attention-inverted-hover: #fde6c8;
373
+ --color-dark-status-muted-attention-inverted-press: #f6d7af;
374
+ --color-dark-status-muted-attention-press: #4f3623;
375
+ --color-dark-status-muted-info: #222a3e;
376
+ --color-dark-status-muted-info-hover: #293044;
377
+ --color-dark-status-muted-info-inverted: #e4f0ff;
378
+ --color-dark-status-muted-info-inverted-hover: #d8eaff;
379
+ --color-dark-status-muted-info-inverted-press: #c4defa;
380
+ --color-dark-status-muted-info-press: #303a55;
381
+ --color-dark-status-muted-negative: #392523;
382
+ --color-dark-status-muted-negative-hover: #442926;
383
+ --color-dark-status-muted-negative-inverted: #ffebeb;
384
+ --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
385
+ --color-dark-status-muted-negative-inverted-press: #faccca;
386
+ --color-dark-status-muted-negative-press: #56302d;
387
+ --color-dark-status-muted-positive: #232d25;
388
+ --color-dark-status-muted-positive-hover: #253528;
389
+ --color-dark-status-muted-positive-inverted: #dff8e5;
390
+ --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
391
+ --color-dark-status-muted-positive-inverted-press: #bae6c2;
392
+ --color-dark-status-muted-positive-press: #283f2d;
393
+ --color-dark-status-negative: #ff5431;
394
+ --color-dark-status-negative-hover: #ff7554;
395
+ --color-dark-status-negative-inverted: #ff5431;
396
+ --color-dark-status-negative-inverted-hover: #ec2e14;
397
+ --color-dark-status-negative-inverted-press: #c7251c;
398
+ --color-dark-status-negative-press: #ff8d73;
399
+ --color-dark-status-positive: #17d055;
400
+ --color-dark-status-positive-hover: #22e068;
401
+ --color-dark-status-positive-inverted: #0cc44d;
402
+ --color-dark-status-positive-inverted-hover: #04b545;
403
+ --color-dark-status-positive-inverted-press: #01a53d;
404
+ --color-dark-status-positive-press: #4ae777;
201
405
  --color-dark-text-accent: #ef3124;
202
- --color-dark-text-attention: #cb830f;
203
- --color-dark-text-disabled: rgba(235, 235, 245, 0.2);
204
- --color-dark-text-disabled-inverted: rgba(60, 60, 67, 0.22);
205
- --color-dark-text-link: #0072ef;
206
- --color-dark-text-negative: #f15045;
207
- --color-dark-text-positive: #13a463;
406
+ --color-dark-text-attention: #fa9313;
407
+ --color-dark-text-attention-hover: #fdb24d;
408
+ --color-dark-text-attention-inverted: #ea8313;
409
+ --color-dark-text-attention-inverted-hover: #d57111;
410
+ --color-dark-text-attention-inverted-press: #b45a06;
411
+ --color-dark-text-attention-press: #ffbf70;
412
+ --color-dark-text-disabled: rgba(236, 236, 254, 0.18);
413
+ --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18);
414
+ --color-dark-text-info: #4a9dfc;
415
+ --color-dark-text-info-hover: #63aafd;
416
+ --color-dark-text-info-inverted: #2a77ef;
417
+ --color-dark-text-info-inverted-hover: #2c64d4;
418
+ --color-dark-text-info-inverted-press: #2453b4;
419
+ --color-dark-text-info-press: #7fb6ff;
420
+ --color-dark-text-link: #4a9dfc;
421
+ --color-dark-text-negative: #ff5431;
422
+ --color-dark-text-negative-hover: #ff7554;
423
+ --color-dark-text-negative-inverted: #ec2e14;
424
+ --color-dark-text-negative-inverted-hover: #c7251c;
425
+ --color-dark-text-negative-inverted-press: #a6201e;
426
+ --color-dark-text-negative-press: #ff8d73;
427
+ --color-dark-text-positive: #0cc44d;
428
+ --color-dark-text-positive-hover: #22e068;
429
+ --color-dark-text-positive-inverted: #0d9336;
430
+ --color-dark-text-positive-inverted-hover: #0a7d2c;
431
+ --color-dark-text-positive-inverted-press: #036625;
432
+ --color-dark-text-positive-press: #4ae777;
208
433
  --color-dark-text-primary: #fff;
434
+ --color-dark-text-primary-hover: #babbc2;
209
435
  --color-dark-text-primary-inverted: #0e0e0e;
210
- --color-dark-text-secondary: rgba(235, 235, 245, 0.54);
211
- --color-dark-text-secondary-inverted: rgba(60, 60, 67, 0.66);
212
- --color-dark-text-tertiary: rgba(235, 235, 245, 0.32);
213
- --color-dark-text-tertiary-inverted: rgba(60, 60, 67, 0.4);
436
+ --color-dark-text-primary-inverted-hover: #5f5f66;
437
+ --color-dark-text-primary-inverted-press: #75757d;
438
+ --color-dark-text-primary-press: #a0a1a9;
439
+ --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);
440
+ --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);
441
+ --color-dark-text-secondary: rgba(238, 238, 251, 0.55);
442
+ --color-dark-text-secondary-hover: rgba(239, 240, 252, 0.65);
443
+ --color-dark-text-secondary-inverted: rgba(4, 4, 19, 0.55);
444
+ --color-dark-text-secondary-inverted-hover: rgba(1, 1, 12, 0.63);
445
+ --color-dark-text-secondary-inverted-press: rgba(0, 0, 10, 0.71);
446
+ --color-dark-text-secondary-press: rgba(243, 245, 254, 0.75);
447
+ --color-dark-text-tertiary: rgba(233, 233, 250, 0.37);
448
+ --color-dark-text-tertiary-hover: rgba(238, 238, 254, 0.46);
449
+ --color-dark-text-tertiary-inverted: rgba(5, 8, 29, 0.38);
450
+ --color-dark-text-tertiary-inverted-hover: rgba(4, 4, 21, 0.47);
451
+ --color-dark-text-tertiary-inverted-press: rgba(4, 4, 19, 0.55);
452
+ --color-dark-text-tertiary-press: rgba(238, 238, 251, 0.55);
453
+ --color-dark-transparent-default: rgba(255, 255, 255, 0);
454
+ --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07);
455
+ --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06);
456
+ --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08);
457
+ --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09);
458
+ --color-light-accent-primary: #ef3124;
459
+ --color-light-accent-primary-hover: #e32a17;
460
+ --color-light-accent-primary-inverted: #f83a2a;
461
+ --color-light-accent-primary-inverted-hover: #ff503e;
462
+ --color-light-accent-primary-inverted-press: #fd624e;
463
+ --color-light-accent-primary-press: #d72505;
464
+ --color-light-accent-secondary: #0e0e0e;
465
+ --color-light-accent-secondary-hover: #29292c;
466
+ --color-light-accent-secondary-inverted: #fff;
467
+ --color-light-accent-secondary-inverted-hover: #e7e8eb;
468
+ --color-light-accent-secondary-inverted-press: #d2d3d9;
469
+ --color-light-accent-secondary-press: #2f2f32;
470
+ --color-light-base-bg-alt-primary: #f2f3f5;
471
+ --color-light-base-bg-alt-primary-inverted: #0e0e0e;
472
+ --color-light-base-bg-alt-secondary: #fff;
473
+ --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
474
+ --color-light-base-bg-alt-tertiary: #f2f3f5;
475
+ --color-light-base-bg-alt-tertiary-inverted: #29292c;
476
+ --color-light-base-bg-primary: #fff;
477
+ --color-light-base-bg-primary-inverted: #0e0e0e;
478
+ --color-light-base-bg-secondary: #f2f3f5;
479
+ --color-light-base-bg-secondary-inverted: #1c1c1e;
480
+ --color-light-base-bg-tertiary: #fff;
481
+ --color-light-base-bg-tertiary-inverted: #29292c;
214
482
  --color-light-bg-accent: #ef3124;
215
- --color-light-bg-attention-muted: #f7ebd9;
483
+ --color-light-bg-attention-muted: #ffefd9;
216
484
  --color-light-bg-info: #d6e8fc;
217
- --color-light-bg-negative-muted: #fbe8e7;
485
+ --color-light-bg-info-muted: #e4f0ff;
486
+ --color-light-bg-negative-muted: #ffebeb;
218
487
  --color-light-bg-opaque: rgba(255, 255, 255, 0.8);
219
- --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
220
- --color-light-bg-positive-muted: #e7f6ef;
488
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.65);
489
+ --color-light-bg-positive-muted: #dff8e5;
221
490
  --color-light-bg-primary: #fff;
222
- --color-light-bg-primary-inverted: #121212;
223
- --color-light-bg-quaternary: #dcdcdd;
224
- --color-light-bg-quaternary-inverted: #3a3a3c;
225
- --color-light-bg-secondary: #f3f4f5;
226
- --color-light-bg-secondary-inverted: #202022;
227
- --color-light-bg-tertiary: #e9e9eb;
228
- --color-light-bg-tertiary-inverted: #2c2c2e;
491
+ --color-light-bg-primary-inverted: #0e0e0e;
492
+ --color-light-bg-quaternary: #dcdee2;
493
+ --color-light-bg-quaternary-inverted: #36363a;
494
+ --color-light-bg-secondary: #f2f3f5;
495
+ --color-light-bg-secondary-inverted: #1c1c1e;
496
+ --color-light-bg-tertiary: #e7e8ea;
497
+ --color-light-bg-tertiary-inverted: #27272a;
229
498
  --color-light-border-accent: #ef3124;
230
499
  --color-light-border-key: #000;
231
500
  --color-light-border-key-inverted: #fff;
232
- --color-light-border-link: #0072ef;
233
- --color-light-border-primary: #dcdcdd;
234
- --color-light-border-primary-inverted: #2b2b2e;
235
- --color-light-border-secondary: #e9e9eb;
236
- --color-light-border-secondary-inverted: #262629;
237
- --color-light-border-tertiary: #f3f4f5;
501
+ --color-light-border-link: #2288fa;
502
+ --color-light-border-primary: #d5d6dc;
503
+ --color-light-border-primary-inverted: #36363a;
504
+ --color-light-border-secondary: #e7e8ec;
505
+ --color-light-border-secondary-inverted: #27272a;
506
+ --color-light-border-tertiary: #f2f3f5;
238
507
  --color-light-border-tertiary-inverted: #1c1c1e;
239
- --color-light-border-underline: #c5c5c7;
240
- --color-light-border-underline-inverted: #464649;
508
+ --color-light-border-underline: #b8b9c0;
509
+ --color-light-border-underline-inverted: #49494f;
241
510
  --color-light-graphic-accent: #ef3124;
242
- --color-light-graphic-attention: #f6bf65;
243
- --color-light-graphic-link: #0072ef;
244
- --color-light-graphic-negative: #f15045;
245
- --color-light-graphic-positive: #2fc26e;
511
+ --color-light-graphic-attention: #fa9313;
512
+ --color-light-graphic-link: #2288fa;
513
+ --color-light-graphic-negative: #ff5431;
514
+ --color-light-graphic-positive: #0cc44d;
246
515
  --color-light-graphic-primary: #0e0e0e;
247
516
  --color-light-graphic-primary-inverted: #fff;
248
- --color-light-graphic-quaternary: #dcdcdd;
249
- --color-light-graphic-quaternary-inverted: #303032;
250
- --color-light-graphic-secondary: #86868a;
251
- --color-light-graphic-secondary-inverted: #85858d;
252
- --color-light-graphic-tertiary: #c1c1c3;
253
- --color-light-graphic-tertiary-inverted: #4f4f52;
517
+ --color-light-graphic-quaternary: #e7e8ec;
518
+ --color-light-graphic-quaternary-inverted: #27272a;
519
+ --color-light-graphic-secondary: #898991;
520
+ --color-light-graphic-secondary-inverted: #898991;
521
+ --color-light-graphic-tertiary: #b8b9c0;
522
+ --color-light-graphic-tertiary-inverted: #49494f;
523
+ --color-light-modal-bg-alt-primary: #f2f3f5;
524
+ --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
525
+ --color-light-modal-bg-alt-secondary: #fff;
526
+ --color-light-modal-bg-alt-secondary-inverted: #29292c;
527
+ --color-light-modal-bg-alt-tertiary: #f2f3f5;
528
+ --color-light-modal-bg-alt-tertiary-inverted: #353539;
529
+ --color-light-modal-bg-primary: #fff;
530
+ --color-light-modal-bg-primary-inverted: #1c1c1e;
531
+ --color-light-modal-bg-secondary: #f2f3f5;
532
+ --color-light-modal-bg-secondary-inverted: #29292c;
533
+ --color-light-modal-bg-tertiary: #fff;
534
+ --color-light-modal-bg-tertiary-inverted: #353539;
535
+ --color-light-neutral-0: #fff;
536
+ --color-light-neutral-0-hover: #e7e8eb;
537
+ --color-light-neutral-0-inverted: #29292c;
538
+ --color-light-neutral-0-inverted-hover: #2f2f32;
539
+ --color-light-neutral-0-inverted-press: #353539;
540
+ --color-light-neutral-0-press: #dcdde1;
541
+ --color-light-neutral-100: #f2f3f5;
542
+ --color-light-neutral-100-hover: #e7e8eb;
543
+ --color-light-neutral-100-inverted: #1c1c1e;
544
+ --color-light-neutral-100-inverted-hover: #212124;
545
+ --color-light-neutral-100-inverted-press: #29292c;
546
+ --color-light-neutral-100-press: #dcdde1;
547
+ --color-light-neutral-1500: #0e0e0e;
548
+ --color-light-neutral-1500-hover: #3f3f45;
549
+ --color-light-neutral-1500-inverted: #fff;
550
+ --color-light-neutral-1500-inverted-hover: #babbc2;
551
+ --color-light-neutral-1500-inverted-press: #a0a1a9;
552
+ --color-light-neutral-1500-press: #5f5f66;
553
+ --color-light-neutral-200: #edeef0;
554
+ --color-light-neutral-200-hover: #e7e8eb;
555
+ --color-light-neutral-200-inverted: #212124;
556
+ --color-light-neutral-200-inverted-hover: #29292c;
557
+ --color-light-neutral-200-inverted-press: #2f2f32;
558
+ --color-light-neutral-200-press: #dcdde1;
559
+ --color-light-neutral-300: #e7e8eb;
560
+ --color-light-neutral-300-hover: #dcdde1;
561
+ --color-light-neutral-300-inverted: #29292c;
562
+ --color-light-neutral-300-inverted-hover: #2f2f32;
563
+ --color-light-neutral-300-inverted-press: #353539;
564
+ --color-light-neutral-300-press: #d2d3d9;
565
+ --color-light-neutral-400: #d2d3d9;
566
+ --color-light-neutral-400-hover: #babbc2;
567
+ --color-light-neutral-400-inverted: #353539;
568
+ --color-light-neutral-400-inverted-hover: #3f3f45;
569
+ --color-light-neutral-400-inverted-press: #4a4a51;
570
+ --color-light-neutral-400-press: #a0a1a9;
571
+ --color-light-neutral-500: #babbc2;
572
+ --color-light-neutral-500-hover: #a0a1a9;
573
+ --color-light-neutral-500-inverted: #4a4a51;
574
+ --color-light-neutral-500-inverted-hover: #5f5f66;
575
+ --color-light-neutral-500-inverted-press: #75757d;
576
+ --color-light-neutral-500-press: #898991;
577
+ --color-light-neutral-700: #898991;
578
+ --color-light-neutral-700-hover: #75757d;
579
+ --color-light-neutral-700-inverted: #898991;
580
+ --color-light-neutral-700-inverted-hover: #a0a1a9;
581
+ --color-light-neutral-700-inverted-press: #babbc2;
582
+ --color-light-neutral-700-press: #5f5f66;
583
+ --color-light-neutral-translucent-0: #fff;
584
+ --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
585
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
586
+ --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
587
+ --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
588
+ --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
589
+ --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
590
+ --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
591
+ --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
592
+ --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
593
+ --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
594
+ --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
595
+ --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
596
+ --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
597
+ --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
598
+ --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
599
+ --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
600
+ --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
601
+ --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
602
+ --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
603
+ --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
604
+ --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
605
+ --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
606
+ --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
607
+ --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
608
+ --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
609
+ --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
610
+ --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
611
+ --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18);
612
+ --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
613
+ --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
614
+ --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
615
+ --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
616
+ --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
617
+ --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
618
+ --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
619
+ --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
620
+ --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
621
+ --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
622
+ --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
623
+ --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
624
+ --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
625
+ --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
626
+ --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
627
+ --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
628
+ --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
629
+ --color-light-overlay-default: rgba(0, 0, 0, 0.6);
254
630
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
255
631
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
256
632
  --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
257
- --color-light-specialbg-overlay-fallback: #5c5c5c;
258
- --color-light-specialbg-primary-grouped: #f3f4f5;
633
+ --color-light-specialbg-overlay-fallback: #49494f;
634
+ --color-light-specialbg-primary-grouped: #f2f3f5;
259
635
  --color-light-specialbg-secondary-grouped: #fff;
260
- --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
261
- --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.06);
262
- --color-light-specialbg-tertiary-grouped: #f3f4f5;
263
- --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
264
- --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.11);
636
+ --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
637
+ --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
638
+ --color-light-specialbg-tertiary-grouped: #f2f3f5;
639
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
640
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
641
+ --color-light-status-attention: #fa9313;
642
+ --color-light-status-attention-hover: #f18d0b;
643
+ --color-light-status-attention-inverted: #fda136;
644
+ --color-light-status-attention-inverted-hover: #fdb24d;
645
+ --color-light-status-attention-inverted-press: #ffbf70;
646
+ --color-light-status-attention-press: #ea8313;
647
+ --color-light-status-info: #2288fa;
648
+ --color-light-status-info-hover: #2a77ef;
649
+ --color-light-status-info-inverted: #3193fc;
650
+ --color-light-status-info-inverted-hover: #4a9dfc;
651
+ --color-light-status-info-inverted-press: #63aafd;
652
+ --color-light-status-info-press: #2c64d4;
653
+ --color-light-status-muted-alt-attention: #fde6c8;
654
+ --color-light-status-muted-alt-attention-hover: #f6d7af;
655
+ --color-light-status-muted-alt-attention-inverted: #412f22;
656
+ --color-light-status-muted-alt-attention-inverted-hover: #4f3623;
657
+ --color-light-status-muted-alt-attention-inverted-press: #634128;
658
+ --color-light-status-muted-alt-attention-press: #eec596;
659
+ --color-light-status-muted-alt-info: #d8eaff;
660
+ --color-light-status-muted-alt-info-hover: #c4defa;
661
+ --color-light-status-muted-alt-info-inverted: #293044;
662
+ --color-light-status-muted-alt-info-inverted-hover: #303a55;
663
+ --color-light-status-muted-alt-info-inverted-press: #3a456a;
664
+ --color-light-status-muted-alt-info-press: #aeccf1;
665
+ --color-light-status-muted-alt-negative: #ffdfdf;
666
+ --color-light-status-muted-alt-negative-hover: #faccca;
667
+ --color-light-status-muted-alt-negative-inverted: #442926;
668
+ --color-light-status-muted-alt-negative-inverted-hover: #56302d;
669
+ --color-light-status-muted-alt-negative-inverted-press: #6c3b34;
670
+ --color-light-status-muted-alt-negative-press: #f1b7b0;
671
+ --color-light-status-muted-alt-positive: #d1f1d7;
672
+ --color-light-status-muted-alt-positive-hover: #bae6c2;
673
+ --color-light-status-muted-alt-positive-inverted: #253528;
674
+ --color-light-status-muted-alt-positive-inverted-hover: #283f2d;
675
+ --color-light-status-muted-alt-positive-inverted-press: #2d4d32;
676
+ --color-light-status-muted-alt-positive-press: #a1d7a8;
677
+ --color-light-status-muted-attention: #ffefd9;
678
+ --color-light-status-muted-attention-hover: #fde6c8;
679
+ --color-light-status-muted-attention-inverted: #36291f;
680
+ --color-light-status-muted-attention-inverted-hover: #412f22;
681
+ --color-light-status-muted-attention-inverted-press: #4f3623;
682
+ --color-light-status-muted-attention-press: #f6d7af;
683
+ --color-light-status-muted-info: #e4f0ff;
684
+ --color-light-status-muted-info-hover: #d8eaff;
685
+ --color-light-status-muted-info-inverted: #222a3e;
686
+ --color-light-status-muted-info-inverted-hover: #293044;
687
+ --color-light-status-muted-info-inverted-press: #303a55;
688
+ --color-light-status-muted-info-press: #c4defa;
689
+ --color-light-status-muted-negative: #ffebeb;
690
+ --color-light-status-muted-negative-hover: #ffdfdf;
691
+ --color-light-status-muted-negative-inverted: #392523;
692
+ --color-light-status-muted-negative-inverted-hover: #442926;
693
+ --color-light-status-muted-negative-inverted-press: #56302d;
694
+ --color-light-status-muted-negative-press: #faccca;
695
+ --color-light-status-muted-positive: #dff8e5;
696
+ --color-light-status-muted-positive-hover: #d1f1d7;
697
+ --color-light-status-muted-positive-inverted: #232d25;
698
+ --color-light-status-muted-positive-inverted-hover: #253528;
699
+ --color-light-status-muted-positive-inverted-press: #283f2d;
700
+ --color-light-status-muted-positive-press: #bae6c2;
701
+ --color-light-status-negative: #ff5431;
702
+ --color-light-status-negative-hover: #ec2e14;
703
+ --color-light-status-negative-inverted: #ff5431;
704
+ --color-light-status-negative-inverted-hover: #ff7554;
705
+ --color-light-status-negative-inverted-press: #ff8d73;
706
+ --color-light-status-negative-press: #c7251c;
707
+ --color-light-status-positive: #0cc44d;
708
+ --color-light-status-positive-hover: #04b545;
709
+ --color-light-status-positive-inverted: #17d055;
710
+ --color-light-status-positive-inverted-hover: #22e068;
711
+ --color-light-status-positive-inverted-press: #4ae777;
712
+ --color-light-status-positive-press: #01a53d;
265
713
  --color-light-text-accent: #ef3124;
266
- --color-light-text-attention: #cb830f;
267
- --color-light-text-disabled: rgba(60, 60, 67, 0.22);
268
- --color-light-text-disabled-inverted: rgba(235, 235, 245, 0.2);
269
- --color-light-text-link: #0072ef;
270
- --color-light-text-negative: #d91d0b;
271
- --color-light-text-positive: #13a463;
714
+ --color-light-text-attention: #ea8313;
715
+ --color-light-text-attention-hover: #d57111;
716
+ --color-light-text-attention-inverted: #fa9313;
717
+ --color-light-text-attention-inverted-hover: #fdb24d;
718
+ --color-light-text-attention-inverted-press: #ffbf70;
719
+ --color-light-text-attention-press: #b45a06;
720
+ --color-light-text-disabled: rgba(5, 11, 44, 0.18);
721
+ --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18);
722
+ --color-light-text-info: #2a77ef;
723
+ --color-light-text-info-hover: #2c64d4;
724
+ --color-light-text-info-inverted: #4a9dfc;
725
+ --color-light-text-info-inverted-hover: #63aafd;
726
+ --color-light-text-info-inverted-press: #7fb6ff;
727
+ --color-light-text-info-press: #2453b4;
728
+ --color-light-text-link: #2a77ef;
729
+ --color-light-text-negative: #ec2e14;
730
+ --color-light-text-negative-hover: #c7251c;
731
+ --color-light-text-negative-inverted: #ff5431;
732
+ --color-light-text-negative-inverted-hover: #ff7554;
733
+ --color-light-text-negative-inverted-press: #ff8d73;
734
+ --color-light-text-negative-press: #a6201e;
735
+ --color-light-text-positive: #0d9336;
736
+ --color-light-text-positive-hover: #0a7d2c;
737
+ --color-light-text-positive-inverted: #0cc44d;
738
+ --color-light-text-positive-inverted-hover: #22e068;
739
+ --color-light-text-positive-inverted-press: #4ae777;
740
+ --color-light-text-positive-press: #036625;
272
741
  --color-light-text-primary: #0e0e0e;
742
+ --color-light-text-primary-hover: #5f5f66;
273
743
  --color-light-text-primary-inverted: #fff;
274
- --color-light-text-secondary: rgba(60, 60, 67, 0.66);
275
- --color-light-text-secondary-inverted: rgba(235, 235, 245, 0.54);
276
- --color-light-text-tertiary: rgba(60, 60, 67, 0.4);
277
- --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.32);
744
+ --color-light-text-primary-inverted-hover: #babbc2;
745
+ --color-light-text-primary-inverted-press: #a0a1a9;
746
+ --color-light-text-primary-press: #75757d;
747
+ --color-light-text-quaternary: rgba(5, 11, 44, 0.18);
748
+ --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
749
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55);
750
+ --color-light-text-secondary-hover: rgba(1, 1, 12, 0.63);
751
+ --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
752
+ --color-light-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);
753
+ --color-light-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);
754
+ --color-light-text-secondary-press: rgba(0, 0, 10, 0.71);
755
+ --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
756
+ --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
757
+ --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
758
+ --color-light-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);
759
+ --color-light-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
760
+ --color-light-text-tertiary-press: rgba(4, 4, 19, 0.55);
761
+ --color-light-transparent-default: rgba(255, 255, 255, 0);
762
+ --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
763
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
764
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);
765
+ --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
766
+ --color-static-accent-primary: #ef3124;
767
+ --color-static-accent-primary-hover: #e32a17;
768
+ --color-static-accent-primary-inverted: #f83a2a;
769
+ --color-static-accent-primary-inverted-hover: #ff503e;
770
+ --color-static-accent-primary-inverted-press: #fd624e;
771
+ --color-static-accent-primary-press: #d72505;
772
+ --color-static-accent-secondary: #0e0e0e;
773
+ --color-static-accent-secondary-hover: #29292c;
774
+ --color-static-accent-secondary-inverted: #fff;
775
+ --color-static-accent-secondary-inverted-hover: #e7e8eb;
776
+ --color-static-accent-secondary-inverted-press: #d2d3d9;
777
+ --color-static-accent-secondary-press: #2f2f32;
278
778
  --color-static-bg-accent: #ef3124;
279
- --color-static-bg-primary-dark: #121212;
779
+ --color-static-bg-primary-dark: #0e0e0e;
280
780
  --color-static-bg-primary-light: #fff;
281
- --color-static-bg-quaternary-dark: #3a3a3c;
282
- --color-static-bg-quaternary-light: #dcdcdd;
283
- --color-static-bg-secondary-dark: #202022;
284
- --color-static-bg-secondary-light: #f3f4f5;
285
- --color-static-bg-tertiary-dark: #2c2c2e;
286
- --color-static-bg-tertiary-light: #e9e9eb;
781
+ --color-static-bg-quaternary-dark: #36363a;
782
+ --color-static-bg-quaternary-light: #e7e8ec;
783
+ --color-static-bg-secondary-dark: #1c1c1e;
784
+ --color-static-bg-secondary-light: #f2f3f5;
785
+ --color-static-bg-tertiary-dark: #27272a;
786
+ --color-static-bg-tertiary-light: #edeef0;
287
787
  --color-static-border-accent: #ef3124;
288
788
  --color-static-graphic-accent: #ef3124;
289
789
  --color-static-graphic-dark: #0e0e0e;
290
790
  --color-static-graphic-light: #fff;
791
+ --color-static-neutral-0: #fff;
792
+ --color-static-neutral-0-hover: #e7e8eb;
793
+ --color-static-neutral-0-inverted: #29292c;
794
+ --color-static-neutral-0-inverted-hover: #2f2f32;
795
+ --color-static-neutral-0-inverted-press: #353539;
796
+ --color-static-neutral-0-press: #dcdde1;
797
+ --color-static-neutral-100: #f2f3f5;
798
+ --color-static-neutral-100-hover: #e7e8eb;
799
+ --color-static-neutral-100-inverted: #1c1c1e;
800
+ --color-static-neutral-100-inverted-hover: #212124;
801
+ --color-static-neutral-100-inverted-press: #29292c;
802
+ --color-static-neutral-100-press: #dcdde1;
803
+ --color-static-neutral-1500: #0e0e0e;
804
+ --color-static-neutral-1500-hover: #3f3f45;
805
+ --color-static-neutral-1500-inverted: #fff;
806
+ --color-static-neutral-1500-inverted-hover: #babbc2;
807
+ --color-static-neutral-1500-inverted-press: #a0a1a9;
808
+ --color-static-neutral-1500-press: #5f5f66;
809
+ --color-static-neutral-200: #edeef0;
810
+ --color-static-neutral-200-hover: #e7e8eb;
811
+ --color-static-neutral-200-inverted: #212124;
812
+ --color-static-neutral-200-inverted-hover: #29292c;
813
+ --color-static-neutral-200-inverted-press: #2f2f32;
814
+ --color-static-neutral-200-press: #dcdde1;
815
+ --color-static-neutral-300: #e7e8eb;
816
+ --color-static-neutral-300-inverted: #29292c;
817
+ --color-static-neutral-400: #d2d3d9;
818
+ --color-static-neutral-400-hover: #babbc2;
819
+ --color-static-neutral-400-inverted: #353539;
820
+ --color-static-neutral-400-inverted-hover: #3f3f45;
821
+ --color-static-neutral-400-inverted-press: #4a4a51;
822
+ --color-static-neutral-400-press: #a0a1a9;
823
+ --color-static-neutral-500: #babbc2;
824
+ --color-static-neutral-500-hover: #a0a1a9;
825
+ --color-static-neutral-500-inverted: #4a4a51;
826
+ --color-static-neutral-500-inverted-hover: #5f5f66;
827
+ --color-static-neutral-500-inverted-press: #75757d;
828
+ --color-static-neutral-500-press: #898991;
829
+ --color-static-neutral-700: #898991;
830
+ --color-static-neutral-700-hover: #75757d;
831
+ --color-static-neutral-700-inverted: #898991;
832
+ --color-static-neutral-700-inverted-hover: #a0a1a9;
833
+ --color-static-neutral-700-inverted-press: #babbc2;
834
+ --color-static-neutral-700-press: #5f5f66;
835
+ --color-static-neutral-translucent-0: #fff;
836
+ --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
837
+ --color-static-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
838
+ --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
839
+ --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
840
+ --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
841
+ --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06);
842
+ --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
843
+ --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
844
+ --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
845
+ --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
846
+ --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
847
+ --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
848
+ --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
849
+ --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
850
+ --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
851
+ --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08);
852
+ --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
853
+ --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
854
+ --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
855
+ --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
856
+ --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
857
+ --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
858
+ --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
859
+ --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
860
+ --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
861
+ --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
862
+ --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
863
+ --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
864
+ --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
865
+ --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28);
866
+ --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
867
+ --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
868
+ --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
869
+ --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
870
+ --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
871
+ --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
872
+ --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
873
+ --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
874
+ --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
875
+ --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
876
+ --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
877
+ --color-static-status-attention: #fa9313;
878
+ --color-static-status-attention-inverted: #fda136;
879
+ --color-static-status-info: #2288fa;
880
+ --color-static-status-info-inverted: #3193fc;
881
+ --color-static-status-muted-alt-attention: #fde6c8;
882
+ --color-static-status-muted-alt-attention-inverted: #412f22;
883
+ --color-static-status-muted-alt-info: #d8eaff;
884
+ --color-static-status-muted-alt-info-inverted: #293044;
885
+ --color-static-status-muted-alt-negative: #ffdfdf;
886
+ --color-static-status-muted-alt-negative-inverted: #442926;
887
+ --color-static-status-muted-alt-positive: #d1f1d7;
888
+ --color-static-status-muted-alt-positive-inverted: #253528;
889
+ --color-static-status-muted-attention: #ffefd9;
890
+ --color-static-status-muted-attention-inverted: #36291f;
891
+ --color-static-status-muted-info: #e4f0ff;
892
+ --color-static-status-muted-info-inverted: #222a3e;
893
+ --color-static-status-muted-negative: #ffebeb;
894
+ --color-static-status-muted-negative-inverted: #392523;
895
+ --color-static-status-muted-positive: #dff8e5;
896
+ --color-static-status-muted-positive-inverted: #232d25;
897
+ --color-static-status-negative: #ff5431;
898
+ --color-static-status-negative-inverted: #ff5431;
899
+ --color-static-status-positive: #0cc44d;
900
+ --color-static-status-positive-inverted: #17d055;
291
901
  --color-static-text-accent: #ef3124;
902
+ --color-static-text-attention: #ea8313;
903
+ --color-static-text-attention-hover: #d57111;
904
+ --color-static-text-attention-inverted: #fa9313;
905
+ --color-static-text-attention-inverted-hover: #fdb24d;
906
+ --color-static-text-attention-inverted-press: #ffbf70;
907
+ --color-static-text-attention-press: #b45a06;
908
+ --color-static-text-info: #2a77ef;
909
+ --color-static-text-info-hover: #2c64d4;
910
+ --color-static-text-info-inverted: #4a9dfc;
911
+ --color-static-text-info-inverted-hover: #63aafd;
912
+ --color-static-text-info-inverted-press: #7fb6ff;
913
+ --color-static-text-info-press: #2453b4;
914
+ --color-static-text-negative: #ec2e14;
915
+ --color-static-text-negative-hover: #c7251c;
916
+ --color-static-text-negative-inverted: #ff5431;
917
+ --color-static-text-negative-inverted-hover: #ff7554;
918
+ --color-static-text-negative-inverted-press: #ff8d73;
919
+ --color-static-text-negative-press: #a6201e;
920
+ --color-static-text-positive: #0d9336;
921
+ --color-static-text-positive-hover: #0a7d2c;
922
+ --color-static-text-positive-inverted: #0cc44d;
923
+ --color-static-text-positive-inverted-hover: #22e068;
924
+ --color-static-text-positive-inverted-press: #4ae777;
925
+ --color-static-text-positive-press: #036625;
926
+ --color-static-text-primary: #0e0e0e;
292
927
  --color-static-text-primary-dark: #0e0e0e;
928
+ --color-static-text-primary-hover: #5f5f66;
929
+ --color-static-text-primary-inverted: #fff;
930
+ --color-static-text-primary-inverted-hover: #babbc2;
931
+ --color-static-text-primary-inverted-press: #a0a1a9;
293
932
  --color-static-text-primary-light: #fff;
294
- --color-static-text-secondary-dark: rgba(60, 60, 67, 0.66);
295
- --color-static-text-secondary-light: rgba(235, 235, 245, 0.54);
296
- --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.4);
297
- --color-static-text-tertiary-light: rgba(235, 235, 245, 0.32);
933
+ --color-static-text-primary-press: #75757d;
934
+ --color-static-text-quaternary: rgba(5, 11, 44, 0.18);
935
+ --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
936
+ --color-static-text-secondary: rgba(4, 4, 19, 0.55);
937
+ --color-static-text-secondary-dark: rgba(4, 4, 19, 0.55);
938
+ --color-static-text-secondary-hover: rgba(1, 1, 12, 0.63);
939
+ --color-static-text-secondary-inverted: rgba(238, 238, 251, 0.55);
940
+ --color-static-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);
941
+ --color-static-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);
942
+ --color-static-text-secondary-light: rgba(238, 238, 251, 0.55);
943
+ --color-static-text-secondary-press: rgba(0, 0, 10, 0.71);
944
+ --color-static-text-tertiary: rgba(5, 8, 29, 0.38);
945
+ --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);
946
+ --color-static-text-tertiary-hover: rgba(4, 4, 21, 0.47);
947
+ --color-static-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
948
+ --color-static-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);
949
+ --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
950
+ --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
951
+ --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);
298
952
  --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
299
953
  --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
300
954
  --color-dark-bg-link-muted: #001c3c; /* deprecated */
@@ -340,18 +994,18 @@
340
994
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
341
995
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
342
996
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
343
- --color-dark-bg-primary-alpha-4: rgba(18, 18, 18, 0.04);
344
- --color-dark-bg-primary-alpha-8: rgba(18, 18, 18, 0.08);
345
- --color-dark-bg-primary-alpha-12: rgba(18, 18, 18, 0.12);
346
- --color-dark-bg-primary-alpha-15: rgba(18, 18, 18, 0.15);
347
- --color-dark-bg-primary-alpha-16: rgba(18, 18, 18, 0.16);
348
- --color-dark-bg-primary-alpha-20: rgba(18, 18, 18, 0.2);
349
- --color-dark-bg-primary-alpha-30: rgba(18, 18, 18, 0.3);
350
- --color-dark-bg-primary-alpha-32: rgba(18, 18, 18, 0.32);
351
- --color-dark-bg-primary-alpha-37: rgba(18, 18, 18, 0.37);
352
- --color-dark-bg-primary-alpha-40: rgba(18, 18, 18, 0.4);
353
- --color-dark-bg-primary-tint-7: rgb(35, 35, 35);
354
- --color-dark-bg-primary-tint-15: rgb(54, 54, 54);
997
+ --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04);
998
+ --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08);
999
+ --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12);
1000
+ --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15);
1001
+ --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16);
1002
+ --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2);
1003
+ --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3);
1004
+ --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32);
1005
+ --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37);
1006
+ --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4);
1007
+ --color-dark-bg-primary-tint-7: rgb(31, 31, 31);
1008
+ --color-dark-bg-primary-tint-15: rgb(50, 50, 50);
355
1009
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
356
1010
  --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
357
1011
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
@@ -370,49 +1024,49 @@
370
1024
  --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
371
1025
  --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
372
1026
  --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
373
- --color-dark-bg-quaternary-alpha-30: rgba(58, 58, 60, 0.3);
374
- --color-dark-bg-quaternary-tint-7: rgb(72, 72, 74);
375
- --color-dark-bg-quaternary-tint-10: rgb(78, 78, 80);
376
- --color-dark-bg-quaternary-tint-15: rgb(88, 88, 89);
377
- --color-dark-bg-quaternary-tint-30: rgb(117, 117, 119);
378
- --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 220, 221, 0.3);
379
- --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 187, 188);
380
- --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 176, 177);
381
- --color-dark-bg-secondary-alpha-30: rgba(32, 32, 34, 0.3);
382
- --color-dark-bg-secondary-shade-15: rgb(27, 27, 29);
383
- --color-dark-bg-secondary-shade-20: rgb(26, 26, 27);
384
- --color-dark-bg-secondary-tint-7: rgb(48, 48, 49);
385
- --color-dark-bg-secondary-tint-15: rgb(65, 65, 67);
386
- --color-dark-bg-secondary-inverted-alpha-30: rgba(243, 244, 245, 0.3);
387
- --color-dark-bg-secondary-inverted-shade-15: rgb(207, 207, 208);
388
- --color-dark-bg-secondary-inverted-shade-20: rgb(194, 195, 196);
389
- --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
390
- --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
391
- --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
1027
+ --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3);
1028
+ --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72);
1029
+ --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78);
1030
+ --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88);
1031
+ --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117);
1032
+ --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3);
1033
+ --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192);
1034
+ --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181);
1035
+ --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3);
1036
+ --color-dark-bg-secondary-shade-15: rgb(24, 24, 25);
1037
+ --color-dark-bg-secondary-shade-20: rgb(22, 22, 24);
1038
+ --color-dark-bg-secondary-tint-7: rgb(44, 44, 46);
1039
+ --color-dark-bg-secondary-tint-15: rgb(62, 62, 64);
1040
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3);
1041
+ --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208);
1042
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196);
1043
+ --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246);
1044
+ --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246);
1045
+ --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57);
392
1046
  --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
393
1047
  --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
394
1048
  --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
395
1049
  --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
396
- --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
397
- --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
1050
+ --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3);
1051
+ --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3);
398
1052
  --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
399
1053
  --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
400
1054
  --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
401
1055
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
402
1056
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
403
1057
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
404
- --color-dark-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
405
- --color-dark-graphic-negative-alpha-10: rgba(217, 29, 11, 0.1);
406
- --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
407
- --color-dark-graphic-negative-alpha-40: rgba(217, 29, 11, 0.4);
408
- --color-dark-graphic-negative-shade-20: rgb(174, 23, 9);
409
- --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
410
- --color-dark-graphic-negative-tint-7: rgb(220, 45, 28);
411
- --color-dark-graphic-negative-tint-15: rgb(223, 63, 48);
412
- --color-dark-graphic-negative-tint-30: rgb(228, 97, 84);
413
- --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
414
- --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
415
- --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
1058
+ --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15);
1059
+ --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
1060
+ --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
1061
+ --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
1062
+ --color-dark-graphic-negative-shade-20: rgb(204, 67, 39);
1063
+ --color-dark-graphic-negative-shade-30: rgb(179, 59, 34);
1064
+ --color-dark-graphic-negative-tint-7: rgb(255, 96, 63);
1065
+ --color-dark-graphic-negative-tint-15: rgb(255, 110, 80);
1066
+ --color-dark-graphic-negative-tint-30: rgb(255, 135, 111);
1067
+ --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1);
1068
+ --color-dark-graphic-positive-tint-10: rgb(46, 213, 102);
1069
+ --color-dark-graphic-positive-tint-30: rgb(93, 222, 136);
416
1070
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
417
1071
  --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
418
1072
  --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
@@ -430,23 +1084,23 @@
430
1084
  --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38);
431
1085
  --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50);
432
1086
  --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86);
433
- --color-dark-graphic-quaternary-tint-10: rgb(69, 69, 70);
434
- --color-dark-graphic-secondary-alpha-30: rgba(133, 133, 141, 0.3);
435
- --color-dark-graphic-secondary-tint-30: rgb(170, 170, 175);
436
- --color-dark-graphic-secondary-tint-50: rgb(194, 194, 198);
437
- --color-dark-graphic-secondary-inverted-alpha-30: rgba(134, 134, 138, 0.3);
438
- --color-dark-graphic-secondary-inverted-shade-15: rgb(114, 114, 117);
439
- --color-dark-graphic-secondary-inverted-shade-20: rgb(107, 107, 110);
440
- --color-dark-graphic-secondary-inverted-tint-10: rgb(146, 146, 150);
441
- --color-dark-graphic-secondary-inverted-tint-30: rgb(170, 170, 173);
442
- --color-dark-graphic-tertiary-alpha-30: rgba(79, 79, 82, 0.3);
443
- --color-dark-graphic-tertiary-shade-15: rgb(67, 67, 70);
444
- --color-dark-graphic-tertiary-shade-20: rgb(63, 63, 66);
445
- --color-dark-graphic-tertiary-tint-7: rgb(91, 91, 94);
446
- --color-dark-graphic-tertiary-tint-15: rgb(105, 105, 108);
447
- --color-dark-graphic-tertiary-inverted-alpha-30: rgba(193, 193, 195, 0.3);
448
- --color-dark-graphic-tertiary-inverted-shade-15: rgb(164, 164, 166);
449
- --color-dark-graphic-tertiary-inverted-shade-20: rgb(154, 154, 156);
1087
+ --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63);
1088
+ --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
1089
+ --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178);
1090
+ --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200);
1091
+ --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
1092
+ --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123);
1093
+ --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116);
1094
+ --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156);
1095
+ --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178);
1096
+ --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3);
1097
+ --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67);
1098
+ --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63);
1099
+ --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91);
1100
+ --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105);
1101
+ --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
1102
+ --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
1103
+ --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
450
1104
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
451
1105
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
452
1106
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -458,18 +1112,18 @@
458
1112
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
459
1113
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
460
1114
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
461
- --color-dark-specialbg-secondary-transparent-tint-7: rgba(255, 255, 255, 0.1258);
462
- --color-dark-specialbg-secondary-transparent-tint-15: rgba(255, 255, 255, 0.201);
463
- --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.1925);
464
- --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.24);
465
- --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
466
- --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
467
- --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
468
- --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
469
- --color-dark-text-link-shade-30: rgb(0, 80, 167);
470
- --color-dark-text-link-shade-50: rgb(0, 57, 120);
471
- --color-dark-text-link-tint-20: rgb(51, 142, 242);
472
- --color-dark-text-link-tint-40: rgb(102, 170, 245);
1115
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351);
1116
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095);
1117
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201);
1118
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248);
1119
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816);
1120
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
1121
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
1122
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
1123
+ --color-dark-text-link-shade-30: rgb(52, 110, 176);
1124
+ --color-dark-text-link-shade-50: rgb(37, 79, 126);
1125
+ --color-dark-text-link-tint-20: rgb(110, 177, 253);
1126
+ --color-dark-text-link-tint-40: rgb(146, 196, 253);
473
1127
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
474
1128
  --color-dark-text-primary-shade-24: rgb(194, 194, 194);
475
1129
  --color-dark-text-primary-shade-30: rgb(179, 179, 179);
@@ -487,12 +1141,12 @@
487
1141
  --color-dark-text-primary-inverted-tint-30: rgb(86, 86, 86);
488
1142
  --color-dark-text-primary-inverted-tint-40: rgb(110, 110, 110);
489
1143
  --color-dark-text-primary-inverted-tint-50: rgb(135, 135, 135);
490
- --color-dark-text-secondary-shade-20: rgba(188, 188, 196, 0.632);
491
- --color-dark-text-secondary-shade-30: rgba(164, 164, 172, 0.678);
492
- --color-dark-text-secondary-tint-20: rgba(239, 239, 247, 0.632);
493
- --color-dark-text-secondary-tint-40: rgba(243, 243, 249, 0.724);
494
- --color-dark-text-secondary-inverted-shade-20: rgba(48, 48, 54, 0.728);
495
- --color-dark-text-secondary-inverted-shade-30: rgba(42, 42, 47, 0.762);
1144
+ --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64);
1145
+ --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685);
1146
+ --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64);
1147
+ --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73);
1148
+ --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64);
1149
+ --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685);
496
1150
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
497
1151
  --color-light-bg-accent-tint-15: rgb(241, 80, 69);
498
1152
  --color-light-bg-accent-tint-20: rgb(242, 90, 80);
@@ -512,67 +1166,67 @@
512
1166
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
513
1167
  --color-light-bg-primary-shade-7: rgb(237, 237, 237);
514
1168
  --color-light-bg-primary-shade-15: rgb(217, 217, 217);
515
- --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 18, 0.03);
516
- --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 18, 0.04);
517
- --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 18, 0.05);
518
- --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 18, 0.07);
519
- --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 18, 0.08);
520
- --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 18, 0.1);
521
- --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 18, 0.12);
522
- --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 18, 0.15);
523
- --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 18, 0.16);
524
- --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 18, 0.2);
525
- --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 18, 0.24);
526
- --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 18, 0.3);
527
- --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 18, 0.32);
528
- --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 18, 0.4);
529
- --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 18, 0.5);
530
- --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 35);
531
- --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54);
532
- --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 65);
533
- --color-light-bg-quaternary-alpha-30: rgba(220, 220, 221, 0.3);
534
- --color-light-bg-quaternary-shade-7: rgb(205, 205, 206);
535
- --color-light-bg-quaternary-shade-10: rgb(198, 198, 199);
536
- --color-light-bg-quaternary-shade-15: rgb(187, 187, 188);
537
- --color-light-bg-quaternary-shade-30: rgb(154, 154, 155);
538
- --color-light-bg-quaternary-inverted-alpha-30: rgba(58, 58, 60, 0.3);
539
- --color-light-bg-quaternary-inverted-tint-15: rgb(88, 88, 89);
540
- --color-light-bg-quaternary-inverted-tint-20: rgb(97, 97, 99);
541
- --color-light-bg-secondary-alpha-30: rgba(243, 244, 245, 0.3);
542
- --color-light-bg-secondary-tint-15: rgb(245, 246, 246);
543
- --color-light-bg-secondary-tint-20: rgb(245, 246, 247);
544
- --color-light-bg-secondary-shade-7: rgb(226, 227, 228);
545
- --color-light-bg-secondary-shade-15: rgb(207, 207, 208);
546
- --color-light-bg-secondary-inverted-alpha-30: rgba(32, 32, 34, 0.3);
547
- --color-light-bg-secondary-inverted-tint-15: rgb(65, 65, 67);
548
- --color-light-bg-secondary-inverted-tint-20: rgb(77, 77, 78);
549
- --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
550
- --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
551
- --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
1169
+ --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03);
1170
+ --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04);
1171
+ --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05);
1172
+ --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07);
1173
+ --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08);
1174
+ --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1);
1175
+ --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12);
1176
+ --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15);
1177
+ --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16);
1178
+ --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2);
1179
+ --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24);
1180
+ --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1181
+ --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32);
1182
+ --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1183
+ --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5);
1184
+ --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31);
1185
+ --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50);
1186
+ --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62);
1187
+ --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3);
1188
+ --color-light-bg-quaternary-shade-7: rgb(205, 206, 210);
1189
+ --color-light-bg-quaternary-shade-10: rgb(198, 200, 203);
1190
+ --color-light-bg-quaternary-shade-15: rgb(187, 189, 192);
1191
+ --color-light-bg-quaternary-shade-30: rgb(154, 155, 158);
1192
+ --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3);
1193
+ --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88);
1194
+ --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97);
1195
+ --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3);
1196
+ --color-light-bg-secondary-tint-15: rgb(244, 245, 246);
1197
+ --color-light-bg-secondary-tint-20: rgb(245, 245, 247);
1198
+ --color-light-bg-secondary-shade-7: rgb(225, 226, 228);
1199
+ --color-light-bg-secondary-shade-15: rgb(206, 207, 208);
1200
+ --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
1201
+ --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64);
1202
+ --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75);
1203
+ --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28);
1204
+ --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25);
1205
+ --color-light-bg-tertiary-shade-7: rgb(215, 216, 218);
552
1206
  --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
553
1207
  --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
554
1208
  --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
555
1209
  --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
556
- --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
557
- --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
1210
+ --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3);
1211
+ --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3);
558
1212
  --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
559
1213
  --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
560
1214
  --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
561
1215
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
562
1216
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
563
1217
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
564
- --color-light-graphic-link-alpha-15: rgba(0, 114, 239, 0.15);
565
- --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
566
- --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
567
- --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
568
- --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
569
- --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
570
- --color-light-graphic-negative-shade-7: rgb(224, 74, 64);
571
- --color-light-graphic-negative-shade-15: rgb(205, 68, 59);
572
- --color-light-graphic-negative-shade-30: rgb(169, 56, 48);
573
- --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
574
- --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
575
- --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
1218
+ --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15);
1219
+ --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
1220
+ --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
1221
+ --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
1222
+ --color-light-graphic-negative-tint-20: rgb(255, 118, 90);
1223
+ --color-light-graphic-negative-tint-30: rgb(255, 135, 111);
1224
+ --color-light-graphic-negative-shade-7: rgb(237, 78, 46);
1225
+ --color-light-graphic-negative-shade-15: rgb(217, 71, 42);
1226
+ --color-light-graphic-negative-shade-30: rgb(179, 59, 34);
1227
+ --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1);
1228
+ --color-light-graphic-positive-shade-10: rgb(11, 176, 69);
1229
+ --color-light-graphic-positive-shade-30: rgb(8, 137, 54);
576
1230
  --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
577
1231
  --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
578
1232
  --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
@@ -590,23 +1244,23 @@
590
1244
  --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
591
1245
  --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
592
1246
  --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179);
593
- --color-light-graphic-quaternary-shade-10: rgb(198, 198, 199);
594
- --color-light-graphic-secondary-alpha-30: rgba(134, 134, 138, 0.3);
595
- --color-light-graphic-secondary-shade-30: rgb(94, 94, 97);
596
- --color-light-graphic-secondary-shade-50: rgb(67, 67, 69);
597
- --color-light-graphic-secondary-inverted-alpha-30: rgba(133, 133, 141, 0.3);
598
- --color-light-graphic-secondary-inverted-tint-15: rgb(151, 151, 158);
599
- --color-light-graphic-secondary-inverted-tint-20: rgb(157, 157, 164);
600
- --color-light-graphic-secondary-inverted-shade-10: rgb(120, 120, 127);
601
- --color-light-graphic-secondary-inverted-shade-30: rgb(93, 93, 99);
602
- --color-light-graphic-tertiary-alpha-30: rgba(193, 193, 195, 0.3);
603
- --color-light-graphic-tertiary-tint-15: rgb(202, 202, 204);
604
- --color-light-graphic-tertiary-tint-20: rgb(205, 205, 207);
605
- --color-light-graphic-tertiary-shade-7: rgb(179, 179, 181);
606
- --color-light-graphic-tertiary-shade-15: rgb(164, 164, 166);
607
- --color-light-graphic-tertiary-inverted-alpha-30: rgba(79, 79, 82, 0.3);
608
- --color-light-graphic-tertiary-inverted-tint-15: rgb(105, 105, 108);
609
- --color-light-graphic-tertiary-inverted-tint-20: rgb(114, 114, 117);
1247
+ --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212);
1248
+ --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
1249
+ --color-light-graphic-secondary-shade-30: rgb(96, 96, 102);
1250
+ --color-light-graphic-secondary-shade-50: rgb(69, 69, 73);
1251
+ --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
1252
+ --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162);
1253
+ --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167);
1254
+ --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131);
1255
+ --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102);
1256
+ --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3);
1257
+ --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201);
1258
+ --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205);
1259
+ --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179);
1260
+ --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163);
1261
+ --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1262
+ --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1263
+ --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
610
1264
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
611
1265
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
612
1266
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -618,18 +1272,18 @@
618
1272
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
619
1273
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
620
1274
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
621
- --color-light-specialbg-secondary-transparent-shade-7: rgba(10, 29, 49, 0.1165);
622
- --color-light-specialbg-secondary-transparent-shade-15: rgba(9, 26, 45, 0.1925);
623
- --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.201);
624
- --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.248);
625
- --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
626
- --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
627
- --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
628
- --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.288);
629
- --color-light-text-link-tint-30: rgb(77, 156, 244);
630
- --color-light-text-link-tint-50: rgb(128, 185, 247);
631
- --color-light-text-link-shade-20: rgb(0, 91, 191);
632
- --color-light-text-link-shade-40: rgb(0, 68, 143);
1275
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258);
1276
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201);
1277
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095);
1278
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256);
1279
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444);
1280
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1281
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1282
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1283
+ --color-light-text-link-tint-30: rgb(106, 160, 244);
1284
+ --color-light-text-link-tint-50: rgb(149, 187, 247);
1285
+ --color-light-text-link-shade-20: rgb(34, 95, 191);
1286
+ --color-light-text-link-shade-40: rgb(25, 71, 143);
633
1287
  --color-light-text-primary-alpha-30: rgba(14, 14, 14, 0.3);
634
1288
  --color-light-text-primary-tint-24: rgb(72, 72, 72);
635
1289
  --color-light-text-primary-tint-30: rgb(86, 86, 86);
@@ -647,16 +1301,16 @@
647
1301
  --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
648
1302
  --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
649
1303
  --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
650
- --color-light-text-secondary-tint-20: rgba(99, 99, 105, 0.728);
651
- --color-light-text-secondary-tint-30: rgba(119, 119, 123, 0.762);
652
- --color-light-text-secondary-shade-20: rgba(48, 48, 54, 0.728);
653
- --color-light-text-secondary-shade-40: rgba(36, 36, 40, 0.796);
654
- --color-light-text-secondary-inverted-tint-20: rgba(239, 239, 247, 0.632);
655
- --color-light-text-secondary-inverted-tint-30: rgba(241, 241, 248, 0.678);
656
- --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 18, 0.1);
657
- --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 18, 0.2);
658
- --color-static-bg-primary-dark-tint-15: rgb(54, 54, 54);
659
- --color-static-bg-primary-dark-tint-20: rgb(65, 65, 65);
1304
+ --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64);
1305
+ --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685);
1306
+ --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64);
1307
+ --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73);
1308
+ --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64);
1309
+ --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685);
1310
+ --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1);
1311
+ --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2);
1312
+ --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50);
1313
+ --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62);
660
1314
  --color-static-graphic-light-shade-7: rgb(237, 237, 237);
661
1315
  --color-static-graphic-light-shade-15: rgb(217, 217, 217);
662
1316
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
@@ -979,7 +1633,7 @@
979
1633
 
980
1634
  /* size xl */
981
1635
  --secondary-tablist-xl-gaps: var(--gap-m);
982
- } .tabs__title_1bszl {
983
- } .tabs__mobile_1bszl .tabs__title_1bszl + .tabs__title_1bszl {
1636
+ } .tabs__title_io4r3 {
1637
+ } .tabs__mobile_io4r3 .tabs__title_io4r3 + .tabs__title_io4r3 {
984
1638
  margin-left: var(--secondary-tablist-mobile-gaps);
985
1639
  }