@alfalab/core-components-tabs 8.8.5 → 8.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/components/primary-tablist/Component.collapsible.d.ts +1 -1
  2. package/components/primary-tablist/Component.collapsible.js +4 -4
  3. package/components/primary-tablist/Component.d.ts +1 -1
  4. package/components/primary-tablist/Component.desktop.js +1 -1
  5. package/components/primary-tablist/Component.js +3 -3
  6. package/components/primary-tablist/Component.mobile.js +2 -2
  7. package/components/primary-tablist/index.css +137 -137
  8. package/components/primary-tablist/mobile.css +804 -804
  9. package/components/scroll-controls/Component.d.ts +1 -0
  10. package/components/scroll-controls/Component.js +4 -4
  11. package/components/scroll-controls/index.css +15 -15
  12. package/components/scrollable-container/Component.d.ts +5 -1
  13. package/components/scrollable-container/Component.js +3 -3
  14. package/components/scrollable-container/index.css +9 -9
  15. package/components/secondary-tablist/Component.d.ts +1 -1
  16. package/components/secondary-tablist/Component.desktop.js +1 -1
  17. package/components/secondary-tablist/Component.js +15 -3
  18. package/components/secondary-tablist/Component.mobile.js +2 -2
  19. package/components/secondary-tablist/index.css +27 -21
  20. package/components/secondary-tablist/mobile.css +609 -602
  21. package/components/tab/Component.js +1 -1
  22. package/components/tab/index.css +3 -3
  23. package/components/tabs/Component.d.ts +1 -1
  24. package/components/tabs/Component.js +2 -2
  25. package/components/title/Component.d.ts +3 -0
  26. package/components/title/Component.js +13 -8
  27. package/cssm/components/primary-tablist/Component.collapsible.d.ts +1 -1
  28. package/cssm/components/primary-tablist/Component.collapsible.js +3 -3
  29. package/cssm/components/primary-tablist/Component.d.ts +1 -1
  30. package/cssm/components/primary-tablist/Component.js +3 -3
  31. package/cssm/components/primary-tablist/index.module.css +6 -6
  32. package/cssm/components/primary-tablist/mobile.module.css +3 -3
  33. package/cssm/components/primary-tablist/text-styles.module.css +3 -3
  34. package/cssm/components/scroll-controls/Component.d.ts +1 -0
  35. package/cssm/components/scroll-controls/Component.js +3 -3
  36. package/cssm/components/scroll-controls/index.module.css +3 -3
  37. package/cssm/components/scrollable-container/Component.d.ts +5 -1
  38. package/cssm/components/scrollable-container/Component.js +2 -2
  39. package/cssm/components/scrollable-container/index.module.css +3 -3
  40. package/cssm/components/secondary-tablist/Component.d.ts +1 -1
  41. package/cssm/components/secondary-tablist/Component.js +15 -3
  42. package/cssm/components/secondary-tablist/index.module.css +22 -16
  43. package/cssm/components/secondary-tablist/mobile.module.css +5 -4
  44. package/cssm/components/tabs/Component.d.ts +1 -1
  45. package/cssm/components/tabs/Component.js +2 -2
  46. package/cssm/components/title/Component.d.ts +3 -0
  47. package/cssm/components/title/Component.js +13 -8
  48. package/cssm/typings.d.ts +10 -1
  49. package/cssm/vars.css +3 -3
  50. package/esm/components/primary-tablist/Component.collapsible.d.ts +1 -1
  51. package/esm/components/primary-tablist/Component.collapsible.js +4 -4
  52. package/esm/components/primary-tablist/Component.d.ts +1 -1
  53. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  54. package/esm/components/primary-tablist/Component.js +3 -3
  55. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  56. package/esm/components/primary-tablist/index.css +137 -137
  57. package/esm/components/primary-tablist/mobile.css +804 -804
  58. package/esm/components/scroll-controls/Component.d.ts +1 -0
  59. package/esm/components/scroll-controls/Component.js +4 -4
  60. package/esm/components/scroll-controls/index.css +15 -15
  61. package/esm/components/scrollable-container/Component.d.ts +5 -1
  62. package/esm/components/scrollable-container/Component.js +3 -3
  63. package/esm/components/scrollable-container/index.css +9 -9
  64. package/esm/components/secondary-tablist/Component.d.ts +1 -1
  65. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  66. package/esm/components/secondary-tablist/Component.js +15 -3
  67. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  68. package/esm/components/secondary-tablist/index.css +27 -21
  69. package/esm/components/secondary-tablist/mobile.css +609 -602
  70. package/esm/components/tab/Component.js +1 -1
  71. package/esm/components/tab/index.css +3 -3
  72. package/esm/components/tabs/Component.d.ts +1 -1
  73. package/esm/components/tabs/Component.js +2 -2
  74. package/esm/components/title/Component.d.ts +3 -0
  75. package/esm/components/title/Component.js +13 -8
  76. package/esm/index.module-2e31d255.js +4 -0
  77. package/esm/index.module-58855717.js +4 -0
  78. package/esm/typings.d.ts +10 -1
  79. package/index.module-1b957504.js +6 -0
  80. package/index.module-e547bb72.js +6 -0
  81. package/modern/components/primary-tablist/Component.collapsible.d.ts +1 -1
  82. package/modern/components/primary-tablist/Component.collapsible.js +4 -4
  83. package/modern/components/primary-tablist/Component.d.ts +1 -1
  84. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  85. package/modern/components/primary-tablist/Component.js +3 -3
  86. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  87. package/modern/components/primary-tablist/index.css +137 -137
  88. package/modern/components/primary-tablist/mobile.css +804 -804
  89. package/modern/components/scroll-controls/Component.d.ts +1 -0
  90. package/modern/components/scroll-controls/Component.js +4 -4
  91. package/modern/components/scroll-controls/index.css +15 -15
  92. package/modern/components/scrollable-container/Component.d.ts +5 -1
  93. package/modern/components/scrollable-container/Component.js +3 -3
  94. package/modern/components/scrollable-container/index.css +9 -9
  95. package/modern/components/secondary-tablist/Component.d.ts +1 -1
  96. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  97. package/modern/components/secondary-tablist/Component.js +18 -3
  98. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  99. package/modern/components/secondary-tablist/index.css +27 -21
  100. package/modern/components/secondary-tablist/mobile.css +609 -602
  101. package/modern/components/tab/Component.js +1 -1
  102. package/modern/components/tab/index.css +3 -3
  103. package/modern/components/tabs/Component.d.ts +1 -1
  104. package/modern/components/tabs/Component.js +2 -2
  105. package/modern/components/title/Component.d.ts +3 -0
  106. package/modern/components/title/Component.js +17 -10
  107. package/modern/index.module-c9fbdbe7.js +4 -0
  108. package/modern/index.module-efcd5c38.js +4 -0
  109. package/modern/typings.d.ts +10 -1
  110. package/package.json +4 -3
  111. package/src/components/primary-tablist/Component.collapsible.tsx +5 -0
  112. package/src/components/primary-tablist/Component.tsx +5 -0
  113. package/src/components/primary-tablist/index.module.css +1 -1
  114. package/src/components/scroll-controls/Component.tsx +4 -3
  115. package/src/components/scrollable-container/Component.tsx +7 -0
  116. package/src/components/secondary-tablist/Component.tsx +42 -1
  117. package/src/components/secondary-tablist/index.module.css +30 -12
  118. package/src/components/secondary-tablist/mobile.module.css +2 -1
  119. package/src/components/tabs/Component.tsx +4 -0
  120. package/src/components/title/Component.tsx +27 -5
  121. package/src/typings.ts +13 -0
  122. package/typings.d.ts +10 -1
  123. package/esm/index.module-91256ad9.js +0 -4
  124. package/esm/index.module-a2df36e5.js +0 -4
  125. package/index.module-3c6f79bb.js +0 -6
  126. package/index.module-cc9b661f.js +0 -6
  127. package/modern/index.module-76053293.js +0 -4
  128. package/modern/index.module-e6e93c10.js +0 -4
@@ -1,8 +1,8 @@
1
- /* hash: bp4ym */
1
+ /* hash: m5jf4 */
2
2
  :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 */ /* 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 */
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
- }: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 */
5
- }:root {
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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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
+ }: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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ }: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 */
6
6
  }:root {
7
7
 
8
8
  /* Hard */
@@ -51,32 +51,38 @@
51
51
 
52
52
  /* size xl */
53
53
  --secondary-tablist-xl-gaps: var(--gap-m);
54
- }.tabs__component_dfliq {
54
+ }.tabs__component_1we1x {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_dfliq {
57
+ }.tabs__fullWidthScroll_1we1x {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_dfliq {
59
+ }.tabs__container_1we1x {
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_dfliq {
65
+ }.tabs__title_1we1x {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_dfliq .tabs__title_dfliq + .tabs__title_dfliq {
68
- margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_dfliq .tabs__title_dfliq + .tabs__title_dfliq {
70
- margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_dfliq .tabs__title_dfliq + .tabs__title_dfliq {
72
- margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_dfliq .tabs__title_dfliq + .tabs__title_dfliq {
74
- margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_dfliq .tabs__title_dfliq + .tabs__title_dfliq {
76
- margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_dfliq .tabs__title_dfliq + .tabs__title_dfliq {
78
- margin-left: var(--secondary-tablist-xl-gaps);
79
- } :root {
67
+ }/* sizes */.tabs__xxs_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
68
+ .tabs__xxs_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
69
+ margin-left: var(--secondary-tablist-xxs-gaps);
70
+ }.tabs__xs_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
71
+ .tabs__xs_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
72
+ margin-left: var(--secondary-tablist-xs-gaps);
73
+ }.tabs__s_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
74
+ .tabs__s_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
75
+ margin-left: var(--secondary-tablist-s-gaps);
76
+ }.tabs__m_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
77
+ .tabs__m_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
78
+ margin-left: var(--secondary-tablist-m-gaps);
79
+ }.tabs__l_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
80
+ .tabs__l_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
81
+ margin-left: var(--secondary-tablist-l-gaps);
82
+ }.tabs__xl_1we1x .tabs__title_1we1x + .tabs__title_1we1x,
83
+ .tabs__xl_1we1x .tabs__skeleton_1we1x + .tabs__skeleton_1we1x {
84
+ margin-left: var(--secondary-tablist-xl-gaps);
85
+ } :root {
80
86
  --color-dark-indigo: #0b1f35; /* deprecated */
81
87
  --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
82
88
  --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
@@ -171,47 +177,6 @@
171
177
  --color-dark-base-bg-secondary-inverted: #f2f3f5;
172
178
  --color-dark-base-bg-tertiary: #29292c;
173
179
  --color-dark-base-bg-tertiary-inverted: #fff;
174
- --color-dark-bg-accent: #ef3124;
175
- --color-dark-bg-attention-muted: #36291f;
176
- --color-dark-bg-info: #001c3c;
177
- --color-dark-bg-info-muted: #242a39;
178
- --color-dark-bg-negative-muted: #392523;
179
- --color-dark-bg-opaque: rgba(255, 255, 255, 0.8);
180
- --color-dark-bg-overlay: rgba(0, 0, 0, 0.8);
181
- --color-dark-bg-positive-muted: #232d25;
182
- --color-dark-bg-primary: #0e0e0e;
183
- --color-dark-bg-primary-inverted: #fff;
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;
190
- --color-dark-border-accent: #ef3124;
191
- --color-dark-border-key: #fff;
192
- --color-dark-border-key-inverted: #000;
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;
198
- --color-dark-border-tertiary: #1c1c1e;
199
- --color-dark-border-tertiary-inverted: #f2f3f5;
200
- --color-dark-border-underline: #49494f;
201
- --color-dark-border-underline-inverted: #b8b9c0;
202
- --color-dark-graphic-accent: #ef3124;
203
- --color-dark-graphic-attention: #fda136;
204
- --color-dark-graphic-link: #3193fc;
205
- --color-dark-graphic-negative: #ff5431;
206
- --color-dark-graphic-positive: #17d055;
207
- --color-dark-graphic-primary: #fff;
208
- --color-dark-graphic-primary-inverted: #0e0e0e;
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
180
  --color-dark-modal-bg-alt-primary: #1c1c1e;
216
181
  --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;
217
182
  --color-dark-modal-bg-alt-secondary: #29292c;
@@ -325,17 +290,6 @@
325
290
  --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
326
291
  --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
327
292
  --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
328
- --color-dark-specialbg-component: rgba(255, 255, 255, 0.1);
329
- --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07);
330
- --color-dark-specialbg-nulled: rgba(255, 255, 255, 0);
331
- --color-dark-specialbg-overlay-fallback: #0e0e0f;
332
- --color-dark-specialbg-primary-grouped: #1c1c1e;
333
- --color-dark-specialbg-secondary-grouped: #27272a;
334
- --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07);
335
- --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06);
336
- --color-dark-specialbg-tertiary-grouped: #36363a;
337
- --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12);
338
- --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08);
339
293
  --color-dark-status-attention: #fda136;
340
294
  --color-dark-status-attention-hover: #fdb24d;
341
295
  --color-dark-status-attention-inverted: #fa9313;
@@ -408,22 +362,18 @@
408
362
  --color-dark-status-positive-inverted-hover: #04b545;
409
363
  --color-dark-status-positive-inverted-press: #01a53d;
410
364
  --color-dark-status-positive-press: #4ae777;
411
- --color-dark-text-accent: #ef3124;
412
365
  --color-dark-text-attention: #fa9313;
413
366
  --color-dark-text-attention-hover: #fdb24d;
414
367
  --color-dark-text-attention-inverted: #ea8313;
415
368
  --color-dark-text-attention-inverted-hover: #d57111;
416
369
  --color-dark-text-attention-inverted-press: #b45a06;
417
370
  --color-dark-text-attention-press: #ffbf70;
418
- --color-dark-text-disabled: rgba(236, 236, 254, 0.18);
419
- --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18);
420
371
  --color-dark-text-info: #4a9dfc;
421
372
  --color-dark-text-info-hover: #63aafd;
422
373
  --color-dark-text-info-inverted: #2a77ef;
423
374
  --color-dark-text-info-inverted-hover: #2c64d4;
424
375
  --color-dark-text-info-inverted-press: #2453b4;
425
376
  --color-dark-text-info-press: #7fb6ff;
426
- --color-dark-text-link: #4a9dfc;
427
377
  --color-dark-text-negative: #ff4837;
428
378
  --color-dark-text-negative-hover: #ff755e;
429
379
  --color-dark-text-negative-inverted: #ec2d20;
@@ -485,47 +435,6 @@
485
435
  --color-light-base-bg-secondary-inverted: #1c1c1e;
486
436
  --color-light-base-bg-tertiary: #fff;
487
437
  --color-light-base-bg-tertiary-inverted: #29292c;
488
- --color-light-bg-accent: #ef3124;
489
- --color-light-bg-attention-muted: #ffefd9;
490
- --color-light-bg-info: #d6e8fc;
491
- --color-light-bg-info-muted: #e4f0ff;
492
- --color-light-bg-negative-muted: #ffebeb;
493
- --color-light-bg-opaque: rgba(255, 255, 255, 0.8);
494
- --color-light-bg-overlay: rgba(0, 0, 0, 0.65);
495
- --color-light-bg-positive-muted: #dff8e5;
496
- --color-light-bg-primary: #fff;
497
- --color-light-bg-primary-inverted: #0e0e0e;
498
- --color-light-bg-quaternary: #dcdee2;
499
- --color-light-bg-quaternary-inverted: #36363a;
500
- --color-light-bg-secondary: #f2f3f5;
501
- --color-light-bg-secondary-inverted: #1c1c1e;
502
- --color-light-bg-tertiary: #e7e8ea;
503
- --color-light-bg-tertiary-inverted: #27272a;
504
- --color-light-border-accent: #ef3124;
505
- --color-light-border-key: #000;
506
- --color-light-border-key-inverted: #fff;
507
- --color-light-border-link: #2288fa;
508
- --color-light-border-primary: #d5d6dc;
509
- --color-light-border-primary-inverted: #36363a;
510
- --color-light-border-secondary: #e7e8ec;
511
- --color-light-border-secondary-inverted: #27272a;
512
- --color-light-border-tertiary: #f2f3f5;
513
- --color-light-border-tertiary-inverted: #1c1c1e;
514
- --color-light-border-underline: #b8b9c0;
515
- --color-light-border-underline-inverted: #49494f;
516
- --color-light-graphic-accent: #ef3124;
517
- --color-light-graphic-attention: #fa9313;
518
- --color-light-graphic-link: #2288fa;
519
- --color-light-graphic-negative: #ff5431;
520
- --color-light-graphic-positive: #0cc44d;
521
- --color-light-graphic-primary: #0e0e0e;
522
- --color-light-graphic-primary-inverted: #fff;
523
- --color-light-graphic-quaternary: #e7e8ec;
524
- --color-light-graphic-quaternary-inverted: #27272a;
525
- --color-light-graphic-secondary: #898991;
526
- --color-light-graphic-secondary-inverted: #898991;
527
- --color-light-graphic-tertiary: #b8b9c0;
528
- --color-light-graphic-tertiary-inverted: #49494f;
529
438
  --color-light-modal-bg-alt-primary: #f2f3f5;
530
439
  --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
531
440
  --color-light-modal-bg-alt-secondary: #fff;
@@ -639,17 +548,6 @@
639
548
  --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
640
549
  --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
641
550
  --color-light-overlay-default: rgba(0, 0, 0, 0.6);
642
- --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
643
- --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
644
- --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
645
- --color-light-specialbg-overlay-fallback: #49494f;
646
- --color-light-specialbg-primary-grouped: #f2f3f5;
647
- --color-light-specialbg-secondary-grouped: #fff;
648
- --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
649
- --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
650
- --color-light-specialbg-tertiary-grouped: #f2f3f5;
651
- --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
652
- --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
653
551
  --color-light-status-attention: #fa9313;
654
552
  --color-light-status-attention-hover: #f18d0b;
655
553
  --color-light-status-attention-inverted: #fda136;
@@ -722,22 +620,18 @@
722
620
  --color-light-status-positive-inverted-hover: #22e068;
723
621
  --color-light-status-positive-inverted-press: #4ae777;
724
622
  --color-light-status-positive-press: #01a53d;
725
- --color-light-text-accent: #ef3124;
726
623
  --color-light-text-attention: #ea8313;
727
624
  --color-light-text-attention-hover: #d57111;
728
625
  --color-light-text-attention-inverted: #fa9313;
729
626
  --color-light-text-attention-inverted-hover: #fdb24d;
730
627
  --color-light-text-attention-inverted-press: #ffbf70;
731
628
  --color-light-text-attention-press: #b45a06;
732
- --color-light-text-disabled: rgba(5, 11, 44, 0.18);
733
- --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18);
734
629
  --color-light-text-info: #2a77ef;
735
630
  --color-light-text-info-hover: #2c64d4;
736
631
  --color-light-text-info-inverted: #4a9dfc;
737
632
  --color-light-text-info-inverted-hover: #63aafd;
738
633
  --color-light-text-info-inverted-press: #7fb6ff;
739
634
  --color-light-text-info-press: #2453b4;
740
- --color-light-text-link: #2a77ef;
741
635
  --color-light-text-negative: #ec2d20;
742
636
  --color-light-text-negative-hover: #c7241f;
743
637
  --color-light-text-negative-inverted: #ff4837;
@@ -787,19 +681,7 @@
787
681
  --color-static-accent-secondary-inverted-hover: #dcdde1;
788
682
  --color-static-accent-secondary-inverted-press: #d2d3d9;
789
683
  --color-static-accent-secondary-press: #353539;
790
- --color-static-bg-accent: #ef3124;
791
684
  --color-static-bg-primary-dark: #0e0e0e;
792
- --color-static-bg-primary-light: #fff;
793
- --color-static-bg-quaternary-dark: #36363a;
794
- --color-static-bg-quaternary-light: #e7e8ec;
795
- --color-static-bg-secondary-dark: #1c1c1e;
796
- --color-static-bg-secondary-light: #f2f3f5;
797
- --color-static-bg-tertiary-dark: #27272a;
798
- --color-static-bg-tertiary-light: #edeef0;
799
- --color-static-border-accent: #ef3124;
800
- --color-static-graphic-accent: #ef3124;
801
- --color-static-graphic-dark: #0e0e0e;
802
- --color-static-graphic-light: #fff;
803
685
  --color-static-neutral-0: #fff;
804
686
  --color-static-neutral-0-hover: #e7e8eb;
805
687
  --color-static-neutral-0-inverted: #262629;
@@ -924,7 +806,6 @@
924
806
  --color-static-status-negative-inverted: #ff4837;
925
807
  --color-static-status-positive: #0cc44d;
926
808
  --color-static-status-positive-inverted: #17d055;
927
- --color-static-text-accent: #ef3124;
928
809
  --color-static-text-attention: #ea8313;
929
810
  --color-static-text-attention-hover: #d57111;
930
811
  --color-static-text-attention-inverted: #fa9313;
@@ -975,465 +856,590 @@
975
856
  --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
976
857
  --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
977
858
  --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);
859
+ --color-dark-bg-accent: #ef3124; /* deprecated */
860
+ --color-dark-bg-attention-muted: #36291f; /* deprecated */
978
861
  --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
979
862
  --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
863
+ --color-dark-bg-info: #001c3c; /* deprecated */
864
+ --color-dark-bg-info-muted: #242a39; /* deprecated */
980
865
  --color-dark-bg-link-muted: #001c3c; /* deprecated */
866
+ --color-dark-bg-negative-muted: #392523; /* deprecated */
981
867
  --color-dark-bg-neutral: #3a3a3c; /* deprecated */
982
868
  --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
869
+ --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
870
+ --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
871
+ --color-dark-bg-positive-muted: #232d25; /* deprecated */
872
+ --color-dark-bg-primary: #0e0e0e; /* deprecated */
983
873
  --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
874
+ --color-dark-bg-primary-inverted: #fff; /* deprecated */
875
+ --color-dark-bg-quaternary: #36363a; /* deprecated */
876
+ --color-dark-bg-quaternary-inverted: #dcdee2; /* deprecated */
877
+ --color-dark-bg-secondary: #1c1c1e; /* deprecated */
984
878
  --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
879
+ --color-dark-bg-secondary-inverted: #f2f3f5; /* deprecated */
880
+ --color-dark-bg-tertiary: #27272a; /* deprecated */
985
881
  --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
882
+ --color-dark-bg-tertiary-inverted: #e7e8ea; /* deprecated */
883
+ --color-dark-border-accent: #ef3124; /* deprecated */
884
+ --color-dark-border-key: #fff; /* deprecated */
885
+ --color-dark-border-key-inverted: #000; /* deprecated */
886
+ --color-dark-border-link: #3193fc; /* deprecated */
887
+ --color-dark-border-primary: #36363a; /* deprecated */
888
+ --color-dark-border-primary-inverted: #d5d6dc; /* deprecated */
889
+ --color-dark-border-secondary: #27272a; /* deprecated */
890
+ --color-dark-border-secondary-inverted: #e7e8ec; /* deprecated */
891
+ --color-dark-border-tertiary: #1c1c1e; /* deprecated */
892
+ --color-dark-border-tertiary-inverted: #f2f3f5; /* deprecated */
893
+ --color-dark-border-underline: #49494f; /* deprecated */
894
+ --color-dark-border-underline-inverted: #b8b9c0; /* deprecated */
895
+ --color-dark-graphic-accent: #ef3124; /* deprecated */
896
+ --color-dark-graphic-attention: #fda136; /* deprecated */
897
+ --color-dark-graphic-link: #3193fc; /* deprecated */
898
+ --color-dark-graphic-negative: #ff5431; /* deprecated */
986
899
  --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
900
+ --color-dark-graphic-positive: #17d055; /* deprecated */
901
+ --color-dark-graphic-primary: #fff; /* deprecated */
902
+ --color-dark-graphic-primary-inverted: #0e0e0e; /* deprecated */
903
+ --color-dark-graphic-quaternary: #27272a; /* deprecated */
904
+ --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
905
+ --color-dark-graphic-secondary: #898991; /* deprecated */
906
+ --color-dark-graphic-secondary-inverted: #898991; /* deprecated */
907
+ --color-dark-graphic-tertiary: #49494f; /* deprecated */
908
+ --color-dark-graphic-tertiary-inverted: #b8b9c0; /* deprecated */
909
+ --color-dark-specialbg-component: rgba(255, 255, 255, 0.1); /* deprecated */
910
+ --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
911
+ --color-dark-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
987
912
  --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
913
+ --color-dark-specialbg-overlay-fallback: #0e0e0f; /* deprecated */
914
+ --color-dark-specialbg-primary-grouped: #1c1c1e; /* deprecated */
915
+ --color-dark-specialbg-secondary-grouped: #27272a; /* deprecated */
916
+ --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07); /* deprecated */
917
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06); /* deprecated */
918
+ --color-dark-specialbg-tertiary-grouped: #36363a; /* deprecated */
919
+ --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12); /* deprecated */
920
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08); /* deprecated */
921
+ --color-dark-text-accent: #ef3124; /* deprecated */
922
+ --color-dark-text-disabled: rgba(236, 236, 254, 0.18); /* deprecated */
923
+ --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18); /* deprecated */
988
924
  --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
925
+ --color-dark-text-link: #4a9dfc; /* deprecated */
989
926
  --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
990
927
  --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
991
928
  --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
992
929
  --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
930
+ --color-light-bg-accent: #ef3124; /* deprecated */
931
+ --color-light-bg-attention-muted: #ffefd9; /* deprecated */
993
932
  --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
994
933
  --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
934
+ --color-light-bg-info: #d6e8fc; /* deprecated */
935
+ --color-light-bg-info-muted: #e4f0ff; /* deprecated */
995
936
  --color-light-bg-link-muted: #d6e8fc; /* deprecated */
937
+ --color-light-bg-negative-muted: #ffebeb; /* deprecated */
996
938
  --color-light-bg-neutral: #dcdcdd; /* deprecated */
997
939
  --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
940
+ --color-light-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
941
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.65); /* deprecated */
942
+ --color-light-bg-positive-muted: #dff8e5; /* deprecated */
943
+ --color-light-bg-primary: #fff; /* deprecated */
998
944
  --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
945
+ --color-light-bg-primary-inverted: #0e0e0e; /* deprecated */
946
+ --color-light-bg-quaternary: #dcdee2; /* deprecated */
947
+ --color-light-bg-quaternary-inverted: #36363a; /* deprecated */
948
+ --color-light-bg-secondary: #f2f3f5; /* deprecated */
999
949
  --color-light-bg-secondary-grouped: #fff; /* deprecated */
950
+ --color-light-bg-secondary-inverted: #1c1c1e; /* deprecated */
951
+ --color-light-bg-tertiary: #e7e8ea; /* deprecated */
1000
952
  --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
953
+ --color-light-bg-tertiary-inverted: #27272a; /* deprecated */
954
+ --color-light-border-accent: #ef3124; /* deprecated */
955
+ --color-light-border-key: #000; /* deprecated */
956
+ --color-light-border-key-inverted: #fff; /* deprecated */
957
+ --color-light-border-link: #2288fa; /* deprecated */
958
+ --color-light-border-primary: #d5d6dc; /* deprecated */
959
+ --color-light-border-primary-inverted: #36363a; /* deprecated */
960
+ --color-light-border-secondary: #e7e8ec; /* deprecated */
961
+ --color-light-border-secondary-inverted: #27272a; /* deprecated */
962
+ --color-light-border-tertiary: #f2f3f5; /* deprecated */
963
+ --color-light-border-tertiary-inverted: #1c1c1e; /* deprecated */
964
+ --color-light-border-underline: #b8b9c0; /* deprecated */
965
+ --color-light-border-underline-inverted: #49494f; /* deprecated */
966
+ --color-light-graphic-accent: #ef3124; /* deprecated */
967
+ --color-light-graphic-attention: #fa9313; /* deprecated */
968
+ --color-light-graphic-link: #2288fa; /* deprecated */
969
+ --color-light-graphic-negative: #ff5431; /* deprecated */
1001
970
  --color-light-graphic-neutral: #dcdcdd; /* deprecated */
971
+ --color-light-graphic-positive: #0cc44d; /* deprecated */
972
+ --color-light-graphic-primary: #0e0e0e; /* deprecated */
973
+ --color-light-graphic-primary-inverted: #fff; /* deprecated */
974
+ --color-light-graphic-quaternary: #e7e8ec; /* deprecated */
975
+ --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
976
+ --color-light-graphic-secondary: #898991; /* deprecated */
977
+ --color-light-graphic-secondary-inverted: #898991; /* deprecated */
978
+ --color-light-graphic-tertiary: #b8b9c0; /* deprecated */
979
+ --color-light-graphic-tertiary-inverted: #49494f; /* deprecated */
980
+ --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */
981
+ --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1); /* deprecated */
982
+ --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
1002
983
  --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
984
+ --color-light-specialbg-overlay-fallback: #49494f; /* deprecated */
985
+ --color-light-specialbg-primary-grouped: #f2f3f5; /* deprecated */
986
+ --color-light-specialbg-secondary-grouped: #fff; /* deprecated */
987
+ --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06); /* deprecated */
988
+ --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
989
+ --color-light-specialbg-tertiary-grouped: #f2f3f5; /* deprecated */
990
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */
991
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */
992
+ --color-light-text-accent: #ef3124; /* deprecated */
993
+ --color-light-text-disabled: rgba(5, 11, 44, 0.18); /* deprecated */
994
+ --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18); /* deprecated */
1003
995
  --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
996
+ --color-light-text-link: #2a77ef; /* deprecated */
1004
997
  --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
1005
998
  --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
1006
999
  --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
1007
1000
  --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
1001
+ --color-static-bg-accent: #ef3124; /* deprecated */
1008
1002
  --color-static-bg-dark: #000; /* deprecated */
1009
1003
  --color-static-bg-light: #fff; /* deprecated */
1010
1004
  --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
1011
1005
  --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
1006
+ --color-static-bg-primary-light: #fff; /* deprecated */
1007
+ --color-static-bg-quaternary-dark: #36363a; /* deprecated */
1008
+ --color-static-bg-quaternary-light: #e7e8ec; /* deprecated */
1009
+ --color-static-bg-secondary-dark: #1c1c1e; /* deprecated */
1010
+ --color-static-bg-secondary-light: #f2f3f5; /* deprecated */
1011
+ --color-static-bg-tertiary-dark: #27272a; /* deprecated */
1012
+ --color-static-bg-tertiary-light: #edeef0; /* deprecated */
1013
+ --color-static-border-accent: #ef3124; /* deprecated */
1014
+ --color-static-graphic-accent: #ef3124; /* deprecated */
1015
+ --color-static-graphic-dark: #0e0e0e; /* deprecated */
1016
+ --color-static-graphic-light: #fff; /* deprecated */
1017
+ --color-static-text-accent: #ef3124; /* deprecated */
1012
1018
  --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
1013
1019
  --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
1014
1020
  --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
1015
1021
  --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
1016
- --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
1017
- --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
1018
- --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
1019
- --color-dark-bg-accent-tint-7: rgb(240, 63, 51);
1020
- --color-dark-bg-accent-tint-10: rgb(241, 70, 58);
1021
- --color-dark-bg-accent-tint-15: rgb(241, 80, 69);
1022
- --color-dark-bg-accent-tint-30: rgb(244, 111, 102);
1023
- --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04);
1024
- --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08);
1025
- --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12);
1026
- --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15);
1027
- --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16);
1028
- --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2);
1029
- --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3);
1030
- --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32);
1031
- --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37);
1032
- --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4);
1033
- --color-dark-bg-primary-tint-7: rgb(31, 31, 31);
1034
- --color-dark-bg-primary-tint-15: rgb(50, 50, 50);
1035
- --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
1036
- --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04);
1037
- --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05);
1038
- --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
1039
- --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08);
1040
- --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1);
1041
- --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12);
1042
- --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
1043
- --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16);
1044
- --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
1045
- --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24);
1046
- --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1047
- --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32);
1048
- --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1049
- --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
1050
- --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237);
1051
- --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217);
1052
- --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204);
1053
- --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3);
1054
- --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72);
1055
- --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78);
1056
- --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88);
1057
- --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117);
1058
- --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3);
1059
- --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192);
1060
- --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181);
1061
- --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3);
1062
- --color-dark-bg-secondary-shade-15: rgb(24, 24, 25);
1063
- --color-dark-bg-secondary-shade-20: rgb(22, 22, 24);
1064
- --color-dark-bg-secondary-tint-7: rgb(44, 44, 46);
1065
- --color-dark-bg-secondary-tint-15: rgb(62, 62, 64);
1066
- --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3);
1067
- --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208);
1068
- --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196);
1069
- --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246);
1070
- --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246);
1071
- --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57);
1072
- --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
1073
- --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
1074
- --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
1075
- --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
1076
- --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3);
1077
- --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3);
1078
- --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
1079
- --color-dark-graphic-accent-shade-15: rgb(203, 42, 31);
1080
- --color-dark-graphic-accent-tint-7: rgb(240, 63, 51);
1081
- --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
1082
- --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
1083
- --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
1084
- --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15);
1085
- --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
1086
- --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
1087
- --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
1088
- --color-dark-graphic-negative-shade-20: rgb(204, 67, 39);
1089
- --color-dark-graphic-negative-shade-30: rgb(179, 59, 34);
1090
- --color-dark-graphic-negative-tint-7: rgb(255, 96, 63);
1091
- --color-dark-graphic-negative-tint-15: rgb(255, 110, 80);
1092
- --color-dark-graphic-negative-tint-30: rgb(255, 135, 111);
1093
- --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1);
1094
- --color-dark-graphic-positive-tint-10: rgb(46, 213, 102);
1095
- --color-dark-graphic-positive-tint-30: rgb(93, 222, 136);
1096
- --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
1097
- --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4);
1098
- --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5);
1099
- --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6);
1100
- --color-dark-graphic-primary-shade-15: rgb(217, 217, 217);
1101
- --color-dark-graphic-primary-shade-20: rgb(204, 204, 204);
1102
- --color-dark-graphic-primary-shade-30: rgb(179, 179, 179);
1103
- --color-dark-graphic-primary-tint-10: rgb(255, 255, 255);
1104
- --color-dark-graphic-primary-tint-30: rgb(255, 255, 255);
1105
- --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1106
- --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1107
- --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5);
1108
- --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6);
1109
- --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31);
1110
- --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38);
1111
- --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50);
1112
- --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86);
1113
- --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63);
1114
- --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
1115
- --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178);
1116
- --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200);
1117
- --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
1118
- --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123);
1119
- --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116);
1120
- --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156);
1121
- --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178);
1122
- --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3);
1123
- --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67);
1124
- --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63);
1125
- --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91);
1126
- --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105);
1127
- --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
1128
- --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
1129
- --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
1130
- --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1131
- --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
1132
- --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
1133
- --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
1134
- --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37);
1135
- --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02);
1136
- --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14);
1137
- --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23);
1138
- --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3);
1139
- --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
1140
- --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
1141
- --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
1142
- --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351);
1143
- --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095);
1144
- --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201);
1145
- --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248);
1146
- --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816);
1147
- --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
1148
- --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
1149
- --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
1150
- --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
1151
- --color-dark-text-link-shade-30: rgb(52, 110, 176);
1152
- --color-dark-text-link-shade-50: rgb(37, 79, 126);
1153
- --color-dark-text-link-tint-20: rgb(110, 177, 253);
1154
- --color-dark-text-link-tint-40: rgb(146, 196, 253);
1155
- --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
1156
- --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544);
1157
- --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958);
1158
- --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964);
1159
- --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97);
1160
- --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952);
1161
- --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964);
1162
- --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3);
1163
- --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4);
1164
- --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904);
1165
- --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916);
1166
- --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884);
1167
- --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898);
1168
- --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088);
1169
- --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916);
1170
- --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928);
1171
- --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94);
1172
- --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64);
1173
- --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685);
1174
- --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64);
1175
- --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73);
1176
- --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64);
1177
- --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685);
1178
- --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
1179
- --color-light-bg-accent-tint-15: rgb(241, 80, 69);
1180
- --color-light-bg-accent-tint-20: rgb(242, 90, 80);
1181
- --color-light-bg-accent-shade-7: rgb(222, 46, 33);
1182
- --color-light-bg-accent-shade-10: rgb(215, 44, 32);
1183
- --color-light-bg-accent-shade-15: rgb(203, 42, 31);
1184
- --color-light-bg-accent-shade-30: rgb(167, 34, 25);
1185
- --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04);
1186
- --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
1187
- --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12);
1188
- --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
1189
- --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16);
1190
- --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
1191
- --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3);
1192
- --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32);
1193
- --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37);
1194
- --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
1195
- --color-light-bg-primary-shade-7: rgb(237, 237, 237);
1196
- --color-light-bg-primary-shade-15: rgb(217, 217, 217);
1197
- --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03);
1198
- --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04);
1199
- --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05);
1200
- --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07);
1201
- --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08);
1202
- --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1);
1203
- --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12);
1204
- --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15);
1205
- --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16);
1206
- --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2);
1207
- --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24);
1208
- --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3);
1209
- --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32);
1210
- --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4);
1211
- --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5);
1212
- --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31);
1213
- --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50);
1214
- --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62);
1215
- --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3);
1216
- --color-light-bg-quaternary-shade-7: rgb(205, 206, 210);
1217
- --color-light-bg-quaternary-shade-10: rgb(198, 200, 203);
1218
- --color-light-bg-quaternary-shade-15: rgb(187, 189, 192);
1219
- --color-light-bg-quaternary-shade-30: rgb(154, 155, 158);
1220
- --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3);
1221
- --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88);
1222
- --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97);
1223
- --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3);
1224
- --color-light-bg-secondary-tint-15: rgb(244, 245, 246);
1225
- --color-light-bg-secondary-tint-20: rgb(245, 245, 247);
1226
- --color-light-bg-secondary-shade-7: rgb(225, 226, 228);
1227
- --color-light-bg-secondary-shade-15: rgb(206, 207, 208);
1228
- --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3);
1229
- --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64);
1230
- --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75);
1231
- --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28);
1232
- --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25);
1233
- --color-light-bg-tertiary-shade-7: rgb(215, 216, 218);
1234
- --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
1235
- --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
1236
- --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
1237
- --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
1238
- --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3);
1239
- --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1240
- --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
1241
- --color-light-graphic-accent-tint-15: rgb(241, 80, 69);
1242
- --color-light-graphic-accent-shade-7: rgb(222, 46, 33);
1243
- --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
1244
- --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
1245
- --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
1246
- --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15);
1247
- --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1);
1248
- --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3);
1249
- --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4);
1250
- --color-light-graphic-negative-tint-20: rgb(255, 118, 90);
1251
- --color-light-graphic-negative-tint-30: rgb(255, 135, 111);
1252
- --color-light-graphic-negative-shade-7: rgb(237, 78, 46);
1253
- --color-light-graphic-negative-shade-15: rgb(217, 71, 42);
1254
- --color-light-graphic-negative-shade-30: rgb(179, 59, 34);
1255
- --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1);
1256
- --color-light-graphic-positive-shade-10: rgb(11, 176, 69);
1257
- --color-light-graphic-positive-shade-30: rgb(8, 137, 54);
1258
- --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
1259
- --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4);
1260
- --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5);
1261
- --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6);
1262
- --color-light-graphic-primary-tint-15: rgb(50, 50, 50);
1263
- --color-light-graphic-primary-tint-20: rgb(62, 62, 62);
1264
- --color-light-graphic-primary-tint-30: rgb(86, 86, 86);
1265
- --color-light-graphic-primary-shade-10: rgb(13, 13, 13);
1266
- --color-light-graphic-primary-shade-30: rgb(10, 10, 10);
1267
- --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1268
- --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1269
- --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
1270
- --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6);
1271
- --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237);
1272
- --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230);
1273
- --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217);
1274
- --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179);
1275
- --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212);
1276
- --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3);
1277
- --color-light-graphic-secondary-shade-30: rgb(96, 96, 102);
1278
- --color-light-graphic-secondary-shade-50: rgb(69, 69, 73);
1279
- --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3);
1280
- --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162);
1281
- --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167);
1282
- --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131);
1283
- --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102);
1284
- --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3);
1285
- --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201);
1286
- --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205);
1287
- --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179);
1288
- --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163);
1289
- --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1290
- --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1291
- --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1292
- --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1293
- --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1294
- --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1295
- --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
1296
- --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349);
1297
- --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02);
1298
- --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14);
1299
- --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23);
1300
- --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3);
1301
- --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1302
- --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
1303
- --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
1304
- --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258);
1305
- --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201);
1306
- --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095);
1307
- --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256);
1308
- --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444);
1309
- --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1310
- --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1311
- --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1312
- --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1313
- --color-light-text-link-tint-30: rgb(106, 160, 244);
1314
- --color-light-text-link-tint-50: rgb(149, 187, 247);
1315
- --color-light-text-link-shade-20: rgb(34, 95, 191);
1316
- --color-light-text-link-shade-40: rgb(25, 71, 143);
1317
- --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3);
1318
- --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088);
1319
- --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916);
1320
- --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928);
1321
- --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94);
1322
- --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904);
1323
- --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928);
1324
- --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
1325
- --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
1326
- --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952);
1327
- --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958);
1328
- --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442);
1329
- --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949);
1330
- --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544);
1331
- --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958);
1332
- --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964);
1333
- --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97);
1334
- --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64);
1335
- --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685);
1336
- --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64);
1337
- --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73);
1338
- --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64);
1339
- --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685);
1340
- --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1);
1341
- --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2);
1342
- --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50);
1343
- --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62);
1344
- --color-static-graphic-light-shade-7: rgb(237, 237, 237);
1345
- --color-static-graphic-light-shade-15: rgb(217, 217, 217);
1346
- --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
1022
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
1023
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
1024
+ --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1025
+ --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
1026
+ --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
1027
+ --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
1028
+ --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
1029
+ --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
1030
+ --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964); /* deprecated */
1031
+ --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
1032
+ --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4); /* deprecated */
1033
+ --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
1034
+ --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916); /* deprecated */
1035
+ --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884); /* deprecated */
1036
+ --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898); /* deprecated */
1037
+ --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
1038
+ --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
1039
+ --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
1040
+ --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
1041
+ --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64); /* deprecated */
1042
+ --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685); /* deprecated */
1043
+ --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
1044
+ --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73); /* deprecated */
1045
+ --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
1046
+ --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685); /* deprecated */
1047
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
1048
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1049
+ --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
1050
+ --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
1051
+ --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
1052
+ --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
1053
+ --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
1054
+ --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
1055
+ --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928); /* deprecated */
1056
+ --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1057
+ --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1058
+ --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
1059
+ --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958); /* deprecated */
1060
+ --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442); /* deprecated */
1061
+ --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949); /* deprecated */
1062
+ --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
1063
+ --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
1064
+ --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
1065
+ --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
1066
+ --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64); /* deprecated */
1067
+ --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685); /* deprecated */
1068
+ --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
1069
+ --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
1070
+ --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
1071
+ --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
1072
+ --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1073
+ --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1074
+ --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50); /* deprecated */
1075
+ --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62); /* deprecated */
1076
+ --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1077
+ --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1078
+ --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1079
+ --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */
1080
+ --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */
1081
+ --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
1082
+ --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1083
+ --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1084
+ --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1085
+ --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1086
+ --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1087
+ --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1088
+ --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1089
+ --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1090
+ --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1091
+ --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1092
+ --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37); /* deprecated */
1093
+ --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1094
+ --color-dark-bg-primary-tint-7: rgb(31, 31, 31); /* deprecated */
1095
+ --color-dark-bg-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1096
+ --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
1097
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1098
+ --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
1099
+ --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1100
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1101
+ --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */
1102
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1103
+ --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1104
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1105
+ --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1106
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */
1107
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1108
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1109
+ --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1110
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1111
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1112
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1113
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */
1114
+ --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1115
+ --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72); /* deprecated */
1116
+ --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78); /* deprecated */
1117
+ --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88); /* deprecated */
1118
+ --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117); /* deprecated */
1119
+ --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1120
+ --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192); /* deprecated */
1121
+ --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181); /* deprecated */
1122
+ --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1123
+ --color-dark-bg-secondary-shade-15: rgb(24, 24, 25); /* deprecated */
1124
+ --color-dark-bg-secondary-shade-20: rgb(22, 22, 24); /* deprecated */
1125
+ --color-dark-bg-secondary-tint-7: rgb(44, 44, 46); /* deprecated */
1126
+ --color-dark-bg-secondary-tint-15: rgb(62, 62, 64); /* deprecated */
1127
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1128
+ --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208); /* deprecated */
1129
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196); /* deprecated */
1130
+ --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246); /* deprecated */
1131
+ --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246); /* deprecated */
1132
+ --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57); /* deprecated */
1133
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1134
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1135
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1136
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1137
+ --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1138
+ --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1139
+ --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1140
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1141
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */
1142
+ --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */
1143
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1144
+ --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1145
+ --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
1146
+ --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1147
+ --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1148
+ --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1149
+ --color-dark-graphic-negative-shade-20: rgb(204, 67, 39); /* deprecated */
1150
+ --color-dark-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1151
+ --color-dark-graphic-negative-tint-7: rgb(255, 96, 63); /* deprecated */
1152
+ --color-dark-graphic-negative-tint-15: rgb(255, 110, 80); /* deprecated */
1153
+ --color-dark-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1154
+ --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
1155
+ --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
1156
+ --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
1157
+ --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1158
+ --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1159
+ --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1160
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1161
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1162
+ --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
1163
+ --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
1164
+ --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
1165
+ --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
1166
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1167
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1168
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1169
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1170
+ --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1171
+ --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38); /* deprecated */
1172
+ --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1173
+ --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86); /* deprecated */
1174
+ --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
1175
+ --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1176
+ --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
1177
+ --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200); /* deprecated */
1178
+ --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1179
+ --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123); /* deprecated */
1180
+ --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116); /* deprecated */
1181
+ --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156); /* deprecated */
1182
+ --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178); /* deprecated */
1183
+ --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1184
+ --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67); /* deprecated */
1185
+ --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63); /* deprecated */
1186
+ --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91); /* deprecated */
1187
+ --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105); /* deprecated */
1188
+ --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1189
+ --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163); /* deprecated */
1190
+ --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154); /* deprecated */
1191
+ --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */
1192
+ --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19); /* deprecated */
1193
+ --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1194
+ --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37); /* deprecated */
1195
+ --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */
1196
+ --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */
1197
+ --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */
1198
+ --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1199
+ --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1200
+ --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1201
+ --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */
1202
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351); /* deprecated */
1203
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1204
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1205
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248); /* deprecated */
1206
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816); /* deprecated */
1207
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1208
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1209
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264); /* deprecated */
1210
+ --color-dark-text-link-shade-30: rgb(52, 110, 176); /* deprecated */
1211
+ --color-dark-text-link-shade-50: rgb(37, 79, 126); /* deprecated */
1212
+ --color-dark-text-link-tint-20: rgb(110, 177, 253); /* deprecated */
1213
+ --color-dark-text-link-tint-40: rgb(146, 196, 253); /* deprecated */
1214
+ --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1215
+ --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1216
+ --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */
1217
+ --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1218
+ --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1219
+ --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1220
+ --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1221
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1222
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1223
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1224
+ --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1225
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1226
+ --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1227
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1228
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1229
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */
1230
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1231
+ --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1232
+ --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1233
+ --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03); /* deprecated */
1234
+ --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1235
+ --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05); /* deprecated */
1236
+ --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07); /* deprecated */
1237
+ --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1238
+ --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1239
+ --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1240
+ --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1241
+ --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1242
+ --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1243
+ --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24); /* deprecated */
1244
+ --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1245
+ --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1246
+ --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1247
+ --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1248
+ --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1249
+ --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1250
+ --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62); /* deprecated */
1251
+ --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1252
+ --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
1253
+ --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
1254
+ --color-light-bg-quaternary-shade-15: rgb(187, 189, 192); /* deprecated */
1255
+ --color-light-bg-quaternary-shade-30: rgb(154, 155, 158); /* deprecated */
1256
+ --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1257
+ --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88); /* deprecated */
1258
+ --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97); /* deprecated */
1259
+ --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1260
+ --color-light-bg-secondary-tint-15: rgb(244, 245, 246); /* deprecated */
1261
+ --color-light-bg-secondary-tint-20: rgb(245, 245, 247); /* deprecated */
1262
+ --color-light-bg-secondary-shade-7: rgb(225, 226, 228); /* deprecated */
1263
+ --color-light-bg-secondary-shade-15: rgb(206, 207, 208); /* deprecated */
1264
+ --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1265
+ --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64); /* deprecated */
1266
+ --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75); /* deprecated */
1267
+ --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28); /* deprecated */
1268
+ --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25); /* deprecated */
1269
+ --color-light-bg-tertiary-shade-7: rgb(215, 216, 218); /* deprecated */
1270
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1271
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1272
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1273
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1274
+ --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1275
+ --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1276
+ --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1277
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1278
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1279
+ --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1280
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1281
+ --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1282
+ --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1283
+ --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1284
+ --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1285
+ --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1286
+ --color-light-graphic-negative-tint-20: rgb(255, 118, 90); /* deprecated */
1287
+ --color-light-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1288
+ --color-light-graphic-negative-shade-7: rgb(237, 78, 46); /* deprecated */
1289
+ --color-light-graphic-negative-shade-15: rgb(217, 71, 42); /* deprecated */
1290
+ --color-light-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1291
+ --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
1292
+ --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
1293
+ --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
1294
+ --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1295
+ --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1296
+ --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1297
+ --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1298
+ --color-light-graphic-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1299
+ --color-light-graphic-primary-tint-20: rgb(62, 62, 62); /* deprecated */
1300
+ --color-light-graphic-primary-tint-30: rgb(86, 86, 86); /* deprecated */
1301
+ --color-light-graphic-primary-shade-10: rgb(13, 13, 13); /* deprecated */
1302
+ --color-light-graphic-primary-shade-30: rgb(10, 10, 10); /* deprecated */
1303
+ --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1304
+ --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1305
+ --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1306
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1307
+ --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1308
+ --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
1309
+ --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1310
+ --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
1311
+ --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
1312
+ --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1313
+ --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
1314
+ --color-light-graphic-secondary-shade-50: rgb(69, 69, 73); /* deprecated */
1315
+ --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1316
+ --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162); /* deprecated */
1317
+ --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167); /* deprecated */
1318
+ --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131); /* deprecated */
1319
+ --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102); /* deprecated */
1320
+ --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1321
+ --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201); /* deprecated */
1322
+ --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205); /* deprecated */
1323
+ --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179); /* deprecated */
1324
+ --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163); /* deprecated */
1325
+ --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1326
+ --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105); /* deprecated */
1327
+ --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114); /* deprecated */
1328
+ --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */
1329
+ --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */
1330
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1331
+ --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */
1332
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */
1333
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */
1334
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */
1335
+ --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1336
+ --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1337
+ --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1338
+ --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */
1339
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258); /* deprecated */
1340
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1341
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1342
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256); /* deprecated */
1343
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444); /* deprecated */
1344
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1345
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1346
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296); /* deprecated */
1347
+ --color-light-text-link-tint-30: rgb(106, 160, 244); /* deprecated */
1348
+ --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
1349
+ --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
1350
+ --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
1351
+ --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
1352
+ --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
1347
1353
  } :root {
1348
- --color-static-corpbg-neutral: #bdc0c2;
1349
- --color-static-corpbg-primary: #212a33;
1350
- --color-static-corpbg-secondary: #384048;
1351
- --color-static-corpbg-tertiary: #7a7f85;
1352
- --color-static-graphic-amethyst: #a489aa;
1353
- --color-static-graphic-blackberry: #bfafc6;
1354
- --color-static-graphic-blue-chill: #0f9c8c;
1355
- --color-static-graphic-blue-maya: #7eb3ff;
1356
- --color-static-graphic-blue-moody: #7879cf;
1357
- --color-static-graphic-blue-steel: #4f84ba;
1358
- --color-static-graphic-botticelli: #cee5e5;
1359
- --color-static-graphic-boulder: #7a7a7a;
1360
- --color-static-graphic-brink-pink: #fc617c;
1361
- --color-static-graphic-burnt-sienna: #eb7a58;
1362
- --color-static-graphic-carrot: #e8bba3;
1363
- --color-static-graphic-chatelle: #bfafc6;
1364
- --color-static-graphic-chathams-blue: #155966;
1365
- --color-static-graphic-chick: #f2db9e;
1366
- --color-static-graphic-crete: #847128;
1367
- --color-static-graphic-curious-blue: #2381db;
1368
- --color-static-graphic-curious-blue-light: #3b99d9;
1369
- --color-static-graphic-eastern-blue: #269cb3;
1370
- --color-static-graphic-french-lilac: #d3baed;
1371
- --color-static-graphic-fuel-yellow: #f29d32;
1372
- --color-static-graphic-fun-blue: #1d6ab5;
1373
- --color-static-graphic-gallery: #eee;
1374
- --color-static-graphic-green-jungle: #2fc26e;
1375
- --color-static-graphic-hippie-blue: #5aa4b0;
1376
- --color-static-graphic-jaffa: #f07134;
1377
- --color-static-graphic-jaffa-light: #f18836;
1378
- --color-static-graphic-java: #15c0e0;
1379
- --color-static-graphic-jungle-green: #2ab79a;
1380
- --color-static-graphic-lavender: #8888ad;
1381
- --color-static-graphic-mantis: #63cd4f;
1382
- --color-static-graphic-matisse: #16548f;
1383
- --color-static-graphic-milano-red: #cd1501;
1384
- --color-static-graphic-mirage: #1d2434;
1385
- --color-static-graphic-moon-raker: #e9dbf7;
1386
- --color-static-graphic-moss-green: #a6d29c;
1387
- --color-static-graphic-nevada: #626b75;
1388
- --color-static-graphic-olive: #bfd3c9;
1389
- --color-static-graphic-olivine: #87b965;
1390
- --color-static-graphic-peach: #fcc99b;
1391
- --color-static-graphic-persimmon: #ff5c5c;
1392
- --color-static-graphic-pewter: #96a5a5;
1393
- --color-static-graphic-pickled-bluewood: #2d3f50;
1394
- --color-static-graphic-porsche: #e7b965;
1395
- --color-static-graphic-raspberry: #dfb2bb;
1396
- --color-static-graphic-red-damask: #da713c;
1397
- --color-static-graphic-saffron: #f0c330;
1398
- --color-static-graphic-salomie: #fee984;
1399
- --color-static-graphic-sand: #f6bf65;
1400
- --color-static-graphic-sandy-brown: #f38f6f;
1401
- --color-static-graphic-seawater: #aecfd9;
1402
- --color-static-graphic-serenade: #fff0e3;
1403
- --color-static-graphic-sky: #a6c0db;
1404
- --color-static-graphic-soft-peach: #f3eaeb;
1405
- --color-static-graphic-solitude: #e8f2fe;
1406
- --color-static-graphic-strawberry: #f8b6a9;
1407
- --color-static-graphic-sundust: #d9d6ce;
1408
- --color-static-graphic-turkish-rose: #b56a6b;
1409
- --color-static-graphic-turquoise-blue: #6bd3e6;
1410
- --color-static-graphic-valencia: #d8463b;
1411
- --color-static-graphic-waikawa-gray: #5b6d9c;
1412
- --color-static-graphic-whisper: #f2eff6;
1413
- --color-static-graphic-zanah: #e1f0de;
1414
- --color-static-local-light-blue: #f5f7f9;
1415
- --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
1416
- --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
1417
- --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
1418
- --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
1419
- --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
1420
- --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
1421
- --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
1422
- --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
1423
- --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
1424
- --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
1425
- --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
1426
- --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
1427
- --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
1428
- --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
1429
- --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
1430
- --color-static-status-blue: #007aff;
1431
- --color-static-status-green: #13a463;
1432
- --color-static-status-grey: #6d7986;
1433
- --color-static-status-orange: #de6a00;
1434
- --color-static-status-purple: #673ab7;
1435
- --color-static-status-red: #d91d0b;
1436
- --color-static-status-teal: #219187;
1354
+ --color-static-corpbg-neutral: #bdc0c2; /* deprecated */
1355
+ --color-static-corpbg-primary: #212a33; /* deprecated */
1356
+ --color-static-corpbg-secondary: #384048; /* deprecated */
1357
+ --color-static-corpbg-tertiary: #7a7f85; /* deprecated */
1358
+ --color-static-graphic-amethyst: #a489aa; /* deprecated */
1359
+ --color-static-graphic-blackberry: #bfafc6; /* deprecated */
1360
+ --color-static-graphic-blue-chill: #0f9c8c; /* deprecated */
1361
+ --color-static-graphic-blue-maya: #7eb3ff; /* deprecated */
1362
+ --color-static-graphic-blue-moody: #7879cf; /* deprecated */
1363
+ --color-static-graphic-blue-steel: #4f84ba; /* deprecated */
1364
+ --color-static-graphic-botticelli: #cee5e5; /* deprecated */
1365
+ --color-static-graphic-boulder: #7a7a7a; /* deprecated */
1366
+ --color-static-graphic-brink-pink: #fc617c; /* deprecated */
1367
+ --color-static-graphic-burnt-sienna: #eb7a58; /* deprecated */
1368
+ --color-static-graphic-carrot: #e8bba3; /* deprecated */
1369
+ --color-static-graphic-chatelle: #bfafc6; /* deprecated */
1370
+ --color-static-graphic-chathams-blue: #155966; /* deprecated */
1371
+ --color-static-graphic-chick: #f2db9e; /* deprecated */
1372
+ --color-static-graphic-crete: #847128; /* deprecated */
1373
+ --color-static-graphic-curious-blue: #2381db; /* deprecated */
1374
+ --color-static-graphic-curious-blue-light: #3b99d9; /* deprecated */
1375
+ --color-static-graphic-eastern-blue: #269cb3; /* deprecated */
1376
+ --color-static-graphic-french-lilac: #d3baed; /* deprecated */
1377
+ --color-static-graphic-fuel-yellow: #f29d32; /* deprecated */
1378
+ --color-static-graphic-fun-blue: #1d6ab5; /* deprecated */
1379
+ --color-static-graphic-gallery: #eee; /* deprecated */
1380
+ --color-static-graphic-green-jungle: #2fc26e; /* deprecated */
1381
+ --color-static-graphic-hippie-blue: #5aa4b0; /* deprecated */
1382
+ --color-static-graphic-jaffa: #f07134; /* deprecated */
1383
+ --color-static-graphic-jaffa-light: #f18836; /* deprecated */
1384
+ --color-static-graphic-java: #15c0e0; /* deprecated */
1385
+ --color-static-graphic-jungle-green: #2ab79a; /* deprecated */
1386
+ --color-static-graphic-lavender: #8888ad; /* deprecated */
1387
+ --color-static-graphic-mantis: #63cd4f; /* deprecated */
1388
+ --color-static-graphic-matisse: #16548f; /* deprecated */
1389
+ --color-static-graphic-milano-red: #cd1501; /* deprecated */
1390
+ --color-static-graphic-mirage: #1d2434; /* deprecated */
1391
+ --color-static-graphic-moon-raker: #e9dbf7; /* deprecated */
1392
+ --color-static-graphic-moss-green: #a6d29c; /* deprecated */
1393
+ --color-static-graphic-nevada: #626b75; /* deprecated */
1394
+ --color-static-graphic-olive: #bfd3c9; /* deprecated */
1395
+ --color-static-graphic-olivine: #87b965; /* deprecated */
1396
+ --color-static-graphic-peach: #fcc99b; /* deprecated */
1397
+ --color-static-graphic-persimmon: #ff5c5c; /* deprecated */
1398
+ --color-static-graphic-pewter: #96a5a5; /* deprecated */
1399
+ --color-static-graphic-pickled-bluewood: #2d3f50; /* deprecated */
1400
+ --color-static-graphic-porsche: #e7b965; /* deprecated */
1401
+ --color-static-graphic-raspberry: #dfb2bb; /* deprecated */
1402
+ --color-static-graphic-red-damask: #da713c; /* deprecated */
1403
+ --color-static-graphic-saffron: #f0c330; /* deprecated */
1404
+ --color-static-graphic-salomie: #fee984; /* deprecated */
1405
+ --color-static-graphic-sand: #f6bf65; /* deprecated */
1406
+ --color-static-graphic-sandy-brown: #f38f6f; /* deprecated */
1407
+ --color-static-graphic-seawater: #aecfd9; /* deprecated */
1408
+ --color-static-graphic-serenade: #fff0e3; /* deprecated */
1409
+ --color-static-graphic-sky: #a6c0db; /* deprecated */
1410
+ --color-static-graphic-soft-peach: #f3eaeb; /* deprecated */
1411
+ --color-static-graphic-solitude: #e8f2fe; /* deprecated */
1412
+ --color-static-graphic-strawberry: #f8b6a9; /* deprecated */
1413
+ --color-static-graphic-sundust: #d9d6ce; /* deprecated */
1414
+ --color-static-graphic-turkish-rose: #b56a6b; /* deprecated */
1415
+ --color-static-graphic-turquoise-blue: #6bd3e6; /* deprecated */
1416
+ --color-static-graphic-valencia: #d8463b; /* deprecated */
1417
+ --color-static-graphic-waikawa-gray: #5b6d9c; /* deprecated */
1418
+ --color-static-graphic-whisper: #f2eff6; /* deprecated */
1419
+ --color-static-graphic-zanah: #e1f0de; /* deprecated */
1420
+ --color-static-local-light-blue: #f5f7f9; /* deprecated */
1421
+ --color-static-overlay-black-high: rgba(0, 0, 0, 0.32); /* deprecated */
1422
+ --color-static-overlay-black-low: rgba(0, 0, 0, 0.16); /* deprecated */
1423
+ --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24); /* deprecated */
1424
+ --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4); /* deprecated */
1425
+ --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08); /* deprecated */
1426
+ --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32); /* deprecated */
1427
+ --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16); /* deprecated */
1428
+ --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24); /* deprecated */
1429
+ --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4); /* deprecated */
1430
+ --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08); /* deprecated */
1431
+ --color-static-overlay-white-high: rgba(255, 255, 255, 0.32); /* deprecated */
1432
+ --color-static-overlay-white-low: rgba(255, 255, 255, 0.16); /* deprecated */
1433
+ --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24); /* deprecated */
1434
+ --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4); /* deprecated */
1435
+ --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08); /* deprecated */
1436
+ --color-static-status-blue: #007aff; /* deprecated */
1437
+ --color-static-status-green: #13a463; /* deprecated */
1438
+ --color-static-status-grey: #6d7986; /* deprecated */
1439
+ --color-static-status-orange: #de6a00; /* deprecated */
1440
+ --color-static-status-purple: #673ab7; /* deprecated */
1441
+ --color-static-status-red: #d91d0b; /* deprecated */
1442
+ --color-static-status-teal: #219187; /* deprecated */
1437
1443
  --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
1438
1444
  --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
1439
1445
  --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
@@ -1463,40 +1469,40 @@
1463
1469
  --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
1464
1470
  --color-static-graphic-valencia-old: #d8463b; /* deprecated */
1465
1471
  --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
1466
- --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
1467
- --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
1468
- --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
1469
- --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
1470
- --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
1471
- --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
1472
- --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
1472
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1); /* deprecated */
1473
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1); /* deprecated */
1474
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1); /* deprecated */
1475
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1); /* deprecated */
1476
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1); /* deprecated */
1477
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1); /* deprecated */
1478
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1); /* deprecated */
1473
1479
  } :root {
1474
- --color-dynamic-nulled: rgba(0, 0, 0, 0);
1475
- --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
1476
- --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
1477
- --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
1478
- --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32);
1479
- --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16);
1480
- --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
1481
- --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
1482
- --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
1483
- --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
1484
- --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
1485
- --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
1486
- --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
1487
- --color-static-nulled: rgba(0, 0, 0, 0);
1488
- --color-static-primary-dark: rgba(0, 0, 0, 0.8);
1489
- --color-static-primary-light: rgba(255, 255, 255, 0.8);
1490
- --color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
1491
- --color-static-quaternary-light: rgba(255, 255, 255, 0.32);
1492
- --color-static-quinary-dark: rgba(0, 0, 0, 0.16);
1493
- --color-static-quinary-light: rgba(255, 255, 255, 0.16);
1494
- --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
1495
- --color-static-secondary-light: rgba(255, 255, 255, 0.64);
1496
- --color-static-senary-dark: rgba(0, 0, 0, 0.12);
1497
- --color-static-senary-light: rgba(255, 255, 255, 0.12);
1498
- --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
1499
- --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
1480
+ --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */
1481
+ --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1482
+ --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1483
+ --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1484
+ --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1485
+ --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1486
+ --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1487
+ --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1488
+ --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1489
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1490
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1491
+ --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1492
+ --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1493
+ --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */
1494
+ --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1495
+ --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1496
+ --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1497
+ --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1498
+ --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1499
+ --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1500
+ --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1501
+ --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1502
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1503
+ --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1504
+ --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1505
+ --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1500
1506
  } :root {
1501
1507
  --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1502
1508
  --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
@@ -1587,7 +1593,7 @@
1587
1593
  --text-primary-color: var(--color-light-text-primary);
1588
1594
  --text-secondary-color: var(--color-light-text-secondary);
1589
1595
  --text-tertiary-color: var(--color-light-text-tertiary);
1590
- --focus-color: var(--color-light-border-link);
1596
+ --focus-color: var(--color-light-status-info);
1591
1597
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
1592
1598
  sans-serif;
1593
1599
  --disabled-cursor: not-allowed;
@@ -1663,7 +1669,8 @@
1663
1669
 
1664
1670
  /* size xl */
1665
1671
  --secondary-tablist-xl-gaps: var(--gap-m);
1666
- } .tabs__title_1ihuu {
1667
- } .tabs__mobile_1ihuu .tabs__title_1ihuu + .tabs__title_1ihuu {
1672
+ } .tabs__title_17s3l {
1673
+ } .tabs__mobile_17s3l .tabs__title_17s3l + .tabs__title_17s3l,
1674
+ .tabs__mobile_17s3l .tabs__skeleton_17s3l + .tabs__skeleton_17s3l {
1668
1675
  margin-left: var(--secondary-tablist-mobile-gaps);
1669
1676
  }