@alfalab/core-components 47.1.0-beta.0 → 47.1.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 (346) hide show
  1. package/gallery/components/header/Component.js +1 -1
  2. package/gallery/components/header/buttons.js +1 -1
  3. package/gallery/components/image-viewer/component.js +1 -1
  4. package/gallery/components/image-viewer/slide.js +1 -1
  5. package/gallery/esm/Component.js +2 -2
  6. package/gallery/esm/components/header/Component.js +1 -1
  7. package/gallery/esm/components/header/buttons.js +1 -1
  8. package/gallery/esm/components/header/index.js +1 -1
  9. package/gallery/esm/components/image-preview/Component.js +1 -1
  10. package/gallery/esm/components/image-preview/index.js +1 -1
  11. package/gallery/esm/components/image-viewer/component.js +1 -1
  12. package/gallery/esm/components/image-viewer/index.js +1 -1
  13. package/gallery/esm/components/image-viewer/slide.js +1 -1
  14. package/gallery/esm/components/index.js +2 -2
  15. package/gallery/esm/components/navigation-bar/Component.js +1 -1
  16. package/gallery/esm/components/navigation-bar/index.js +1 -1
  17. package/gallery/esm/index.js +2 -2
  18. package/gallery/modern/Component.js +2 -2
  19. package/gallery/modern/components/header/Component.js +1 -1
  20. package/gallery/modern/components/header/buttons.js +1 -1
  21. package/gallery/modern/components/header/index.js +1 -1
  22. package/gallery/modern/components/image-preview/Component.js +1 -1
  23. package/gallery/modern/components/image-preview/index.js +1 -1
  24. package/gallery/modern/components/image-viewer/component.js +1 -1
  25. package/gallery/modern/components/image-viewer/index.js +1 -1
  26. package/gallery/modern/components/image-viewer/slide.js +1 -1
  27. package/gallery/modern/components/index.js +2 -2
  28. package/gallery/modern/components/navigation-bar/Component.js +1 -1
  29. package/gallery/modern/components/navigation-bar/index.js +1 -1
  30. package/gallery/modern/index.js +2 -2
  31. package/modal/components/controls/Component.js +1 -1
  32. package/modal/components/footer/Component.js +1 -1
  33. package/modal/esm/Component.responsive.js +1 -1
  34. package/modal/esm/components/controls/Component.js +1 -1
  35. package/modal/esm/components/controls/index.js +1 -1
  36. package/modal/esm/components/footer/Component.js +1 -1
  37. package/modal/esm/desktop/Component.desktop.js +1 -1
  38. package/modal/esm/desktop/index.js +1 -1
  39. package/modal/esm/index.js +1 -1
  40. package/modal/esm/mobile/Component.mobile.js +1 -1
  41. package/modal/esm/mobile/index.js +1 -1
  42. package/modal/modern/Component.responsive.js +1 -1
  43. package/modal/modern/components/controls/Component.js +1 -1
  44. package/modal/modern/components/controls/index.js +1 -1
  45. package/modal/modern/components/footer/Component.js +1 -1
  46. package/modal/modern/desktop/Component.desktop.js +1 -1
  47. package/modal/modern/desktop/index.js +1 -1
  48. package/modal/modern/index.js +1 -1
  49. package/modal/modern/mobile/Component.mobile.js +1 -1
  50. package/modal/modern/mobile/index.js +1 -1
  51. package/package.json +1 -1
  52. package/pure-cell/component.js +1 -1
  53. package/pure-cell/components/addon/component.js +1 -1
  54. package/pure-cell/components/addon/index.d.ts +1 -1
  55. package/pure-cell/components/addon/index.js +1 -1
  56. package/pure-cell/components/amount/component.js +1 -1
  57. package/pure-cell/components/amount/index.d.ts +1 -1
  58. package/pure-cell/components/amount/index.js +1 -1
  59. package/pure-cell/components/amount-title/component.js +1 -1
  60. package/pure-cell/components/amount-title/index.d.ts +1 -1
  61. package/pure-cell/components/amount-title/index.js +1 -1
  62. package/pure-cell/components/category/component.js +1 -1
  63. package/pure-cell/components/category/index.d.ts +1 -1
  64. package/pure-cell/components/category/index.js +1 -1
  65. package/pure-cell/components/content/component.js +1 -1
  66. package/pure-cell/components/content/index.d.ts +1 -1
  67. package/pure-cell/components/content/index.js +1 -1
  68. package/pure-cell/components/footer/component.js +1 -1
  69. package/pure-cell/components/footer/index.d.ts +1 -1
  70. package/pure-cell/components/footer/index.js +1 -1
  71. package/pure-cell/components/footer-button/component.js +1 -1
  72. package/pure-cell/components/footer-button/index.d.ts +1 -1
  73. package/pure-cell/components/footer-button/index.js +1 -1
  74. package/pure-cell/components/footer-text/component.js +1 -1
  75. package/pure-cell/components/footer-text/index.d.ts +1 -1
  76. package/pure-cell/components/footer-text/index.js +1 -1
  77. package/pure-cell/components/graphics/component.js +1 -1
  78. package/pure-cell/components/graphics/index.d.ts +1 -1
  79. package/pure-cell/components/graphics/index.js +1 -1
  80. package/pure-cell/components/main/component.js +1 -1
  81. package/pure-cell/components/main/index.d.ts +1 -1
  82. package/pure-cell/components/main/index.js +1 -1
  83. package/pure-cell/components/text/component.js +1 -1
  84. package/pure-cell/components/text/index.d.ts +1 -1
  85. package/pure-cell/components/text/index.js +1 -1
  86. package/pure-cell/esm/component.js +1 -1
  87. package/pure-cell/esm/components/addon/component.js +1 -1
  88. package/pure-cell/esm/components/addon/index.d.ts +1 -1
  89. package/pure-cell/esm/components/addon/index.js +1 -1
  90. package/pure-cell/esm/components/amount/component.js +1 -1
  91. package/pure-cell/esm/components/amount/index.d.ts +1 -1
  92. package/pure-cell/esm/components/amount/index.js +1 -1
  93. package/pure-cell/esm/components/amount-title/component.js +1 -1
  94. package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
  95. package/pure-cell/esm/components/amount-title/index.js +1 -1
  96. package/pure-cell/esm/components/category/component.js +1 -1
  97. package/pure-cell/esm/components/category/index.d.ts +1 -1
  98. package/pure-cell/esm/components/category/index.js +1 -1
  99. package/pure-cell/esm/components/content/component.js +1 -1
  100. package/pure-cell/esm/components/content/index.d.ts +1 -1
  101. package/pure-cell/esm/components/content/index.js +1 -1
  102. package/pure-cell/esm/components/footer/component.js +1 -1
  103. package/pure-cell/esm/components/footer/index.d.ts +1 -1
  104. package/pure-cell/esm/components/footer/index.js +1 -1
  105. package/pure-cell/esm/components/footer-button/component.js +1 -1
  106. package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
  107. package/pure-cell/esm/components/footer-button/index.js +1 -1
  108. package/pure-cell/esm/components/footer-text/component.js +1 -1
  109. package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
  110. package/pure-cell/esm/components/footer-text/index.js +1 -1
  111. package/pure-cell/esm/components/graphics/component.js +1 -1
  112. package/pure-cell/esm/components/graphics/index.d.ts +1 -1
  113. package/pure-cell/esm/components/graphics/index.js +1 -1
  114. package/pure-cell/esm/components/main/component.js +1 -1
  115. package/pure-cell/esm/components/main/index.d.ts +1 -1
  116. package/pure-cell/esm/components/main/index.js +1 -1
  117. package/pure-cell/esm/components/text/component.js +1 -1
  118. package/pure-cell/esm/components/text/index.d.ts +1 -1
  119. package/pure-cell/esm/components/text/index.js +1 -1
  120. package/pure-cell/esm/index.js +1 -1
  121. package/pure-cell/index.js +1 -1
  122. package/pure-cell/modern/component.js +1 -1
  123. package/pure-cell/modern/components/addon/component.js +1 -1
  124. package/pure-cell/modern/components/addon/index.d.ts +1 -1
  125. package/pure-cell/modern/components/addon/index.js +1 -1
  126. package/pure-cell/modern/components/amount/component.js +1 -1
  127. package/pure-cell/modern/components/amount/index.d.ts +1 -1
  128. package/pure-cell/modern/components/amount/index.js +1 -1
  129. package/pure-cell/modern/components/amount-title/component.js +1 -1
  130. package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
  131. package/pure-cell/modern/components/amount-title/index.js +1 -1
  132. package/pure-cell/modern/components/category/component.js +1 -1
  133. package/pure-cell/modern/components/category/index.d.ts +1 -1
  134. package/pure-cell/modern/components/category/index.js +1 -1
  135. package/pure-cell/modern/components/content/component.js +1 -1
  136. package/pure-cell/modern/components/content/index.d.ts +1 -1
  137. package/pure-cell/modern/components/content/index.js +1 -1
  138. package/pure-cell/modern/components/footer/component.js +1 -1
  139. package/pure-cell/modern/components/footer/index.d.ts +1 -1
  140. package/pure-cell/modern/components/footer/index.js +1 -1
  141. package/pure-cell/modern/components/footer-button/component.js +1 -1
  142. package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
  143. package/pure-cell/modern/components/footer-button/index.js +1 -1
  144. package/pure-cell/modern/components/footer-text/component.js +1 -1
  145. package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
  146. package/pure-cell/modern/components/footer-text/index.js +1 -1
  147. package/pure-cell/modern/components/graphics/component.js +1 -1
  148. package/pure-cell/modern/components/graphics/index.d.ts +1 -1
  149. package/pure-cell/modern/components/graphics/index.js +1 -1
  150. package/pure-cell/modern/components/main/component.js +1 -1
  151. package/pure-cell/modern/components/main/index.d.ts +1 -1
  152. package/pure-cell/modern/components/main/index.js +1 -1
  153. package/pure-cell/modern/components/text/component.js +1 -1
  154. package/pure-cell/modern/components/text/index.d.ts +1 -1
  155. package/pure-cell/modern/components/text/index.js +1 -1
  156. package/pure-cell/modern/index.js +1 -1
  157. package/select/esm/Component.responsive.js +1 -1
  158. package/select/esm/index.js +1 -1
  159. package/select/esm/mobile/Component.mobile.js +1 -1
  160. package/select/esm/mobile/Component.modal.mobile.js +1 -1
  161. package/select/esm/mobile/index.js +1 -1
  162. package/select/esm/presets/index.js +1 -1
  163. package/select/esm/presets/useSelectWithApply/hook.js +1 -1
  164. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  165. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  166. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  167. package/select/esm/shared/index.js +1 -1
  168. package/select/mobile/Component.mobile.js +1 -1
  169. package/select/modern/Component.responsive.js +1 -1
  170. package/select/modern/index.js +1 -1
  171. package/select/modern/mobile/Component.mobile.js +1 -1
  172. package/select/modern/mobile/Component.modal.mobile.js +1 -1
  173. package/select/modern/mobile/index.js +1 -1
  174. package/select/modern/presets/index.js +1 -1
  175. package/select/modern/presets/useSelectWithApply/hook.js +1 -1
  176. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  177. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  178. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  179. package/select/modern/shared/index.js +1 -1
  180. package/select/presets/index.js +1 -1
  181. package/select/presets/useSelectWithApply/hook.js +1 -1
  182. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  183. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  184. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  185. package/select/shared/index.js +1 -1
  186. package/side-panel/components/controls/Component.js +1 -1
  187. package/side-panel/components/footer/Component.js +1 -1
  188. package/side-panel/esm/Component.responsive.js +1 -1
  189. package/side-panel/esm/components/controls/Component.js +1 -1
  190. package/side-panel/esm/components/controls/index.js +1 -1
  191. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  192. package/side-panel/esm/components/footer/Component.js +1 -1
  193. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  194. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  195. package/side-panel/esm/desktop/index.js +1 -1
  196. package/side-panel/esm/index.js +1 -1
  197. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  198. package/side-panel/esm/mobile/index.js +1 -1
  199. package/side-panel/modern/Component.responsive.js +1 -1
  200. package/side-panel/modern/components/controls/Component.js +1 -1
  201. package/side-panel/modern/components/controls/index.js +1 -1
  202. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  203. package/side-panel/modern/components/footer/Component.js +1 -1
  204. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  205. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  206. package/side-panel/modern/desktop/index.js +1 -1
  207. package/side-panel/modern/index.js +1 -1
  208. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  209. package/side-panel/modern/mobile/index.js +1 -1
  210. package/tabs/components/primary-tablist/Component.collapsible.js +1 -1
  211. package/tabs/components/primary-tablist/Component.desktop.js +1 -1
  212. package/tabs/components/primary-tablist/Component.mobile.js +1 -1
  213. package/tabs/components/secondary-tablist/Component.desktop.js +1 -1
  214. package/tabs/components/secondary-tablist/Component.mobile.js +1 -1
  215. package/tabs/esm/collapsible/index.js +1 -1
  216. package/tabs/esm/components/primary-tablist/Component.collapsible.js +1 -1
  217. package/tabs/esm/components/primary-tablist/Component.desktop.js +1 -1
  218. package/tabs/esm/components/primary-tablist/Component.mobile.js +1 -1
  219. package/tabs/esm/components/primary-tablist/Component.responsive.js +1 -1
  220. package/tabs/esm/components/secondary-tablist/Component.desktop.js +1 -1
  221. package/tabs/esm/components/secondary-tablist/Component.mobile.js +1 -1
  222. package/tabs/esm/components/secondary-tablist/Component.responsive.js +1 -1
  223. package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
  224. package/tabs/esm/components/tabs/Component.desktop.js +2 -2
  225. package/tabs/esm/components/tabs/Component.mobile.js +2 -2
  226. package/tabs/esm/components/tabs/Component.responsive.js +2 -2
  227. package/tabs/esm/desktop/index.js +2 -2
  228. package/tabs/esm/index.js +2 -2
  229. package/tabs/esm/mobile/index.js +2 -2
  230. package/tabs/modern/collapsible/index.js +1 -1
  231. package/tabs/modern/components/primary-tablist/Component.collapsible.js +1 -1
  232. package/tabs/modern/components/primary-tablist/Component.desktop.js +1 -1
  233. package/tabs/modern/components/primary-tablist/Component.mobile.js +1 -1
  234. package/tabs/modern/components/primary-tablist/Component.responsive.js +1 -1
  235. package/tabs/modern/components/secondary-tablist/Component.desktop.js +1 -1
  236. package/tabs/modern/components/secondary-tablist/Component.mobile.js +1 -1
  237. package/tabs/modern/components/secondary-tablist/Component.responsive.js +1 -1
  238. package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
  239. package/tabs/modern/components/tabs/Component.desktop.js +2 -2
  240. package/tabs/modern/components/tabs/Component.mobile.js +2 -2
  241. package/tabs/modern/components/tabs/Component.responsive.js +2 -2
  242. package/tabs/modern/desktop/index.js +2 -2
  243. package/tabs/modern/index.js +2 -2
  244. package/tabs/modern/mobile/index.js +2 -2
  245. package/textarea/Component.js +1 -1
  246. package/textarea/components/PseudoTextArea.js +1 -1
  247. package/textarea/components/index.d.ts +1 -1
  248. package/textarea/components/index.js +1 -1
  249. package/textarea/esm/Component.js +1 -1
  250. package/textarea/esm/components/PseudoTextArea.js +1 -1
  251. package/textarea/esm/components/index.d.ts +1 -1
  252. package/textarea/esm/components/index.js +1 -1
  253. package/textarea/esm/index.js +1 -1
  254. package/textarea/modern/Component.js +1 -1
  255. package/textarea/modern/components/PseudoTextArea.js +1 -1
  256. package/textarea/modern/components/index.d.ts +1 -1
  257. package/textarea/modern/components/index.js +1 -1
  258. package/textarea/modern/index.js +1 -1
  259. package/themes/click.css +1516 -0
  260. package/themes/compiled/mobile-dark-bluetint.css +10 -10
  261. package/themes/corp.css +1516 -0
  262. package/themes/intranet.css +1516 -0
  263. package/themes/mobile.css +1516 -0
  264. package/themes/site.css +1516 -0
  265. package/toast-plate/components/base-toast-plate/component.js +2 -2
  266. package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
  267. package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
  268. package/toast-plate/esm/Component.responsive.js +2 -2
  269. package/toast-plate/esm/components/base-toast-plate/component.js +2 -2
  270. package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
  271. package/toast-plate/esm/components/base-toast-plate/index.js +2 -2
  272. package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
  273. package/toast-plate/esm/desktop/Component.desktop.js +2 -2
  274. package/toast-plate/esm/desktop/index.js +2 -2
  275. package/toast-plate/esm/index-2f466837.d.ts +2 -2
  276. package/toast-plate/esm/index.js +2 -2
  277. package/toast-plate/esm/mobile/Component.mobile.js +2 -2
  278. package/toast-plate/esm/mobile/index.js +2 -2
  279. package/toast-plate/index-2f466837.d.ts +2 -2
  280. package/toast-plate/modern/Component.responsive.js +2 -2
  281. package/toast-plate/modern/components/base-toast-plate/component.js +2 -2
  282. package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
  283. package/toast-plate/modern/components/base-toast-plate/index.js +2 -2
  284. package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
  285. package/toast-plate/modern/desktop/Component.desktop.js +2 -2
  286. package/toast-plate/modern/desktop/index.js +2 -2
  287. package/toast-plate/modern/index-2f466837.d.ts +2 -2
  288. package/toast-plate/modern/index.js +2 -2
  289. package/toast-plate/modern/mobile/Component.mobile.js +2 -2
  290. package/toast-plate/modern/mobile/index.js +2 -2
  291. package/pass-code-v1/@alfalab/core-components-shared/package.json +0 -23
  292. package/pattern-lock-v1/@alfalab/core-components-shared/package.json +0 -23
  293. /package/gallery/{buttons-31c32c66.d.ts → buttons-395fa106.d.ts} +0 -0
  294. /package/gallery/{buttons-31c32c66.js → buttons-395fa106.js} +0 -0
  295. /package/gallery/esm/{buttons-3e3eb928.d.ts → buttons-d7094b59.d.ts} +0 -0
  296. /package/gallery/esm/{buttons-3e3eb928.js → buttons-d7094b59.js} +0 -0
  297. /package/gallery/esm/{slide-e9b65985.d.ts → slide-d5eb3779.d.ts} +0 -0
  298. /package/gallery/esm/{slide-e9b65985.js → slide-d5eb3779.js} +0 -0
  299. /package/gallery/modern/{buttons-fc03320f.d.ts → buttons-34d86e30.d.ts} +0 -0
  300. /package/gallery/modern/{buttons-fc03320f.js → buttons-34d86e30.js} +0 -0
  301. /package/gallery/modern/{slide-e03f9ecc.d.ts → slide-839b2f2f.d.ts} +0 -0
  302. /package/gallery/modern/{slide-e03f9ecc.js → slide-839b2f2f.js} +0 -0
  303. /package/gallery/{slide-5d365a05.d.ts → slide-1da80864.d.ts} +0 -0
  304. /package/gallery/{slide-5d365a05.js → slide-1da80864.js} +0 -0
  305. /package/modal/esm/{layout.module-192d1054.js → layout.module-e179da6d.js} +0 -0
  306. /package/modal/{layout.module-5be65dcb.js → layout.module-8e3c423b.js} +0 -0
  307. /package/modal/modern/{layout.module-67f6ca30.js → layout.module-6eb0c86d.js} +0 -0
  308. /package/pure-cell/{component-fe9c9132.d.ts → component-fe387774.d.ts} +0 -0
  309. /package/pure-cell/{component-fe9c9132.js → component-fe387774.js} +0 -0
  310. /package/pure-cell/esm/{component-1af08e68.d.ts → component-368e70e9.d.ts} +0 -0
  311. /package/pure-cell/esm/{component-1af08e68.js → component-368e70e9.js} +0 -0
  312. /package/pure-cell/modern/{component-e227fab0.d.ts → component-8689d2fc.d.ts} +0 -0
  313. /package/pure-cell/modern/{component-e227fab0.js → component-8689d2fc.js} +0 -0
  314. /package/select/esm/{hook-fc653034.d.ts → hook-b42228ca.d.ts} +0 -0
  315. /package/select/esm/{hook-fc653034.js → hook-b42228ca.js} +0 -0
  316. /package/select/{hook-e4546032.d.ts → hook-444814cb.d.ts} +0 -0
  317. /package/select/{hook-e4546032.js → hook-444814cb.js} +0 -0
  318. /package/select/modern/{hook-55cfd9ee.d.ts → hook-73b8c736.d.ts} +0 -0
  319. /package/select/modern/{hook-55cfd9ee.js → hook-73b8c736.js} +0 -0
  320. /package/side-panel/esm/{layout.module-93ea9d94.js → layout.module-9bfe989f.js} +0 -0
  321. /package/side-panel/{layout.module-fbf0c1e1.js → layout.module-37301f2d.js} +0 -0
  322. /package/side-panel/modern/{layout.module-f20b5b0a.js → layout.module-6621cdc5.js} +0 -0
  323. /package/tabs/esm/{index.module-80c11a90.js → index.module-5ad85550.js} +0 -0
  324. /package/tabs/esm/{index.module-ab446b57.js → index.module-81def04c.js} +0 -0
  325. /package/tabs/{index.module-f4b3f836.js → index.module-484b364a.js} +0 -0
  326. /package/tabs/{index.module-ba01cd33.js → index.module-d14bc798.js} +0 -0
  327. /package/tabs/modern/{index.module-744a8bb7.js → index.module-9ed82195.js} +0 -0
  328. /package/tabs/modern/{index.module-70f11387.js → index.module-d92accd8.js} +0 -0
  329. /package/textarea/{PseudoTextArea-cdb73d7a.d.ts → PseudoTextArea-10215f78.d.ts} +0 -0
  330. /package/textarea/{PseudoTextArea-cdb73d7a.js → PseudoTextArea-10215f78.js} +0 -0
  331. /package/textarea/esm/{PseudoTextArea-46cd1262.d.ts → PseudoTextArea-96a913a3.d.ts} +0 -0
  332. /package/textarea/esm/{PseudoTextArea-46cd1262.js → PseudoTextArea-96a913a3.js} +0 -0
  333. /package/textarea/modern/{PseudoTextArea-e67d55d1.d.ts → PseudoTextArea-a16643a0.d.ts} +0 -0
  334. /package/textarea/modern/{PseudoTextArea-e67d55d1.js → PseudoTextArea-a16643a0.js} +0 -0
  335. /package/toast-plate/{PortalContext-9d54840b.d.ts → PortalContext-a3a6fb95.d.ts} +0 -0
  336. /package/toast-plate/{PortalContext-9d54840b.js → PortalContext-a3a6fb95.js} +0 -0
  337. /package/toast-plate/esm/{PortalContext-6f548023.d.ts → PortalContext-f937c2e8.d.ts} +0 -0
  338. /package/toast-plate/esm/{PortalContext-6f548023.js → PortalContext-f937c2e8.js} +0 -0
  339. /package/toast-plate/esm/{getDataTestId-3bc09f45.d.ts → getDataTestId-349adf66.d.ts} +0 -0
  340. /package/toast-plate/esm/{getDataTestId-3bc09f45.js → getDataTestId-349adf66.js} +0 -0
  341. /package/toast-plate/{getDataTestId-9018eea0.d.ts → getDataTestId-ffaf7821.d.ts} +0 -0
  342. /package/toast-plate/{getDataTestId-9018eea0.js → getDataTestId-ffaf7821.js} +0 -0
  343. /package/toast-plate/modern/{PortalContext-0e963fc0.d.ts → PortalContext-93b6e72e.d.ts} +0 -0
  344. /package/toast-plate/modern/{PortalContext-0e963fc0.js → PortalContext-93b6e72e.js} +0 -0
  345. /package/toast-plate/modern/{getDataTestId-9cda18c2.d.ts → getDataTestId-fe368130.d.ts} +0 -0
  346. /package/toast-plate/modern/{getDataTestId-9cda18c2.js → getDataTestId-fe368130.js} +0 -0
package/themes/site.css CHANGED
@@ -1,3 +1,1519 @@
1
+ :root {
2
+ --border-radius-xs: 2px;
3
+ --border-radius-s: 4px;
4
+ --border-radius-m: 8px;
5
+ --border-radius-l: 12px;
6
+ --border-radius-xl: 16px;
7
+ --border-radius-xxl: 20px;
8
+ --border-radius-3xl: 24px;
9
+ --border-radius-circle: 50%;
10
+ --border-radius-pill: 99px;
11
+ }
12
+ :root {
13
+ --color-static-corpbg-neutral: #bdc0c2; /* deprecated */
14
+ --color-static-corpbg-primary: #212a33; /* deprecated */
15
+ --color-static-corpbg-secondary: #384048; /* deprecated */
16
+ --color-static-corpbg-tertiary: #7a7f85; /* deprecated */
17
+ --color-static-graphic-amethyst: #a489aa; /* deprecated */
18
+ --color-static-graphic-blackberry: #bfafc6; /* deprecated */
19
+ --color-static-graphic-blue-chill: #0f9c8c; /* deprecated */
20
+ --color-static-graphic-blue-maya: #7eb3ff; /* deprecated */
21
+ --color-static-graphic-blue-moody: #7879cf; /* deprecated */
22
+ --color-static-graphic-blue-steel: #4f84ba; /* deprecated */
23
+ --color-static-graphic-botticelli: #cee5e5; /* deprecated */
24
+ --color-static-graphic-boulder: #7a7a7a; /* deprecated */
25
+ --color-static-graphic-brink-pink: #fc617c; /* deprecated */
26
+ --color-static-graphic-burnt-sienna: #eb7a58; /* deprecated */
27
+ --color-static-graphic-carrot: #e8bba3; /* deprecated */
28
+ --color-static-graphic-chatelle: #bfafc6; /* deprecated */
29
+ --color-static-graphic-chathams-blue: #155966; /* deprecated */
30
+ --color-static-graphic-chick: #f2db9e; /* deprecated */
31
+ --color-static-graphic-crete: #847128; /* deprecated */
32
+ --color-static-graphic-curious-blue: #2381db; /* deprecated */
33
+ --color-static-graphic-curious-blue-light: #3b99d9; /* deprecated */
34
+ --color-static-graphic-eastern-blue: #269cb3; /* deprecated */
35
+ --color-static-graphic-french-lilac: #d3baed; /* deprecated */
36
+ --color-static-graphic-fuel-yellow: #f29d32; /* deprecated */
37
+ --color-static-graphic-fun-blue: #1d6ab5; /* deprecated */
38
+ --color-static-graphic-gallery: #eee; /* deprecated */
39
+ --color-static-graphic-green-jungle: #2fc26e; /* deprecated */
40
+ --color-static-graphic-hippie-blue: #5aa4b0; /* deprecated */
41
+ --color-static-graphic-jaffa: #f07134; /* deprecated */
42
+ --color-static-graphic-jaffa-light: #f18836; /* deprecated */
43
+ --color-static-graphic-java: #15c0e0; /* deprecated */
44
+ --color-static-graphic-jungle-green: #2ab79a; /* deprecated */
45
+ --color-static-graphic-lavender: #8888ad; /* deprecated */
46
+ --color-static-graphic-mantis: #63cd4f; /* deprecated */
47
+ --color-static-graphic-matisse: #16548f; /* deprecated */
48
+ --color-static-graphic-milano-red: #cd1501; /* deprecated */
49
+ --color-static-graphic-mirage: #1d2434; /* deprecated */
50
+ --color-static-graphic-moon-raker: #e9dbf7; /* deprecated */
51
+ --color-static-graphic-moss-green: #a6d29c; /* deprecated */
52
+ --color-static-graphic-nevada: #626b75; /* deprecated */
53
+ --color-static-graphic-olive: #bfd3c9; /* deprecated */
54
+ --color-static-graphic-olivine: #87b965; /* deprecated */
55
+ --color-static-graphic-peach: #fcc99b; /* deprecated */
56
+ --color-static-graphic-persimmon: #ff5c5c; /* deprecated */
57
+ --color-static-graphic-pewter: #96a5a5; /* deprecated */
58
+ --color-static-graphic-pickled-bluewood: #2d3f50; /* deprecated */
59
+ --color-static-graphic-porsche: #e7b965; /* deprecated */
60
+ --color-static-graphic-raspberry: #dfb2bb; /* deprecated */
61
+ --color-static-graphic-red-damask: #da713c; /* deprecated */
62
+ --color-static-graphic-saffron: #f0c330; /* deprecated */
63
+ --color-static-graphic-salomie: #fee984; /* deprecated */
64
+ --color-static-graphic-sand: #f6bf65; /* deprecated */
65
+ --color-static-graphic-sandy-brown: #f38f6f; /* deprecated */
66
+ --color-static-graphic-seawater: #aecfd9; /* deprecated */
67
+ --color-static-graphic-serenade: #fff0e3; /* deprecated */
68
+ --color-static-graphic-sky: #a6c0db; /* deprecated */
69
+ --color-static-graphic-soft-peach: #f3eaeb; /* deprecated */
70
+ --color-static-graphic-solitude: #e8f2fe; /* deprecated */
71
+ --color-static-graphic-strawberry: #f8b6a9; /* deprecated */
72
+ --color-static-graphic-sundust: #d9d6ce; /* deprecated */
73
+ --color-static-graphic-turkish-rose: #b56a6b; /* deprecated */
74
+ --color-static-graphic-turquoise-blue: #6bd3e6; /* deprecated */
75
+ --color-static-graphic-valencia: #d8463b; /* deprecated */
76
+ --color-static-graphic-waikawa-gray: #5b6d9c; /* deprecated */
77
+ --color-static-graphic-whisper: #f2eff6; /* deprecated */
78
+ --color-static-graphic-zanah: #e1f0de; /* deprecated */
79
+ --color-static-local-light-blue: #f5f7f9; /* deprecated */
80
+ --color-static-overlay-black-high: rgba(0, 0, 0, 0.32); /* deprecated */
81
+ --color-static-overlay-black-low: rgba(0, 0, 0, 0.16); /* deprecated */
82
+ --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24); /* deprecated */
83
+ --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4); /* deprecated */
84
+ --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08); /* deprecated */
85
+ --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32); /* deprecated */
86
+ --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16); /* deprecated */
87
+ --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24); /* deprecated */
88
+ --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4); /* deprecated */
89
+ --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08); /* deprecated */
90
+ --color-static-overlay-white-high: rgba(255, 255, 255, 0.32); /* deprecated */
91
+ --color-static-overlay-white-low: rgba(255, 255, 255, 0.16); /* deprecated */
92
+ --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24); /* deprecated */
93
+ --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4); /* deprecated */
94
+ --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08); /* deprecated */
95
+ --color-static-status-blue: #007aff; /* deprecated */
96
+ --color-static-status-green: #13a463; /* deprecated */
97
+ --color-static-status-grey: #6d7986; /* deprecated */
98
+ --color-static-status-orange: #de6a00; /* deprecated */
99
+ --color-static-status-purple: #673ab7; /* deprecated */
100
+ --color-static-status-red: #d91d0b; /* deprecated */
101
+ --color-static-status-teal: #219187; /* deprecated */
102
+ --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
103
+ --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
104
+ --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
105
+ --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
106
+ --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
107
+ --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
108
+ --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
109
+ --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
110
+ --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
111
+ --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
112
+ --color-static-graphic-java-old: #15c0e0; /* deprecated */
113
+ --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
114
+ --color-static-graphic-matisse-old: #16548f; /* deprecated */
115
+ --color-static-graphic-maya: #7eb3ff; /* deprecated */
116
+ --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
117
+ --color-static-graphic-mirage-old: #1d2434; /* deprecated */
118
+ --color-static-graphic-nevada-old: #626b75; /* deprecated */
119
+ --color-static-graphic-olivine-old: #87b965; /* deprecated */
120
+ --color-static-graphic-permission: #ff5c5c; /* deprecated */
121
+ --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
122
+ --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
123
+ --color-static-graphic-porsche-old: #e7b965; /* deprecated */
124
+ --color-static-graphic-red-damask-old: #da713c; /* deprecated */
125
+ --color-static-graphic-saffron-old: #f0c330; /* deprecated */
126
+ --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
127
+ --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
128
+ --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
129
+ --color-static-graphic-valencia-old: #d8463b; /* deprecated */
130
+ --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
131
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1); /* deprecated */
132
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1); /* deprecated */
133
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1); /* deprecated */
134
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1); /* deprecated */
135
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1); /* deprecated */
136
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1); /* deprecated */
137
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1); /* deprecated */
138
+ }
139
+ :root {
140
+ --color-dark-accent-primary: #f83a2a;
141
+ --color-dark-accent-primary-hover: #ff503e;
142
+ --color-dark-accent-primary-inverted: #ef3124;
143
+ --color-dark-accent-primary-inverted-hover: #e32a17;
144
+ --color-dark-accent-primary-inverted-press: #d72505;
145
+ --color-dark-accent-primary-press: #fd624e;
146
+ --color-dark-accent-secondary: #f2f3f5;
147
+ --color-dark-accent-secondary-hover: #dcdde1;
148
+ --color-dark-accent-secondary-inverted: #212124;
149
+ --color-dark-accent-secondary-inverted-hover: #2f2f32;
150
+ --color-dark-accent-secondary-inverted-press: #353539;
151
+ --color-dark-accent-secondary-press: #d2d3d9;
152
+ --color-dark-base-bg-alt-primary: #121213;
153
+ --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
154
+ --color-dark-base-bg-alt-secondary: #1c1c1e;
155
+ --color-dark-base-bg-alt-secondary-inverted: #fff;
156
+ --color-dark-base-bg-alt-tertiary: #29292c;
157
+ --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
158
+ --color-dark-base-bg-primary: #121213;
159
+ --color-dark-base-bg-primary-inverted: #fff;
160
+ --color-dark-base-bg-secondary: #1c1c1e;
161
+ --color-dark-base-bg-secondary-inverted: #f2f3f5;
162
+ --color-dark-base-bg-tertiary: #29292c;
163
+ --color-dark-base-bg-tertiary-inverted: #fff;
164
+ --color-dark-modal-bg-alt-primary: #1c1c1e;
165
+ --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;
166
+ --color-dark-modal-bg-alt-secondary: #29292c;
167
+ --color-dark-modal-bg-alt-secondary-inverted: #fff;
168
+ --color-dark-modal-bg-alt-tertiary: #353539;
169
+ --color-dark-modal-bg-alt-tertiary-inverted: #f2f3f5;
170
+ --color-dark-modal-bg-primary: #1c1c1e;
171
+ --color-dark-modal-bg-primary-inverted: #fff;
172
+ --color-dark-modal-bg-secondary: #29292c;
173
+ --color-dark-modal-bg-secondary-inverted: #f2f3f5;
174
+ --color-dark-modal-bg-tertiary: #353539;
175
+ --color-dark-modal-bg-tertiary-inverted: #fff;
176
+ --color-dark-neutral-0: #262629;
177
+ --color-dark-neutral-0-hover: #2f2f32;
178
+ --color-dark-neutral-0-inverted: #fff;
179
+ --color-dark-neutral-0-inverted-hover: #e7e8eb;
180
+ --color-dark-neutral-0-inverted-press: #dcdde1;
181
+ --color-dark-neutral-0-press: #353539;
182
+ --color-dark-neutral-100: #1c1c1e;
183
+ --color-dark-neutral-100-hover: #212124;
184
+ --color-dark-neutral-100-inverted: #f2f3f5;
185
+ --color-dark-neutral-100-inverted-hover: #e7e8eb;
186
+ --color-dark-neutral-100-inverted-press: #dcdde1;
187
+ --color-dark-neutral-100-press: #29292c;
188
+ --color-dark-neutral-1500: #fff;
189
+ --color-dark-neutral-1500-hover: #babbc2;
190
+ --color-dark-neutral-1500-inverted: #121213;
191
+ --color-dark-neutral-1500-inverted-hover: #3f3f45;
192
+ --color-dark-neutral-1500-inverted-press: #5f5f66;
193
+ --color-dark-neutral-1500-press: #a0a1a9;
194
+ --color-dark-neutral-200: #212124;
195
+ --color-dark-neutral-200-hover: #29292c;
196
+ --color-dark-neutral-200-inverted: #edeef0;
197
+ --color-dark-neutral-200-inverted-hover: #e7e8eb;
198
+ --color-dark-neutral-200-inverted-press: #dcdde1;
199
+ --color-dark-neutral-200-press: #2f2f32;
200
+ --color-dark-neutral-300: #29292c;
201
+ --color-dark-neutral-300-hover: #2f2f32;
202
+ --color-dark-neutral-300-inverted: #e7e8eb;
203
+ --color-dark-neutral-300-inverted-hover: #dcdde1;
204
+ --color-dark-neutral-300-inverted-press: #d2d3d9;
205
+ --color-dark-neutral-300-press: #353539;
206
+ --color-dark-neutral-400: #353539;
207
+ --color-dark-neutral-400-hover: #3f3f45;
208
+ --color-dark-neutral-400-inverted: #d2d3d9;
209
+ --color-dark-neutral-400-inverted-hover: #babbc2;
210
+ --color-dark-neutral-400-inverted-press: #a0a1a9;
211
+ --color-dark-neutral-400-press: #4a4a51;
212
+ --color-dark-neutral-500: #4a4a51;
213
+ --color-dark-neutral-500-hover: #5f5f66;
214
+ --color-dark-neutral-500-inverted: #babbc2;
215
+ --color-dark-neutral-500-inverted-hover: #a0a1a9;
216
+ --color-dark-neutral-500-inverted-press: #898991;
217
+ --color-dark-neutral-500-press: #75757d;
218
+ --color-dark-neutral-700: #898991;
219
+ --color-dark-neutral-700-hover: #a0a1a9;
220
+ --color-dark-neutral-700-inverted: #898991;
221
+ --color-dark-neutral-700-inverted-hover: #75757d;
222
+ --color-dark-neutral-700-inverted-press: #5f5f66;
223
+ --color-dark-neutral-700-press: #babbc2;
224
+ --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07);
225
+ --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09);
226
+ --color-dark-neutral-translucent-0-inverted: #fff;
227
+ --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06);
228
+ --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08);
229
+ --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13);
230
+ --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07);
231
+ --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09);
232
+ --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06);
233
+ --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
234
+ --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
235
+ --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
236
+ --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
237
+ --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
238
+ --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
239
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
240
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
241
+ --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
242
+ --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
243
+ --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
244
+ --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
245
+ --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65);
246
+ --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09);
247
+ --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13);
248
+ --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08);
249
+ --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1);
250
+ --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14);
251
+ --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15);
252
+ --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13);
253
+ --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15);
254
+ --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1);
255
+ --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14);
256
+ --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18);
257
+ --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18);
258
+ --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18);
259
+ --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23);
260
+ --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18);
261
+ --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28);
262
+ --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38);
263
+ --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28);
264
+ --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28);
265
+ --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37);
266
+ --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28);
267
+ --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38);
268
+ --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47);
269
+ --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46);
270
+ --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55);
271
+ --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65);
272
+ --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47);
273
+ --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55);
274
+ --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
275
+ --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
276
+ --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
277
+ --color-dark-status-attention: #fda136;
278
+ --color-dark-status-attention-hover: #fdb24d;
279
+ --color-dark-status-attention-inverted: #fa9313;
280
+ --color-dark-status-attention-inverted-hover: #f18d0b;
281
+ --color-dark-status-attention-inverted-press: #ea8313;
282
+ --color-dark-status-attention-press: #ffbf70;
283
+ --color-dark-status-info: #3193fc;
284
+ --color-dark-status-info-hover: #4a9dfc;
285
+ --color-dark-status-info-inverted: #2288fa;
286
+ --color-dark-status-info-inverted-hover: #2a77ef;
287
+ --color-dark-status-info-inverted-press: #2c64d4;
288
+ --color-dark-status-info-press: #63aafd;
289
+ --color-dark-status-muted-alt-attention: #412f22;
290
+ --color-dark-status-muted-alt-attention-hover: #543a27;
291
+ --color-dark-status-muted-alt-attention-inverted: #fde6c8;
292
+ --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
293
+ --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
294
+ --color-dark-status-muted-alt-attention-press: #6a462c;
295
+ --color-dark-status-muted-alt-info: #293044;
296
+ --color-dark-status-muted-alt-info-hover: #2f3a55;
297
+ --color-dark-status-muted-alt-info-inverted: #e4f0ff;
298
+ --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
299
+ --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
300
+ --color-dark-status-muted-alt-info-press: #38476c;
301
+ --color-dark-status-muted-alt-negative: #442926;
302
+ --color-dark-status-muted-alt-negative-hover: #55312e;
303
+ --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
304
+ --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
305
+ --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
306
+ --color-dark-status-muted-alt-negative-press: #6b3b34;
307
+ --color-dark-status-muted-alt-positive: #253528;
308
+ --color-dark-status-muted-alt-positive-hover: #273f2d;
309
+ --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
310
+ --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
311
+ --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
312
+ --color-dark-status-muted-alt-positive-press: #2d4e33;
313
+ --color-dark-status-muted-attention: #36291f;
314
+ --color-dark-status-muted-attention-hover: #412f22;
315
+ --color-dark-status-muted-attention-inverted: #ffefd9;
316
+ --color-dark-status-muted-attention-inverted-hover: #fde6c8;
317
+ --color-dark-status-muted-attention-inverted-press: #f6d7af;
318
+ --color-dark-status-muted-attention-press: #543a27;
319
+ --color-dark-status-muted-info: #222a3e;
320
+ --color-dark-status-muted-info-hover: #293044;
321
+ --color-dark-status-muted-info-inverted: #e4f0ff;
322
+ --color-dark-status-muted-info-inverted-hover: #d8eaff;
323
+ --color-dark-status-muted-info-inverted-press: #c1dbf7;
324
+ --color-dark-status-muted-info-press: #2f3a55;
325
+ --color-dark-status-muted-negative: #392523;
326
+ --color-dark-status-muted-negative-hover: #442926;
327
+ --color-dark-status-muted-negative-inverted: #ffebeb;
328
+ --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
329
+ --color-dark-status-muted-negative-inverted-press: #f9ccca;
330
+ --color-dark-status-muted-negative-press: #55312e;
331
+ --color-dark-status-muted-positive: #232d25;
332
+ --color-dark-status-muted-positive-hover: #253528;
333
+ --color-dark-status-muted-positive-inverted: #dff8e5;
334
+ --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
335
+ --color-dark-status-muted-positive-inverted-press: #bbe8c3;
336
+ --color-dark-status-muted-positive-press: #273f2d;
337
+ --color-dark-status-negative: #ff4837;
338
+ --color-dark-status-negative-hover: #ff755e;
339
+ --color-dark-status-negative-inverted: #ff4837;
340
+ --color-dark-status-negative-inverted-hover: #ec2d20;
341
+ --color-dark-status-negative-inverted-press: #c7241f;
342
+ --color-dark-status-negative-press: #ff8d79;
343
+ --color-dark-status-positive: #17d055;
344
+ --color-dark-status-positive-hover: #22e068;
345
+ --color-dark-status-positive-inverted: #0cc44d;
346
+ --color-dark-status-positive-inverted-hover: #04b545;
347
+ --color-dark-status-positive-inverted-press: #01a53d;
348
+ --color-dark-status-positive-press: #4ae777;
349
+ --color-dark-text-attention: #fa9313;
350
+ --color-dark-text-attention-hover: #fdb24d;
351
+ --color-dark-text-attention-inverted: #ea8313;
352
+ --color-dark-text-attention-inverted-hover: #d57111;
353
+ --color-dark-text-attention-inverted-press: #b45a06;
354
+ --color-dark-text-attention-press: #ffbf70;
355
+ --color-dark-text-info: #4a9dfc;
356
+ --color-dark-text-info-hover: #63aafd;
357
+ --color-dark-text-info-inverted: #2a77ef;
358
+ --color-dark-text-info-inverted-hover: #2c64d4;
359
+ --color-dark-text-info-inverted-press: #2453b4;
360
+ --color-dark-text-info-press: #7fb6ff;
361
+ --color-dark-text-negative: #ff4837;
362
+ --color-dark-text-negative-hover: #ff755e;
363
+ --color-dark-text-negative-inverted: #ec2d20;
364
+ --color-dark-text-negative-inverted-hover: #c7241f;
365
+ --color-dark-text-negative-inverted-press: #a6201e;
366
+ --color-dark-text-negative-press: #ff8d79;
367
+ --color-dark-text-positive: #0cc44d;
368
+ --color-dark-text-positive-hover: #22e068;
369
+ --color-dark-text-positive-inverted: #0d9336;
370
+ --color-dark-text-positive-inverted-hover: #0a7d2c;
371
+ --color-dark-text-positive-inverted-press: #036625;
372
+ --color-dark-text-positive-press: #4ae777;
373
+ --color-dark-text-primary: rgba(255, 255, 255, 0.94);
374
+ --color-dark-text-primary-hover: rgba(255, 255, 255, 0.7);
375
+ --color-dark-text-primary-inverted: rgba(3, 3, 6, 0.88);
376
+ --color-dark-text-primary-inverted-hover: rgba(1, 1, 12, 0.63);
377
+ --color-dark-text-primary-inverted-press: rgba(4, 4, 19, 0.55);
378
+ --color-dark-text-primary-press: rgba(255, 255, 255, 0.6);
379
+ --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);
380
+ --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);
381
+ --color-dark-text-secondary: rgba(238, 238, 251, 0.55);
382
+ --color-dark-text-secondary-hover: rgba(239, 240, 252, 0.65);
383
+ --color-dark-text-secondary-inverted: rgba(4, 4, 19, 0.55);
384
+ --color-dark-text-secondary-inverted-hover: rgba(1, 1, 12, 0.63);
385
+ --color-dark-text-secondary-inverted-press: rgba(0, 0, 10, 0.71);
386
+ --color-dark-text-secondary-press: rgba(243, 245, 254, 0.75);
387
+ --color-dark-text-tertiary: rgba(233, 233, 250, 0.37);
388
+ --color-dark-text-tertiary-hover: rgba(238, 238, 254, 0.46);
389
+ --color-dark-text-tertiary-inverted: rgba(5, 8, 29, 0.38);
390
+ --color-dark-text-tertiary-inverted-hover: rgba(4, 4, 21, 0.47);
391
+ --color-dark-text-tertiary-inverted-press: rgba(4, 4, 19, 0.55);
392
+ --color-dark-text-tertiary-press: rgba(238, 238, 251, 0.55);
393
+ --color-dark-transparent-default: rgba(255, 255, 255, 0);
394
+ --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07);
395
+ --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06);
396
+ --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08);
397
+ --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09);
398
+ --color-light-accent-primary: #ef3124;
399
+ --color-light-accent-primary-hover: #e32a17;
400
+ --color-light-accent-primary-inverted: #f83a2a;
401
+ --color-light-accent-primary-inverted-hover: #ff503e;
402
+ --color-light-accent-primary-inverted-press: #fd624e;
403
+ --color-light-accent-primary-press: #d72505;
404
+ --color-light-accent-secondary: #212124;
405
+ --color-light-accent-secondary-hover: #2f2f32;
406
+ --color-light-accent-secondary-inverted: #f2f3f5;
407
+ --color-light-accent-secondary-inverted-hover: #dcdde1;
408
+ --color-light-accent-secondary-inverted-press: #d2d3d9;
409
+ --color-light-accent-secondary-press: #353539;
410
+ --color-light-base-bg-alt-primary: #f2f3f5;
411
+ --color-light-base-bg-alt-primary-inverted: #121213;
412
+ --color-light-base-bg-alt-secondary: #fff;
413
+ --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
414
+ --color-light-base-bg-alt-tertiary: #f2f3f5;
415
+ --color-light-base-bg-alt-tertiary-inverted: #29292c;
416
+ --color-light-base-bg-primary: #fff;
417
+ --color-light-base-bg-primary-inverted: #121213;
418
+ --color-light-base-bg-secondary: #f2f3f5;
419
+ --color-light-base-bg-secondary-inverted: #1c1c1e;
420
+ --color-light-base-bg-tertiary: #fff;
421
+ --color-light-base-bg-tertiary-inverted: #29292c;
422
+ --color-light-modal-bg-alt-primary: #f2f3f5;
423
+ --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
424
+ --color-light-modal-bg-alt-secondary: #fff;
425
+ --color-light-modal-bg-alt-secondary-inverted: #29292c;
426
+ --color-light-modal-bg-alt-tertiary: #f2f3f5;
427
+ --color-light-modal-bg-alt-tertiary-inverted: #353539;
428
+ --color-light-modal-bg-primary: #fff;
429
+ --color-light-modal-bg-primary-inverted: #1c1c1e;
430
+ --color-light-modal-bg-secondary: #f2f3f5;
431
+ --color-light-modal-bg-secondary-inverted: #29292c;
432
+ --color-light-modal-bg-tertiary: #fff;
433
+ --color-light-modal-bg-tertiary-inverted: #353539;
434
+ --color-light-neutral-0: #fff;
435
+ --color-light-neutral-0-hover: #e7e8eb;
436
+ --color-light-neutral-0-inverted: #262629;
437
+ --color-light-neutral-0-inverted-hover: #2f2f32;
438
+ --color-light-neutral-0-inverted-press: #353539;
439
+ --color-light-neutral-0-press: #dcdde1;
440
+ --color-light-neutral-100: #f2f3f5;
441
+ --color-light-neutral-100-hover: #e7e8eb;
442
+ --color-light-neutral-100-inverted: #1c1c1e;
443
+ --color-light-neutral-100-inverted-hover: #212124;
444
+ --color-light-neutral-100-inverted-press: #29292c;
445
+ --color-light-neutral-100-press: #dcdde1;
446
+ --color-light-neutral-1500: #121213;
447
+ --color-light-neutral-1500-hover: #3f3f45;
448
+ --color-light-neutral-1500-inverted: #fff;
449
+ --color-light-neutral-1500-inverted-hover: #babbc2;
450
+ --color-light-neutral-1500-inverted-press: #a0a1a9;
451
+ --color-light-neutral-1500-press: #5f5f66;
452
+ --color-light-neutral-200: #edeef0;
453
+ --color-light-neutral-200-hover: #e7e8eb;
454
+ --color-light-neutral-200-inverted: #212124;
455
+ --color-light-neutral-200-inverted-hover: #29292c;
456
+ --color-light-neutral-200-inverted-press: #2f2f32;
457
+ --color-light-neutral-200-press: #dcdde1;
458
+ --color-light-neutral-300: #e7e8eb;
459
+ --color-light-neutral-300-hover: #dcdde1;
460
+ --color-light-neutral-300-inverted: #29292c;
461
+ --color-light-neutral-300-inverted-hover: #2f2f32;
462
+ --color-light-neutral-300-inverted-press: #353539;
463
+ --color-light-neutral-300-press: #d2d3d9;
464
+ --color-light-neutral-400: #d2d3d9;
465
+ --color-light-neutral-400-hover: #babbc2;
466
+ --color-light-neutral-400-inverted: #353539;
467
+ --color-light-neutral-400-inverted-hover: #3f3f45;
468
+ --color-light-neutral-400-inverted-press: #4a4a51;
469
+ --color-light-neutral-400-press: #a0a1a9;
470
+ --color-light-neutral-500: #babbc2;
471
+ --color-light-neutral-500-hover: #a0a1a9;
472
+ --color-light-neutral-500-inverted: #4a4a51;
473
+ --color-light-neutral-500-inverted-hover: #5f5f66;
474
+ --color-light-neutral-500-inverted-press: #75757d;
475
+ --color-light-neutral-500-press: #898991;
476
+ --color-light-neutral-700: #898991;
477
+ --color-light-neutral-700-hover: #75757d;
478
+ --color-light-neutral-700-inverted: #898991;
479
+ --color-light-neutral-700-inverted-hover: #a0a1a9;
480
+ --color-light-neutral-700-inverted-press: #babbc2;
481
+ --color-light-neutral-700-press: #5f5f66;
482
+ --color-light-neutral-translucent-0: #fff;
483
+ --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
484
+ --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
485
+ --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
486
+ --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
487
+ --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
488
+ --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
489
+ --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
490
+ --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
491
+ --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
492
+ --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
493
+ --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
494
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
495
+ --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
496
+ --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
497
+ --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
498
+ --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
499
+ --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
500
+ --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
501
+ --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
502
+ --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
503
+ --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
504
+ --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
505
+ --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
506
+ --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
507
+ --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
508
+ --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
509
+ --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
510
+ --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
511
+ --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
512
+ --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
513
+ --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
514
+ --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
515
+ --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
516
+ --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18);
517
+ --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
518
+ --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
519
+ --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
520
+ --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
521
+ --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
522
+ --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
523
+ --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
524
+ --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
525
+ --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
526
+ --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
527
+ --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
528
+ --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
529
+ --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
530
+ --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
531
+ --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
532
+ --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
533
+ --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
534
+ --color-light-overlay-default: rgba(0, 0, 0, 0.6);
535
+ --color-light-status-attention: #fa9313;
536
+ --color-light-status-attention-hover: #f18d0b;
537
+ --color-light-status-attention-inverted: #fda136;
538
+ --color-light-status-attention-inverted-hover: #fdb24d;
539
+ --color-light-status-attention-inverted-press: #ffbf70;
540
+ --color-light-status-attention-press: #ea8313;
541
+ --color-light-status-info: #2288fa;
542
+ --color-light-status-info-hover: #2a77ef;
543
+ --color-light-status-info-inverted: #3193fc;
544
+ --color-light-status-info-inverted-hover: #4a9dfc;
545
+ --color-light-status-info-inverted-press: #63aafd;
546
+ --color-light-status-info-press: #2c64d4;
547
+ --color-light-status-muted-alt-attention: #fde6c8;
548
+ --color-light-status-muted-alt-attention-hover: #f6d7af;
549
+ --color-light-status-muted-alt-attention-inverted: #412f22;
550
+ --color-light-status-muted-alt-attention-inverted-hover: #543a27;
551
+ --color-light-status-muted-alt-attention-inverted-press: #6a462c;
552
+ --color-light-status-muted-alt-attention-press: #f0c492;
553
+ --color-light-status-muted-alt-info: #d8eaff;
554
+ --color-light-status-muted-alt-info-hover: #c1dbf7;
555
+ --color-light-status-muted-alt-info-inverted: #293044;
556
+ --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
557
+ --color-light-status-muted-alt-info-inverted-press: #38476c;
558
+ --color-light-status-muted-alt-info-press: #a7cbf2;
559
+ --color-light-status-muted-alt-negative: #ffdfdf;
560
+ --color-light-status-muted-alt-negative-hover: #f9ccca;
561
+ --color-light-status-muted-alt-negative-inverted: #442926;
562
+ --color-light-status-muted-alt-negative-inverted-hover: #55312e;
563
+ --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
564
+ --color-light-status-muted-alt-negative-press: #f3b6af;
565
+ --color-light-status-muted-alt-positive: #d1f1d7;
566
+ --color-light-status-muted-alt-positive-hover: #bbe8c3;
567
+ --color-light-status-muted-alt-positive-inverted: #253528;
568
+ --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
569
+ --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
570
+ --color-light-status-muted-alt-positive-press: #a1dba8;
571
+ --color-light-status-muted-attention: #ffefd9;
572
+ --color-light-status-muted-attention-hover: #fde6c8;
573
+ --color-light-status-muted-attention-inverted: #36291f;
574
+ --color-light-status-muted-attention-inverted-hover: #412f22;
575
+ --color-light-status-muted-attention-inverted-press: #543a27;
576
+ --color-light-status-muted-attention-press: #f6d7af;
577
+ --color-light-status-muted-info: #e4f0ff;
578
+ --color-light-status-muted-info-hover: #d8eaff;
579
+ --color-light-status-muted-info-inverted: #222a3e;
580
+ --color-light-status-muted-info-inverted-hover: #293044;
581
+ --color-light-status-muted-info-inverted-press: #2f3a55;
582
+ --color-light-status-muted-info-press: #c1dbf7;
583
+ --color-light-status-muted-negative: #ffebeb;
584
+ --color-light-status-muted-negative-hover: #ffdfdf;
585
+ --color-light-status-muted-negative-inverted: #392523;
586
+ --color-light-status-muted-negative-inverted-hover: #442926;
587
+ --color-light-status-muted-negative-inverted-press: #55312e;
588
+ --color-light-status-muted-negative-press: #f9ccca;
589
+ --color-light-status-muted-positive: #dff8e5;
590
+ --color-light-status-muted-positive-hover: #d1f1d7;
591
+ --color-light-status-muted-positive-inverted: #232d25;
592
+ --color-light-status-muted-positive-inverted-hover: #253528;
593
+ --color-light-status-muted-positive-inverted-press: #273f2d;
594
+ --color-light-status-muted-positive-press: #bbe8c3;
595
+ --color-light-status-negative: #ff4837;
596
+ --color-light-status-negative-hover: #ec2d20;
597
+ --color-light-status-negative-inverted: #ff4837;
598
+ --color-light-status-negative-inverted-hover: #ff755e;
599
+ --color-light-status-negative-inverted-press: #ff8d79;
600
+ --color-light-status-negative-press: #c7241f;
601
+ --color-light-status-positive: #0cc44d;
602
+ --color-light-status-positive-hover: #04b545;
603
+ --color-light-status-positive-inverted: #17d055;
604
+ --color-light-status-positive-inverted-hover: #22e068;
605
+ --color-light-status-positive-inverted-press: #4ae777;
606
+ --color-light-status-positive-press: #01a53d;
607
+ --color-light-text-attention: #ea8313;
608
+ --color-light-text-attention-hover: #d57111;
609
+ --color-light-text-attention-inverted: #fa9313;
610
+ --color-light-text-attention-inverted-hover: #fdb24d;
611
+ --color-light-text-attention-inverted-press: #ffbf70;
612
+ --color-light-text-attention-press: #b45a06;
613
+ --color-light-text-info: #2a77ef;
614
+ --color-light-text-info-hover: #2c64d4;
615
+ --color-light-text-info-inverted: #4a9dfc;
616
+ --color-light-text-info-inverted-hover: #63aafd;
617
+ --color-light-text-info-inverted-press: #7fb6ff;
618
+ --color-light-text-info-press: #2453b4;
619
+ --color-light-text-negative: #ec2d20;
620
+ --color-light-text-negative-hover: #c7241f;
621
+ --color-light-text-negative-inverted: #ff4837;
622
+ --color-light-text-negative-inverted-hover: #ff755e;
623
+ --color-light-text-negative-inverted-press: #ff8d79;
624
+ --color-light-text-negative-press: #a6201e;
625
+ --color-light-text-positive: #0d9336;
626
+ --color-light-text-positive-hover: #0a7d2c;
627
+ --color-light-text-positive-inverted: #0cc44d;
628
+ --color-light-text-positive-inverted-hover: #22e068;
629
+ --color-light-text-positive-inverted-press: #4ae777;
630
+ --color-light-text-positive-press: #036625;
631
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
632
+ --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);
633
+ --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
634
+ --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
635
+ --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
636
+ --color-light-text-primary-press: rgba(4, 4, 19, 0.55);
637
+ --color-light-text-quaternary: rgba(5, 11, 44, 0.18);
638
+ --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
639
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55);
640
+ --color-light-text-secondary-hover: rgba(1, 1, 12, 0.63);
641
+ --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
642
+ --color-light-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);
643
+ --color-light-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);
644
+ --color-light-text-secondary-press: rgba(0, 0, 10, 0.71);
645
+ --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
646
+ --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
647
+ --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
648
+ --color-light-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);
649
+ --color-light-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
650
+ --color-light-text-tertiary-press: rgba(4, 4, 19, 0.55);
651
+ --color-light-transparent-default: rgba(255, 255, 255, 0);
652
+ --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
653
+ --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
654
+ --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);
655
+ --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
656
+ --color-static-accent-primary: #ef3124;
657
+ --color-static-accent-primary-hover: #e32a17;
658
+ --color-static-accent-primary-inverted: #f83a2a;
659
+ --color-static-accent-primary-inverted-hover: #ff503e;
660
+ --color-static-accent-primary-inverted-press: #fd624e;
661
+ --color-static-accent-primary-press: #d72505;
662
+ --color-static-accent-secondary: #212124;
663
+ --color-static-accent-secondary-hover: #2f2f32;
664
+ --color-static-accent-secondary-inverted: #f2f3f5;
665
+ --color-static-accent-secondary-inverted-hover: #dcdde1;
666
+ --color-static-accent-secondary-inverted-press: #d2d3d9;
667
+ --color-static-accent-secondary-press: #353539;
668
+ --color-static-bg-primary-dark: #0e0e0e;
669
+ --color-static-neutral-0: #fff;
670
+ --color-static-neutral-0-hover: #e7e8eb;
671
+ --color-static-neutral-0-inverted: #262629;
672
+ --color-static-neutral-0-inverted-hover: #2f2f32;
673
+ --color-static-neutral-0-inverted-press: #353539;
674
+ --color-static-neutral-0-press: #dcdde1;
675
+ --color-static-neutral-100: #f2f3f5;
676
+ --color-static-neutral-100-hover: #e7e8eb;
677
+ --color-static-neutral-100-inverted: #1c1c1e;
678
+ --color-static-neutral-100-inverted-hover: #212124;
679
+ --color-static-neutral-100-inverted-press: #29292c;
680
+ --color-static-neutral-100-press: #dcdde1;
681
+ --color-static-neutral-1500: #121213;
682
+ --color-static-neutral-1500-hover: #3f3f45;
683
+ --color-static-neutral-1500-inverted: #fff;
684
+ --color-static-neutral-1500-inverted-hover: #babbc2;
685
+ --color-static-neutral-1500-inverted-press: #a0a1a9;
686
+ --color-static-neutral-1500-press: #5f5f66;
687
+ --color-static-neutral-200: #edeef0;
688
+ --color-static-neutral-200-hover: #e7e8eb;
689
+ --color-static-neutral-200-inverted: #212124;
690
+ --color-static-neutral-200-inverted-hover: #29292c;
691
+ --color-static-neutral-200-inverted-press: #2f2f32;
692
+ --color-static-neutral-200-press: #dcdde1;
693
+ --color-static-neutral-300: #e7e8eb;
694
+ --color-static-neutral-300-hover: #dcdde1;
695
+ --color-static-neutral-300-inverted: #29292c;
696
+ --color-static-neutral-300-inverted-hover: #2f2f32;
697
+ --color-static-neutral-300-inverted-press: #353539;
698
+ --color-static-neutral-300-press: #d2d3d9;
699
+ --color-static-neutral-400: #d2d3d9;
700
+ --color-static-neutral-400-hover: #babbc2;
701
+ --color-static-neutral-400-inverted: #353539;
702
+ --color-static-neutral-400-inverted-hover: #3f3f45;
703
+ --color-static-neutral-400-inverted-press: #4a4a51;
704
+ --color-static-neutral-400-press: #a0a1a9;
705
+ --color-static-neutral-500: #babbc2;
706
+ --color-static-neutral-500-hover: #a0a1a9;
707
+ --color-static-neutral-500-inverted: #4a4a51;
708
+ --color-static-neutral-500-inverted-hover: #5f5f66;
709
+ --color-static-neutral-500-inverted-press: #75757d;
710
+ --color-static-neutral-500-press: #898991;
711
+ --color-static-neutral-700: #898991;
712
+ --color-static-neutral-700-hover: #75757d;
713
+ --color-static-neutral-700-inverted: #898991;
714
+ --color-static-neutral-700-inverted-hover: #a0a1a9;
715
+ --color-static-neutral-700-inverted-press: #babbc2;
716
+ --color-static-neutral-700-press: #5f5f66;
717
+ --color-static-neutral-translucent-0: #fff;
718
+ --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
719
+ --color-static-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
720
+ --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
721
+ --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
722
+ --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
723
+ --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06);
724
+ --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
725
+ --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
726
+ --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
727
+ --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
728
+ --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
729
+ --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
730
+ --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
731
+ --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
732
+ --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
733
+ --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
734
+ --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
735
+ --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
736
+ --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
737
+ --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
738
+ --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
739
+ --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08);
740
+ --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
741
+ --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
742
+ --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
743
+ --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
744
+ --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
745
+ --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
746
+ --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
747
+ --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
748
+ --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
749
+ --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
750
+ --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
751
+ --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
752
+ --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
753
+ --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
754
+ --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
755
+ --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
756
+ --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
757
+ --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28);
758
+ --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
759
+ --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
760
+ --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
761
+ --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
762
+ --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
763
+ --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
764
+ --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
765
+ --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
766
+ --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
767
+ --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
768
+ --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
769
+ --color-static-status-attention: #fa9313;
770
+ --color-static-status-attention-inverted: #fda136;
771
+ --color-static-status-info: #2288fa;
772
+ --color-static-status-info-inverted: #3193fc;
773
+ --color-static-status-muted-alt-attention: #fde6c8;
774
+ --color-static-status-muted-alt-attention-inverted: #412f22;
775
+ --color-static-status-muted-alt-info: #d8eaff;
776
+ --color-static-status-muted-alt-info-inverted: #293044;
777
+ --color-static-status-muted-alt-negative: #ffdfdf;
778
+ --color-static-status-muted-alt-negative-inverted: #442926;
779
+ --color-static-status-muted-alt-positive: #d1f1d7;
780
+ --color-static-status-muted-alt-positive-inverted: #253528;
781
+ --color-static-status-muted-attention: #ffefd9;
782
+ --color-static-status-muted-attention-inverted: #36291f;
783
+ --color-static-status-muted-info: #e4f0ff;
784
+ --color-static-status-muted-info-inverted: #222a3e;
785
+ --color-static-status-muted-negative: #ffebeb;
786
+ --color-static-status-muted-negative-inverted: #392523;
787
+ --color-static-status-muted-positive: #dff8e5;
788
+ --color-static-status-muted-positive-inverted: #232d25;
789
+ --color-static-status-negative: #ff4837;
790
+ --color-static-status-negative-inverted: #ff4837;
791
+ --color-static-status-positive: #0cc44d;
792
+ --color-static-status-positive-inverted: #17d055;
793
+ --color-static-text-attention: #ea8313;
794
+ --color-static-text-attention-hover: #d57111;
795
+ --color-static-text-attention-inverted: #fa9313;
796
+ --color-static-text-attention-inverted-hover: #fdb24d;
797
+ --color-static-text-attention-inverted-press: #ffbf70;
798
+ --color-static-text-attention-press: #b45a06;
799
+ --color-static-text-info: #2a77ef;
800
+ --color-static-text-info-hover: #2c64d4;
801
+ --color-static-text-info-inverted: #4a9dfc;
802
+ --color-static-text-info-inverted-hover: #63aafd;
803
+ --color-static-text-info-inverted-press: #7fb6ff;
804
+ --color-static-text-info-press: #2453b4;
805
+ --color-static-text-negative: #ec2d20;
806
+ --color-static-text-negative-hover: #c7241f;
807
+ --color-static-text-negative-inverted: #ff4837;
808
+ --color-static-text-negative-inverted-hover: #ff755e;
809
+ --color-static-text-negative-inverted-press: #ff8d79;
810
+ --color-static-text-negative-press: #a6201e;
811
+ --color-static-text-positive: #0d9336;
812
+ --color-static-text-positive-hover: #0a7d2c;
813
+ --color-static-text-positive-inverted: #0cc44d;
814
+ --color-static-text-positive-inverted-hover: #22e068;
815
+ --color-static-text-positive-inverted-press: #4ae777;
816
+ --color-static-text-positive-press: #036625;
817
+ --color-static-text-primary: rgba(3, 3, 6, 0.88);
818
+ --color-static-text-primary-dark: #0e0e0e;
819
+ --color-static-text-primary-hover: rgba(1, 1, 12, 0.63);
820
+ --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
821
+ --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
822
+ --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
823
+ --color-static-text-primary-light: #fff;
824
+ --color-static-text-primary-press: rgba(4, 4, 19, 0.55);
825
+ --color-static-text-quaternary: rgba(5, 11, 44, 0.18);
826
+ --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
827
+ --color-static-text-secondary: rgba(4, 4, 19, 0.55);
828
+ --color-static-text-secondary-dark: rgba(4, 4, 19, 0.55);
829
+ --color-static-text-secondary-hover: rgba(1, 1, 12, 0.63);
830
+ --color-static-text-secondary-inverted: rgba(238, 238, 251, 0.55);
831
+ --color-static-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);
832
+ --color-static-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);
833
+ --color-static-text-secondary-light: rgba(238, 238, 251, 0.55);
834
+ --color-static-text-secondary-press: rgba(0, 0, 10, 0.71);
835
+ --color-static-text-tertiary: rgba(5, 8, 29, 0.38);
836
+ --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);
837
+ --color-static-text-tertiary-hover: rgba(4, 4, 21, 0.47);
838
+ --color-static-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
839
+ --color-static-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);
840
+ --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
841
+ --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
842
+ --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);
843
+ --color-dark-bg-accent: #ef3124; /* deprecated */
844
+ --color-dark-bg-attention-muted: #36291f; /* deprecated */
845
+ --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
846
+ --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
847
+ --color-dark-bg-info: #001c3c; /* deprecated */
848
+ --color-dark-bg-info-muted: #242a39; /* deprecated */
849
+ --color-dark-bg-link-muted: #001c3c; /* deprecated */
850
+ --color-dark-bg-negative-muted: #392523; /* deprecated */
851
+ --color-dark-bg-neutral: #3a3a3c; /* deprecated */
852
+ --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
853
+ --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
854
+ --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
855
+ --color-dark-bg-positive-muted: #232d25; /* deprecated */
856
+ --color-dark-bg-primary: #0e0e0e; /* deprecated */
857
+ --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
858
+ --color-dark-bg-primary-inverted: #fff; /* deprecated */
859
+ --color-dark-bg-quaternary: #36363a; /* deprecated */
860
+ --color-dark-bg-quaternary-inverted: #dcdee2; /* deprecated */
861
+ --color-dark-bg-secondary: #1c1c1e; /* deprecated */
862
+ --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
863
+ --color-dark-bg-secondary-inverted: #f2f3f5; /* deprecated */
864
+ --color-dark-bg-tertiary: #27272a; /* deprecated */
865
+ --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
866
+ --color-dark-bg-tertiary-inverted: #e7e8ea; /* deprecated */
867
+ --color-dark-border-accent: #ef3124; /* deprecated */
868
+ --color-dark-border-key: #fff; /* deprecated */
869
+ --color-dark-border-key-inverted: #000; /* deprecated */
870
+ --color-dark-border-link: #3193fc; /* deprecated */
871
+ --color-dark-border-primary: #36363a; /* deprecated */
872
+ --color-dark-border-primary-inverted: #d5d6dc; /* deprecated */
873
+ --color-dark-border-secondary: #27272a; /* deprecated */
874
+ --color-dark-border-secondary-inverted: #e7e8ec; /* deprecated */
875
+ --color-dark-border-tertiary: #1c1c1e; /* deprecated */
876
+ --color-dark-border-tertiary-inverted: #f2f3f5; /* deprecated */
877
+ --color-dark-border-underline: #49494f; /* deprecated */
878
+ --color-dark-border-underline-inverted: #b8b9c0; /* deprecated */
879
+ --color-dark-graphic-accent: #ef3124; /* deprecated */
880
+ --color-dark-graphic-attention: #fda136; /* deprecated */
881
+ --color-dark-graphic-link: #3193fc; /* deprecated */
882
+ --color-dark-graphic-negative: #ff5431; /* deprecated */
883
+ --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
884
+ --color-dark-graphic-positive: #17d055; /* deprecated */
885
+ --color-dark-graphic-primary: #fff; /* deprecated */
886
+ --color-dark-graphic-primary-inverted: #0e0e0e; /* deprecated */
887
+ --color-dark-graphic-quaternary: #27272a; /* deprecated */
888
+ --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
889
+ --color-dark-graphic-secondary: #898991; /* deprecated */
890
+ --color-dark-graphic-secondary-inverted: #898991; /* deprecated */
891
+ --color-dark-graphic-tertiary: #49494f; /* deprecated */
892
+ --color-dark-graphic-tertiary-inverted: #b8b9c0; /* deprecated */
893
+ --color-dark-specialbg-component: rgba(255, 255, 255, 0.1); /* deprecated */
894
+ --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
895
+ --color-dark-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
896
+ --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
897
+ --color-dark-specialbg-overlay-fallback: #0e0e0f; /* deprecated */
898
+ --color-dark-specialbg-primary-grouped: #1c1c1e; /* deprecated */
899
+ --color-dark-specialbg-secondary-grouped: #27272a; /* deprecated */
900
+ --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07); /* deprecated */
901
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06); /* deprecated */
902
+ --color-dark-specialbg-tertiary-grouped: #36363a; /* deprecated */
903
+ --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12); /* deprecated */
904
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08); /* deprecated */
905
+ --color-dark-text-accent: #ef3124; /* deprecated */
906
+ --color-dark-text-disabled: rgba(236, 236, 254, 0.18); /* deprecated */
907
+ --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18); /* deprecated */
908
+ --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
909
+ --color-dark-text-link: #4a9dfc; /* deprecated */
910
+ --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
911
+ --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
912
+ --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
913
+ --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
914
+ --color-light-bg-accent: #ef3124; /* deprecated */
915
+ --color-light-bg-attention-muted: #ffefd9; /* deprecated */
916
+ --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
917
+ --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
918
+ --color-light-bg-info: #d6e8fc; /* deprecated */
919
+ --color-light-bg-info-muted: #e4f0ff; /* deprecated */
920
+ --color-light-bg-link-muted: #d6e8fc; /* deprecated */
921
+ --color-light-bg-negative-muted: #ffebeb; /* deprecated */
922
+ --color-light-bg-neutral: #dcdcdd; /* deprecated */
923
+ --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
924
+ --color-light-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
925
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.65); /* deprecated */
926
+ --color-light-bg-positive-muted: #dff8e5; /* deprecated */
927
+ --color-light-bg-primary: #fff; /* deprecated */
928
+ --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
929
+ --color-light-bg-primary-inverted: #0e0e0e; /* deprecated */
930
+ --color-light-bg-quaternary: #dcdee2; /* deprecated */
931
+ --color-light-bg-quaternary-inverted: #36363a; /* deprecated */
932
+ --color-light-bg-secondary: #f2f3f5; /* deprecated */
933
+ --color-light-bg-secondary-grouped: #fff; /* deprecated */
934
+ --color-light-bg-secondary-inverted: #1c1c1e; /* deprecated */
935
+ --color-light-bg-tertiary: #e7e8ea; /* deprecated */
936
+ --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
937
+ --color-light-bg-tertiary-inverted: #27272a; /* deprecated */
938
+ --color-light-border-accent: #ef3124; /* deprecated */
939
+ --color-light-border-key: #000; /* deprecated */
940
+ --color-light-border-key-inverted: #fff; /* deprecated */
941
+ --color-light-border-link: #2288fa; /* deprecated */
942
+ --color-light-border-primary: #d5d6dc; /* deprecated */
943
+ --color-light-border-primary-inverted: #36363a; /* deprecated */
944
+ --color-light-border-secondary: #e7e8ec; /* deprecated */
945
+ --color-light-border-secondary-inverted: #27272a; /* deprecated */
946
+ --color-light-border-tertiary: #f2f3f5; /* deprecated */
947
+ --color-light-border-tertiary-inverted: #1c1c1e; /* deprecated */
948
+ --color-light-border-underline: #b8b9c0; /* deprecated */
949
+ --color-light-border-underline-inverted: #49494f; /* deprecated */
950
+ --color-light-graphic-accent: #ef3124; /* deprecated */
951
+ --color-light-graphic-attention: #fa9313; /* deprecated */
952
+ --color-light-graphic-link: #2288fa; /* deprecated */
953
+ --color-light-graphic-negative: #ff5431; /* deprecated */
954
+ --color-light-graphic-neutral: #dcdcdd; /* deprecated */
955
+ --color-light-graphic-positive: #0cc44d; /* deprecated */
956
+ --color-light-graphic-primary: #0e0e0e; /* deprecated */
957
+ --color-light-graphic-primary-inverted: #fff; /* deprecated */
958
+ --color-light-graphic-quaternary: #e7e8ec; /* deprecated */
959
+ --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
960
+ --color-light-graphic-secondary: #898991; /* deprecated */
961
+ --color-light-graphic-secondary-inverted: #898991; /* deprecated */
962
+ --color-light-graphic-tertiary: #b8b9c0; /* deprecated */
963
+ --color-light-graphic-tertiary-inverted: #49494f; /* deprecated */
964
+ --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */
965
+ --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1); /* deprecated */
966
+ --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
967
+ --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
968
+ --color-light-specialbg-overlay-fallback: #49494f; /* deprecated */
969
+ --color-light-specialbg-primary-grouped: #f2f3f5; /* deprecated */
970
+ --color-light-specialbg-secondary-grouped: #fff; /* deprecated */
971
+ --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06); /* deprecated */
972
+ --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
973
+ --color-light-specialbg-tertiary-grouped: #f2f3f5; /* deprecated */
974
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */
975
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */
976
+ --color-light-text-accent: #ef3124; /* deprecated */
977
+ --color-light-text-disabled: rgba(5, 11, 44, 0.18); /* deprecated */
978
+ --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18); /* deprecated */
979
+ --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
980
+ --color-light-text-link: #2a77ef; /* deprecated */
981
+ --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
982
+ --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
983
+ --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
984
+ --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
985
+ --color-static-bg-accent: #ef3124; /* deprecated */
986
+ --color-static-bg-dark: #000; /* deprecated */
987
+ --color-static-bg-light: #fff; /* deprecated */
988
+ --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
989
+ --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
990
+ --color-static-bg-primary-light: #fff; /* deprecated */
991
+ --color-static-bg-quaternary-dark: #36363a; /* deprecated */
992
+ --color-static-bg-quaternary-light: #e7e8ec; /* deprecated */
993
+ --color-static-bg-secondary-dark: #1c1c1e; /* deprecated */
994
+ --color-static-bg-secondary-light: #f2f3f5; /* deprecated */
995
+ --color-static-bg-tertiary-dark: #27272a; /* deprecated */
996
+ --color-static-bg-tertiary-light: #edeef0; /* deprecated */
997
+ --color-static-border-accent: #ef3124; /* deprecated */
998
+ --color-static-graphic-accent: #ef3124; /* deprecated */
999
+ --color-static-graphic-dark: #0e0e0e; /* deprecated */
1000
+ --color-static-graphic-light: #fff; /* deprecated */
1001
+ --color-static-text-accent: #ef3124; /* deprecated */
1002
+ --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
1003
+ --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
1004
+ --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
1005
+ --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
1006
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
1007
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
1008
+ --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1009
+ --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
1010
+ --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
1011
+ --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
1012
+ --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
1013
+ --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
1014
+ --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964); /* deprecated */
1015
+ --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
1016
+ --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4); /* deprecated */
1017
+ --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
1018
+ --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916); /* deprecated */
1019
+ --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884); /* deprecated */
1020
+ --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898); /* deprecated */
1021
+ --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
1022
+ --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
1023
+ --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
1024
+ --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
1025
+ --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64); /* deprecated */
1026
+ --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685); /* deprecated */
1027
+ --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
1028
+ --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73); /* deprecated */
1029
+ --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
1030
+ --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685); /* deprecated */
1031
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
1032
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1033
+ --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
1034
+ --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
1035
+ --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
1036
+ --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
1037
+ --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
1038
+ --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
1039
+ --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928); /* deprecated */
1040
+ --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1041
+ --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1042
+ --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
1043
+ --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958); /* deprecated */
1044
+ --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442); /* deprecated */
1045
+ --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949); /* deprecated */
1046
+ --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
1047
+ --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
1048
+ --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
1049
+ --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
1050
+ --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64); /* deprecated */
1051
+ --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685); /* deprecated */
1052
+ --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
1053
+ --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
1054
+ --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
1055
+ --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
1056
+ --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1057
+ --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1058
+ --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50); /* deprecated */
1059
+ --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62); /* deprecated */
1060
+ --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1061
+ --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1062
+ --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1063
+ --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */
1064
+ --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */
1065
+ --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
1066
+ --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1067
+ --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1068
+ --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1069
+ --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1070
+ --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1071
+ --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1072
+ --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1073
+ --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1074
+ --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1075
+ --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1076
+ --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37); /* deprecated */
1077
+ --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1078
+ --color-dark-bg-primary-tint-7: rgb(31, 31, 31); /* deprecated */
1079
+ --color-dark-bg-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1080
+ --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
1081
+ --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1082
+ --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
1083
+ --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1084
+ --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1085
+ --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */
1086
+ --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1087
+ --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1088
+ --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1089
+ --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1090
+ --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */
1091
+ --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1092
+ --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1093
+ --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1094
+ --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1095
+ --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1096
+ --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1097
+ --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */
1098
+ --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1099
+ --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72); /* deprecated */
1100
+ --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78); /* deprecated */
1101
+ --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88); /* deprecated */
1102
+ --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117); /* deprecated */
1103
+ --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1104
+ --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192); /* deprecated */
1105
+ --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181); /* deprecated */
1106
+ --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1107
+ --color-dark-bg-secondary-shade-15: rgb(24, 24, 25); /* deprecated */
1108
+ --color-dark-bg-secondary-shade-20: rgb(22, 22, 24); /* deprecated */
1109
+ --color-dark-bg-secondary-tint-7: rgb(44, 44, 46); /* deprecated */
1110
+ --color-dark-bg-secondary-tint-15: rgb(62, 62, 64); /* deprecated */
1111
+ --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1112
+ --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208); /* deprecated */
1113
+ --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196); /* deprecated */
1114
+ --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246); /* deprecated */
1115
+ --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246); /* deprecated */
1116
+ --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57); /* deprecated */
1117
+ --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1118
+ --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1119
+ --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1120
+ --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1121
+ --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1122
+ --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1123
+ --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1124
+ --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1125
+ --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */
1126
+ --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */
1127
+ --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1128
+ --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1129
+ --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
1130
+ --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1131
+ --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1132
+ --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1133
+ --color-dark-graphic-negative-shade-20: rgb(204, 67, 39); /* deprecated */
1134
+ --color-dark-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1135
+ --color-dark-graphic-negative-tint-7: rgb(255, 96, 63); /* deprecated */
1136
+ --color-dark-graphic-negative-tint-15: rgb(255, 110, 80); /* deprecated */
1137
+ --color-dark-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1138
+ --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
1139
+ --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
1140
+ --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
1141
+ --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1142
+ --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1143
+ --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1144
+ --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1145
+ --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1146
+ --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
1147
+ --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
1148
+ --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
1149
+ --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
1150
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1151
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1152
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1153
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1154
+ --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1155
+ --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38); /* deprecated */
1156
+ --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1157
+ --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86); /* deprecated */
1158
+ --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
1159
+ --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1160
+ --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
1161
+ --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200); /* deprecated */
1162
+ --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1163
+ --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123); /* deprecated */
1164
+ --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116); /* deprecated */
1165
+ --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156); /* deprecated */
1166
+ --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178); /* deprecated */
1167
+ --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1168
+ --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67); /* deprecated */
1169
+ --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63); /* deprecated */
1170
+ --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91); /* deprecated */
1171
+ --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105); /* deprecated */
1172
+ --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1173
+ --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163); /* deprecated */
1174
+ --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154); /* deprecated */
1175
+ --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */
1176
+ --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19); /* deprecated */
1177
+ --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1178
+ --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37); /* deprecated */
1179
+ --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */
1180
+ --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */
1181
+ --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */
1182
+ --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1183
+ --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1184
+ --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1185
+ --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */
1186
+ --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351); /* deprecated */
1187
+ --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1188
+ --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1189
+ --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248); /* deprecated */
1190
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816); /* deprecated */
1191
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1192
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1193
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264); /* deprecated */
1194
+ --color-dark-text-link-shade-30: rgb(52, 110, 176); /* deprecated */
1195
+ --color-dark-text-link-shade-50: rgb(37, 79, 126); /* deprecated */
1196
+ --color-dark-text-link-tint-20: rgb(110, 177, 253); /* deprecated */
1197
+ --color-dark-text-link-tint-40: rgb(146, 196, 253); /* deprecated */
1198
+ --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1199
+ --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1200
+ --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */
1201
+ --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1202
+ --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1203
+ --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1204
+ --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1205
+ --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1206
+ --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1207
+ --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1208
+ --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1209
+ --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1210
+ --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1211
+ --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1212
+ --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1213
+ --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */
1214
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1215
+ --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1216
+ --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1217
+ --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03); /* deprecated */
1218
+ --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1219
+ --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05); /* deprecated */
1220
+ --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07); /* deprecated */
1221
+ --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1222
+ --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1223
+ --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1224
+ --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1225
+ --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1226
+ --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1227
+ --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24); /* deprecated */
1228
+ --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1229
+ --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1230
+ --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1231
+ --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1232
+ --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1233
+ --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1234
+ --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62); /* deprecated */
1235
+ --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1236
+ --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
1237
+ --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
1238
+ --color-light-bg-quaternary-shade-15: rgb(187, 189, 192); /* deprecated */
1239
+ --color-light-bg-quaternary-shade-30: rgb(154, 155, 158); /* deprecated */
1240
+ --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1241
+ --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88); /* deprecated */
1242
+ --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97); /* deprecated */
1243
+ --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1244
+ --color-light-bg-secondary-tint-15: rgb(244, 245, 246); /* deprecated */
1245
+ --color-light-bg-secondary-tint-20: rgb(245, 245, 247); /* deprecated */
1246
+ --color-light-bg-secondary-shade-7: rgb(225, 226, 228); /* deprecated */
1247
+ --color-light-bg-secondary-shade-15: rgb(206, 207, 208); /* deprecated */
1248
+ --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1249
+ --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64); /* deprecated */
1250
+ --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75); /* deprecated */
1251
+ --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28); /* deprecated */
1252
+ --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25); /* deprecated */
1253
+ --color-light-bg-tertiary-shade-7: rgb(215, 216, 218); /* deprecated */
1254
+ --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1255
+ --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1256
+ --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1257
+ --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1258
+ --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1259
+ --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1260
+ --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1261
+ --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1262
+ --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1263
+ --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1264
+ --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1265
+ --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1266
+ --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1267
+ --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1268
+ --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1269
+ --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1270
+ --color-light-graphic-negative-tint-20: rgb(255, 118, 90); /* deprecated */
1271
+ --color-light-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1272
+ --color-light-graphic-negative-shade-7: rgb(237, 78, 46); /* deprecated */
1273
+ --color-light-graphic-negative-shade-15: rgb(217, 71, 42); /* deprecated */
1274
+ --color-light-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1275
+ --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
1276
+ --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
1277
+ --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
1278
+ --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1279
+ --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1280
+ --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1281
+ --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1282
+ --color-light-graphic-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1283
+ --color-light-graphic-primary-tint-20: rgb(62, 62, 62); /* deprecated */
1284
+ --color-light-graphic-primary-tint-30: rgb(86, 86, 86); /* deprecated */
1285
+ --color-light-graphic-primary-shade-10: rgb(13, 13, 13); /* deprecated */
1286
+ --color-light-graphic-primary-shade-30: rgb(10, 10, 10); /* deprecated */
1287
+ --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1288
+ --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1289
+ --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1290
+ --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1291
+ --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1292
+ --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
1293
+ --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1294
+ --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
1295
+ --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
1296
+ --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1297
+ --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
1298
+ --color-light-graphic-secondary-shade-50: rgb(69, 69, 73); /* deprecated */
1299
+ --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1300
+ --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162); /* deprecated */
1301
+ --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167); /* deprecated */
1302
+ --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131); /* deprecated */
1303
+ --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102); /* deprecated */
1304
+ --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1305
+ --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201); /* deprecated */
1306
+ --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205); /* deprecated */
1307
+ --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179); /* deprecated */
1308
+ --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163); /* deprecated */
1309
+ --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1310
+ --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105); /* deprecated */
1311
+ --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114); /* deprecated */
1312
+ --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */
1313
+ --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */
1314
+ --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1315
+ --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */
1316
+ --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */
1317
+ --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */
1318
+ --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */
1319
+ --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1320
+ --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1321
+ --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1322
+ --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */
1323
+ --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258); /* deprecated */
1324
+ --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1325
+ --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1326
+ --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256); /* deprecated */
1327
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444); /* deprecated */
1328
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1329
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1330
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296); /* deprecated */
1331
+ --color-light-text-link-tint-30: rgb(106, 160, 244); /* deprecated */
1332
+ --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
1333
+ --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
1334
+ --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
1335
+ --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
1336
+ --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
1337
+ }
1338
+ :root {
1339
+ --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */
1340
+ --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1341
+ --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1342
+ --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1343
+ --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1344
+ --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1345
+ --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1346
+ --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1347
+ --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1348
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1349
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1350
+ --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1351
+ --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1352
+ --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */
1353
+ --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1354
+ --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1355
+ --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1356
+ --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1357
+ --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1358
+ --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1359
+ --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1360
+ --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1361
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1362
+ --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1363
+ --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1364
+ --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1365
+ }
1366
+ :root {
1367
+ --color-dark-indigo: #0b1f35; /* deprecated */
1368
+ --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
1369
+ --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
1370
+ --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
1371
+ --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
1372
+ --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
1373
+ --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
1374
+ --color-dark-indigo-60-flat: #6d7986; /* deprecated */
1375
+ --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
1376
+ --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
1377
+ --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
1378
+ --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
1379
+ --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
1380
+ --color-red-brand: #ef3124; /* deprecated */
1381
+ --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
1382
+ --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
1383
+ --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
1384
+ --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
1385
+ --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
1386
+ --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
1387
+ --color-red-brand-85-flat: #f15045; /* deprecated */
1388
+ --color-red-brand-70-flat: #f46f66; /* deprecated */
1389
+ --color-red-brand-50-flat: #f69791; /* deprecated */
1390
+ --color-red-brand-30-flat: #fbc2bd; /* deprecated */
1391
+ --color-red-brand-20-flat: #fcd6d3; /* deprecated */
1392
+ --color-red-brand-10-flat: #feebea; /* deprecated */
1393
+ --color-red-brand-05-flat: #fef5f4; /* deprecated */
1394
+ --color-red-dark: #d91d0b; /* deprecated */
1395
+ --color-red-error: #ff5c5c; /* deprecated */
1396
+ --color-green-text: #13a463; /* deprecated */
1397
+ --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
1398
+ --color-green-text-60-flat: #71c8a1; /* deprecated */
1399
+ --color-green-done: #2fc26e; /* deprecated */
1400
+ --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
1401
+ --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
1402
+ --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
1403
+ --color-green-done-20-flat: #d5f3e2; /* deprecated */
1404
+ --color-green-done-10-flat: #ebf9f1; /* deprecated */
1405
+ --color-green-done-05-flat: #f4fcf7; /* deprecated */
1406
+ --color-blue-action: #0e60b9; /* deprecated */
1407
+ --color-blue-swipe-a: #2670c6; /* deprecated */
1408
+ --color-blue-swipe-b: #3781d8; /* deprecated */
1409
+ --color-blue-swipe-c: #4a90e2; /* deprecated */
1410
+ --color-blue-link-mobile: #007aff; /* deprecated */
1411
+ --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
1412
+ --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
1413
+ --color-blue-link-web: #0f62fe; /* deprecated */
1414
+ --color-sand: #f6bf65; /* deprecated */
1415
+ --color-lavender: #8888ad; /* deprecated */
1416
+ --color-amethyst: #a489aa; /* deprecated */
1417
+ --color-black: #000; /* deprecated */
1418
+ --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
1419
+ --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
1420
+ --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
1421
+ --color-black-60-flat: #666; /* deprecated */
1422
+ --color-black-30-flat: #b3b3b3; /* deprecated */
1423
+ --color-black-10-flat: #e6e6e6; /* deprecated */
1424
+ --color-white: #fff; /* deprecated */
1425
+ --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
1426
+ --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
1427
+ --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
1428
+ --color-bg-corporate: #212a33; /* deprecated */
1429
+ --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
1430
+ --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
1431
+ --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
1432
+ --color-bg-corporate-90-flat: #384048; /* deprecated */
1433
+ --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
1434
+ --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
1435
+ --color-light-blue: #f5f7f9; /* deprecated */
1436
+ }
1437
+ :root {
1438
+ --gap-3xs: 2px;
1439
+ --gap-2xs: 4px;
1440
+ --gap-xs: 8px;
1441
+ --gap-s: 12px;
1442
+ --gap-2s: 14px;
1443
+ --gap-m: 16px;
1444
+ --gap-l: 20px;
1445
+ --gap-xl: 24px;
1446
+ --gap-2xl: 32px;
1447
+ --gap-3xl: 40px;
1448
+ --gap-4xl: 48px;
1449
+ --gap-5xl: 64px;
1450
+ --gap-6xl: 72px;
1451
+ --gap-7xl: 96px;
1452
+ --gap-8xl: 128px;
1453
+ --gap-3xs-neg: -2px;
1454
+ --gap-2xs-neg: -4px;
1455
+ --gap-xs-neg: -8px;
1456
+ --gap-s-neg: -12px;
1457
+ --gap-m-neg: -16px;
1458
+ --gap-l-neg: -20px;
1459
+ --gap-xl-neg: -24px;
1460
+ --gap-2xl-neg: -32px;
1461
+ --gap-3xl-neg: -40px;
1462
+ --gap-4xl-neg: -48px;
1463
+ --gap-5xl-neg: -64px;
1464
+ --gap-6xl-neg: -72px;
1465
+ --gap-7xl-neg: -96px;
1466
+ --gap-8xl-neg: -128px;
1467
+ }
1468
+ :root {
1469
+ --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1470
+ --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
1471
+ 0 0 1px rgba(0, 0, 0, 0.04);
1472
+ --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
1473
+ 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1474
+ --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
1475
+ 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1476
+ --shadow-xl: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
1477
+ 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
1478
+ 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1479
+
1480
+ /* Hard */
1481
+ --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
1482
+ --shadow-s-hard: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
1483
+ 0 0 1px rgba(0, 0, 0, 0.16);
1484
+ --shadow-m-hard: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
1485
+ 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
1486
+ --shadow-l-hard: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
1487
+ 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
1488
+ --shadow-xl-hard: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
1489
+ 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
1490
+ 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
1491
+
1492
+ /* Up */
1493
+ --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
1494
+ --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
1495
+ --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
1496
+ --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
1497
+ --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
1498
+
1499
+ /* Hard up */
1500
+ --shadow-xs-hard-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
1501
+ 0 -2px 4px rgba(0, 0, 0, 0.16);
1502
+ --shadow-s-hard-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
1503
+ 0 -4px 8px rgba(0, 0, 0, 0.16);
1504
+ --shadow-m-hard-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
1505
+ 0 -8px 16px rgba(0, 0, 0, 0.16);
1506
+ --shadow-l-hard-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
1507
+ 0 -12px 24px rgba(0, 0, 0, 0.16);
1508
+ --shadow-xl-hard-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
1509
+ 0 -16px 32px rgba(0, 0, 0, 0.16);
1510
+ }
1511
+ :root {
1512
+ --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
1513
+ sans-serif;
1514
+ --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
1515
+ 'Helvetica Neue', Helvetica, sans-serif;
1516
+ }
1
1517
  :root {
2
1518
  /* primary */
3
1519
  --button-primary-base-bg-color: var(--color-light-accent-primary);