@alfalab/core-components 48.25.1 → 48.26.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (517) hide show
  1. package/bank-card/Component.js +3 -3
  2. package/bank-card/cssm/Component.js +3 -3
  3. package/bank-card/cssm/index.module.css +5 -5
  4. package/bank-card/esm/Component.js +4 -4
  5. package/bank-card/esm/index.css +5 -5
  6. package/bank-card/esm/index.js +1 -1
  7. package/bank-card/index.css +5 -5
  8. package/bank-card/modern/Component.js +3 -3
  9. package/bank-card/modern/index.css +5 -5
  10. package/bank-card/modern/index.js +1 -1
  11. package/bank-card/moderncssm/Component.js +3 -3
  12. package/bank-card/moderncssm/index.js +1 -1
  13. package/bank-card/moderncssm/index.module.css +4 -2
  14. package/calendar/components/calendar-mobile/Component.js +1 -1
  15. package/calendar/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  16. package/calendar/components/calendar-mobile/index.d.ts +1 -1
  17. package/calendar/components/calendar-mobile/index.js +1 -1
  18. package/calendar/esm/Component.responsive.js +1 -1
  19. package/calendar/esm/components/calendar-mobile/Component.js +1 -1
  20. package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  21. package/calendar/esm/components/calendar-mobile/index.d.ts +1 -1
  22. package/calendar/esm/components/calendar-mobile/index.js +1 -1
  23. package/calendar/esm/index.js +1 -1
  24. package/calendar/esm/mobile/index.js +1 -1
  25. package/calendar/mobile/index.js +1 -1
  26. package/calendar/modern/Component.responsive.js +1 -1
  27. package/calendar/modern/components/calendar-mobile/Component.js +1 -1
  28. package/calendar/modern/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  29. package/calendar/modern/components/calendar-mobile/index.d.ts +1 -1
  30. package/calendar/modern/components/calendar-mobile/index.js +1 -1
  31. package/calendar/modern/index.js +1 -1
  32. package/calendar/modern/mobile/index.js +1 -1
  33. package/calendar-input/components/calendar-input/Component.d.ts +1 -1
  34. package/calendar-input/cssm/components/calendar-input/Component.d.ts +1 -1
  35. package/confirmation/components/screens/initial/component.js +1 -1
  36. package/confirmation/components/screens/initial/countdown-section.js +1 -1
  37. package/confirmation/esm/component.responsive.js +1 -1
  38. package/confirmation/esm/components/base-confirmation/component.js +1 -1
  39. package/confirmation/esm/components/base-confirmation/index.js +1 -1
  40. package/confirmation/esm/components/index.js +1 -1
  41. package/confirmation/esm/components/screens/index.js +1 -1
  42. package/confirmation/esm/components/screens/initial/component.js +1 -1
  43. package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
  44. package/confirmation/esm/components/screens/initial/index.js +1 -1
  45. package/confirmation/esm/desktop/component.desktop.js +1 -1
  46. package/confirmation/esm/desktop/index.js +1 -1
  47. package/confirmation/esm/index.js +1 -1
  48. package/confirmation/esm/mobile/component.mobile.js +1 -1
  49. package/confirmation/esm/mobile/index.js +1 -1
  50. package/confirmation/esm/shared/index.js +1 -1
  51. package/confirmation/modern/component.responsive.js +1 -1
  52. package/confirmation/modern/components/base-confirmation/component.js +1 -1
  53. package/confirmation/modern/components/base-confirmation/index.js +1 -1
  54. package/confirmation/modern/components/index.js +1 -1
  55. package/confirmation/modern/components/screens/index.js +1 -1
  56. package/confirmation/modern/components/screens/initial/component.js +1 -1
  57. package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
  58. package/confirmation/modern/components/screens/initial/index.js +1 -1
  59. package/confirmation/modern/desktop/component.desktop.js +1 -1
  60. package/confirmation/modern/desktop/index.js +1 -1
  61. package/confirmation/modern/index.js +1 -1
  62. package/confirmation/modern/mobile/component.mobile.js +1 -1
  63. package/confirmation/modern/mobile/index.js +1 -1
  64. package/confirmation/modern/shared/index.js +1 -1
  65. package/file-upload-item/components/actions-control/actions.js +1 -1
  66. package/file-upload-item/components/actions-control/components/delete-button/delete-button.js +1 -1
  67. package/file-upload-item/components/actions-control/components/download-button/download-button.js +1 -1
  68. package/file-upload-item/components/actions-control/components/restore-button/restore-button.js +1 -1
  69. package/file-upload-item/esm/Component.js +1 -1
  70. package/file-upload-item/esm/components/actions-control/actions.js +1 -1
  71. package/file-upload-item/esm/components/actions-control/components/delete-button/delete-button.js +1 -1
  72. package/file-upload-item/esm/components/actions-control/components/delete-button/index.js +1 -1
  73. package/file-upload-item/esm/components/actions-control/components/download-button/download-button.js +1 -1
  74. package/file-upload-item/esm/components/actions-control/components/download-button/index.js +1 -1
  75. package/file-upload-item/esm/components/actions-control/components/restore-button/index.js +1 -1
  76. package/file-upload-item/esm/components/actions-control/components/restore-button/restore-button.js +1 -1
  77. package/file-upload-item/esm/components/actions-control/index.js +1 -1
  78. package/file-upload-item/esm/index.js +1 -1
  79. package/file-upload-item/modern/Component.js +1 -1
  80. package/file-upload-item/modern/components/actions-control/actions.js +1 -1
  81. package/file-upload-item/modern/components/actions-control/components/delete-button/delete-button.js +1 -1
  82. package/file-upload-item/modern/components/actions-control/components/delete-button/index.js +1 -1
  83. package/file-upload-item/modern/components/actions-control/components/download-button/download-button.js +1 -1
  84. package/file-upload-item/modern/components/actions-control/components/download-button/index.js +1 -1
  85. package/file-upload-item/modern/components/actions-control/components/restore-button/index.js +1 -1
  86. package/file-upload-item/modern/components/actions-control/components/restore-button/restore-button.js +1 -1
  87. package/file-upload-item/modern/components/actions-control/index.js +1 -1
  88. package/file-upload-item/modern/index.js +1 -1
  89. package/gallery/components/image-viewer/component.js +1 -1
  90. package/gallery/components/image-viewer/hooks.js +1 -1
  91. package/gallery/components/image-viewer/single.js +1 -1
  92. package/gallery/components/image-viewer/slide.js +1 -1
  93. package/gallery/esm/Component.js +1 -1
  94. package/gallery/esm/components/image-viewer/component.js +1 -1
  95. package/gallery/esm/components/image-viewer/hooks.js +1 -1
  96. package/gallery/esm/components/image-viewer/index.js +1 -1
  97. package/gallery/esm/components/image-viewer/single.js +1 -1
  98. package/gallery/esm/components/image-viewer/slide.js +1 -1
  99. package/gallery/esm/components/index.js +1 -1
  100. package/gallery/esm/index.js +1 -1
  101. package/gallery/modern/Component.js +1 -1
  102. package/gallery/modern/components/image-viewer/component.js +1 -1
  103. package/gallery/modern/components/image-viewer/hooks.js +1 -1
  104. package/gallery/modern/components/image-viewer/index.js +1 -1
  105. package/gallery/modern/components/image-viewer/single.js +1 -1
  106. package/gallery/modern/components/image-viewer/slide.js +1 -1
  107. package/gallery/modern/components/index.js +1 -1
  108. package/gallery/modern/index.js +1 -1
  109. package/modal/components/controls/Component.js +1 -1
  110. package/modal/components/footer/Component.js +1 -1
  111. package/modal/esm/Component.responsive.js +1 -1
  112. package/modal/esm/components/controls/Component.js +1 -1
  113. package/modal/esm/components/controls/index.js +1 -1
  114. package/modal/esm/components/footer/Component.js +1 -1
  115. package/modal/esm/desktop/Component.desktop.js +1 -1
  116. package/modal/esm/desktop/index.js +1 -1
  117. package/modal/esm/index.js +1 -1
  118. package/modal/esm/mobile/Component.mobile.js +1 -1
  119. package/modal/esm/mobile/index.js +1 -1
  120. package/modal/modern/Component.responsive.js +1 -1
  121. package/modal/modern/components/controls/Component.js +1 -1
  122. package/modal/modern/components/controls/index.js +1 -1
  123. package/modal/modern/components/footer/Component.js +1 -1
  124. package/modal/modern/desktop/Component.desktop.js +1 -1
  125. package/modal/modern/desktop/index.js +1 -1
  126. package/modal/modern/index.js +1 -1
  127. package/modal/modern/mobile/Component.mobile.js +1 -1
  128. package/modal/modern/mobile/index.js +1 -1
  129. package/package.json +2 -3
  130. package/picker-button/Component-c44170fe.d.ts +2 -2
  131. package/picker-button/transformSize-ebda875c.d.ts +1 -1
  132. package/pure-cell/component.js +1 -1
  133. package/pure-cell/components/addon/component.js +1 -1
  134. package/pure-cell/components/addon/index.d.ts +1 -1
  135. package/pure-cell/components/addon/index.js +1 -1
  136. package/pure-cell/components/amount/component.js +1 -1
  137. package/pure-cell/components/amount/index.d.ts +1 -1
  138. package/pure-cell/components/amount/index.js +1 -1
  139. package/pure-cell/components/amount-title/component.js +1 -1
  140. package/pure-cell/components/amount-title/index.d.ts +1 -1
  141. package/pure-cell/components/amount-title/index.js +1 -1
  142. package/pure-cell/components/category/component.js +1 -1
  143. package/pure-cell/components/category/index.d.ts +1 -1
  144. package/pure-cell/components/category/index.js +1 -1
  145. package/pure-cell/components/content/component.js +1 -1
  146. package/pure-cell/components/content/index.d.ts +1 -1
  147. package/pure-cell/components/content/index.js +1 -1
  148. package/pure-cell/components/footer/component.js +1 -1
  149. package/pure-cell/components/footer/index.d.ts +1 -1
  150. package/pure-cell/components/footer/index.js +1 -1
  151. package/pure-cell/components/footer-button/component.js +1 -1
  152. package/pure-cell/components/footer-button/index.d.ts +1 -1
  153. package/pure-cell/components/footer-button/index.js +1 -1
  154. package/pure-cell/components/footer-text/component.js +1 -1
  155. package/pure-cell/components/footer-text/index.d.ts +1 -1
  156. package/pure-cell/components/footer-text/index.js +1 -1
  157. package/pure-cell/components/graphics/component.js +1 -1
  158. package/pure-cell/components/graphics/index.d.ts +1 -1
  159. package/pure-cell/components/graphics/index.js +1 -1
  160. package/pure-cell/components/main/component.js +1 -1
  161. package/pure-cell/components/main/index.d.ts +1 -1
  162. package/pure-cell/components/main/index.js +1 -1
  163. package/pure-cell/components/text/component.js +1 -1
  164. package/pure-cell/components/text/index.d.ts +1 -1
  165. package/pure-cell/components/text/index.js +1 -1
  166. package/pure-cell/esm/component.js +1 -1
  167. package/pure-cell/esm/components/addon/component.js +1 -1
  168. package/pure-cell/esm/components/addon/index.d.ts +1 -1
  169. package/pure-cell/esm/components/addon/index.js +1 -1
  170. package/pure-cell/esm/components/amount/component.js +1 -1
  171. package/pure-cell/esm/components/amount/index.d.ts +1 -1
  172. package/pure-cell/esm/components/amount/index.js +1 -1
  173. package/pure-cell/esm/components/amount-title/component.js +1 -1
  174. package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
  175. package/pure-cell/esm/components/amount-title/index.js +1 -1
  176. package/pure-cell/esm/components/category/component.js +1 -1
  177. package/pure-cell/esm/components/category/index.d.ts +1 -1
  178. package/pure-cell/esm/components/category/index.js +1 -1
  179. package/pure-cell/esm/components/content/component.js +1 -1
  180. package/pure-cell/esm/components/content/index.d.ts +1 -1
  181. package/pure-cell/esm/components/content/index.js +1 -1
  182. package/pure-cell/esm/components/footer/component.js +1 -1
  183. package/pure-cell/esm/components/footer/index.d.ts +1 -1
  184. package/pure-cell/esm/components/footer/index.js +1 -1
  185. package/pure-cell/esm/components/footer-button/component.js +1 -1
  186. package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
  187. package/pure-cell/esm/components/footer-button/index.js +1 -1
  188. package/pure-cell/esm/components/footer-text/component.js +1 -1
  189. package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
  190. package/pure-cell/esm/components/footer-text/index.js +1 -1
  191. package/pure-cell/esm/components/graphics/component.js +1 -1
  192. package/pure-cell/esm/components/graphics/index.d.ts +1 -1
  193. package/pure-cell/esm/components/graphics/index.js +1 -1
  194. package/pure-cell/esm/components/main/component.js +1 -1
  195. package/pure-cell/esm/components/main/index.d.ts +1 -1
  196. package/pure-cell/esm/components/main/index.js +1 -1
  197. package/pure-cell/esm/components/text/component.js +1 -1
  198. package/pure-cell/esm/components/text/index.d.ts +1 -1
  199. package/pure-cell/esm/components/text/index.js +1 -1
  200. package/pure-cell/esm/index.js +1 -1
  201. package/pure-cell/index.js +1 -1
  202. package/pure-cell/modern/component.js +1 -1
  203. package/pure-cell/modern/components/addon/component.js +1 -1
  204. package/pure-cell/modern/components/addon/index.d.ts +1 -1
  205. package/pure-cell/modern/components/addon/index.js +1 -1
  206. package/pure-cell/modern/components/amount/component.js +1 -1
  207. package/pure-cell/modern/components/amount/index.d.ts +1 -1
  208. package/pure-cell/modern/components/amount/index.js +1 -1
  209. package/pure-cell/modern/components/amount-title/component.js +1 -1
  210. package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
  211. package/pure-cell/modern/components/amount-title/index.js +1 -1
  212. package/pure-cell/modern/components/category/component.js +1 -1
  213. package/pure-cell/modern/components/category/index.d.ts +1 -1
  214. package/pure-cell/modern/components/category/index.js +1 -1
  215. package/pure-cell/modern/components/content/component.js +1 -1
  216. package/pure-cell/modern/components/content/index.d.ts +1 -1
  217. package/pure-cell/modern/components/content/index.js +1 -1
  218. package/pure-cell/modern/components/footer/component.js +1 -1
  219. package/pure-cell/modern/components/footer/index.d.ts +1 -1
  220. package/pure-cell/modern/components/footer/index.js +1 -1
  221. package/pure-cell/modern/components/footer-button/component.js +1 -1
  222. package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
  223. package/pure-cell/modern/components/footer-button/index.js +1 -1
  224. package/pure-cell/modern/components/footer-text/component.js +1 -1
  225. package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
  226. package/pure-cell/modern/components/footer-text/index.js +1 -1
  227. package/pure-cell/modern/components/graphics/component.js +1 -1
  228. package/pure-cell/modern/components/graphics/index.d.ts +1 -1
  229. package/pure-cell/modern/components/graphics/index.js +1 -1
  230. package/pure-cell/modern/components/main/component.js +1 -1
  231. package/pure-cell/modern/components/main/index.d.ts +1 -1
  232. package/pure-cell/modern/components/main/index.js +1 -1
  233. package/pure-cell/modern/components/text/component.js +1 -1
  234. package/pure-cell/modern/components/text/index.d.ts +1 -1
  235. package/pure-cell/modern/components/text/index.js +1 -1
  236. package/pure-cell/modern/index.js +1 -1
  237. package/select/components/base-select/Component.js +2 -2
  238. package/select/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  239. package/select/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  240. package/select/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  241. package/select/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
  242. package/select/esm/Component.responsive.js +3 -3
  243. package/select/esm/components/base-select/Component.js +2 -2
  244. package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  245. package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  246. package/select/esm/components/base-select/components/list-mobile/list-mobile.js +1 -1
  247. package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  248. package/select/esm/components/base-select/index.js +2 -2
  249. package/select/esm/components/index.js +2 -2
  250. package/select/esm/desktop/Component.desktop.js +2 -2
  251. package/select/esm/desktop/index.js +2 -2
  252. package/select/esm/index.js +3 -3
  253. package/select/esm/mobile/Component.mobile.js +3 -3
  254. package/select/esm/mobile/Component.modal.mobile.js +3 -3
  255. package/select/esm/mobile/index.js +3 -3
  256. package/select/esm/presets/index.js +1 -1
  257. package/select/esm/presets/useSelectWithApply/hook.js +1 -1
  258. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  259. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  260. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  261. package/select/esm/shared/index.js +3 -3
  262. package/select/mobile/Component.mobile.js +1 -1
  263. package/select/modern/Component.responsive.js +3 -3
  264. package/select/modern/components/base-select/Component.js +2 -2
  265. package/select/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  266. package/select/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  267. package/select/modern/components/base-select/components/list-mobile/list-mobile.js +1 -1
  268. package/select/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  269. package/select/modern/components/base-select/index.js +2 -2
  270. package/select/modern/components/index.js +2 -2
  271. package/select/modern/desktop/Component.desktop.js +2 -2
  272. package/select/modern/desktop/index.js +2 -2
  273. package/select/modern/index.js +3 -3
  274. package/select/modern/mobile/Component.mobile.js +3 -3
  275. package/select/modern/mobile/Component.modal.mobile.js +3 -3
  276. package/select/modern/mobile/index.js +3 -3
  277. package/select/modern/presets/index.js +1 -1
  278. package/select/modern/presets/useSelectWithApply/hook.js +1 -1
  279. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  280. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  281. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  282. package/select/modern/shared/index.js +3 -3
  283. package/select/presets/index.js +1 -1
  284. package/select/presets/useSelectWithApply/hook.js +1 -1
  285. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  286. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  287. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  288. package/select/shared/index.js +1 -1
  289. package/side-panel/components/controls/Component.js +1 -1
  290. package/side-panel/components/footer/Component.js +1 -1
  291. package/side-panel/esm/Component.responsive.js +1 -1
  292. package/side-panel/esm/components/controls/Component.js +1 -1
  293. package/side-panel/esm/components/controls/index.js +1 -1
  294. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  295. package/side-panel/esm/components/footer/Component.js +1 -1
  296. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  297. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  298. package/side-panel/esm/desktop/index.js +1 -1
  299. package/side-panel/esm/index.js +1 -1
  300. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  301. package/side-panel/esm/mobile/index.js +1 -1
  302. package/side-panel/modern/Component.responsive.js +1 -1
  303. package/side-panel/modern/components/controls/Component.js +1 -1
  304. package/side-panel/modern/components/controls/index.js +1 -1
  305. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  306. package/side-panel/modern/components/footer/Component.js +1 -1
  307. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  308. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  309. package/side-panel/modern/desktop/index.js +1 -1
  310. package/side-panel/modern/index.js +1 -1
  311. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  312. package/side-panel/modern/mobile/index.js +1 -1
  313. package/slider/Component.d.ts +5 -0
  314. package/slider/Component.js +4 -2
  315. package/slider/cssm/Component.d.ts +5 -0
  316. package/slider/cssm/Component.js +4 -2
  317. package/slider/esm/Component.d.ts +5 -0
  318. package/slider/esm/Component.js +4 -2
  319. package/slider/modern/Component.d.ts +5 -0
  320. package/slider/modern/Component.js +4 -2
  321. package/slider/moderncssm/Component.d.ts +5 -0
  322. package/slider/moderncssm/Component.js +4 -2
  323. package/tabs/components/primary-tablist/Component.collapsible.js +1 -1
  324. package/tabs/components/primary-tablist/Component.desktop.js +1 -1
  325. package/tabs/components/primary-tablist/Component.mobile.js +1 -1
  326. package/tabs/components/secondary-tablist/Component.desktop.js +1 -1
  327. package/tabs/components/secondary-tablist/Component.mobile.js +1 -1
  328. package/tabs/esm/collapsible/index.js +1 -1
  329. package/tabs/esm/components/primary-tablist/Component.collapsible.js +1 -1
  330. package/tabs/esm/components/primary-tablist/Component.desktop.js +1 -1
  331. package/tabs/esm/components/primary-tablist/Component.mobile.js +1 -1
  332. package/tabs/esm/components/primary-tablist/Component.responsive.js +1 -1
  333. package/tabs/esm/components/secondary-tablist/Component.desktop.js +1 -1
  334. package/tabs/esm/components/secondary-tablist/Component.mobile.js +1 -1
  335. package/tabs/esm/components/secondary-tablist/Component.responsive.js +1 -1
  336. package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
  337. package/tabs/esm/components/tabs/Component.desktop.js +2 -2
  338. package/tabs/esm/components/tabs/Component.mobile.js +2 -2
  339. package/tabs/esm/components/tabs/Component.responsive.js +2 -2
  340. package/tabs/esm/desktop/index.js +2 -2
  341. package/tabs/esm/index.js +2 -2
  342. package/tabs/esm/mobile/index.js +2 -2
  343. package/tabs/modern/collapsible/index.js +1 -1
  344. package/tabs/modern/components/primary-tablist/Component.collapsible.js +1 -1
  345. package/tabs/modern/components/primary-tablist/Component.desktop.js +1 -1
  346. package/tabs/modern/components/primary-tablist/Component.mobile.js +1 -1
  347. package/tabs/modern/components/primary-tablist/Component.responsive.js +1 -1
  348. package/tabs/modern/components/secondary-tablist/Component.desktop.js +1 -1
  349. package/tabs/modern/components/secondary-tablist/Component.mobile.js +1 -1
  350. package/tabs/modern/components/secondary-tablist/Component.responsive.js +1 -1
  351. package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
  352. package/tabs/modern/components/tabs/Component.desktop.js +2 -2
  353. package/tabs/modern/components/tabs/Component.mobile.js +2 -2
  354. package/tabs/modern/components/tabs/Component.responsive.js +2 -2
  355. package/tabs/modern/desktop/index.js +2 -2
  356. package/tabs/modern/index.js +2 -2
  357. package/tabs/modern/mobile/index.js +2 -2
  358. package/themes/click.d.ts +1 -1
  359. package/themes/click.js +8 -2
  360. package/themes/compiled/mobile-dark-bluetint.css +24 -3299
  361. package/themes/compiled/mobile-dark-bluetint.d.ts +2 -2
  362. package/themes/compiled/mobile-dark-bluetint.js +8 -3
  363. package/themes/corp.d.ts +1 -1
  364. package/themes/corp.js +8 -2
  365. package/themes/dark.d.ts +1 -1
  366. package/themes/dark.js +8 -2
  367. package/themes/esm/click.d.ts +1 -1
  368. package/themes/esm/click.js +4 -2
  369. package/themes/esm/compiled/mobile-dark-bluetint.d.ts +2 -2
  370. package/themes/esm/compiled/mobile-dark-bluetint.js +1 -4
  371. package/themes/esm/corp.d.ts +1 -1
  372. package/themes/esm/corp.js +4 -2
  373. package/themes/esm/dark.d.ts +1 -1
  374. package/themes/esm/dark.js +4 -2
  375. package/themes/esm/intranet.d.ts +1 -1
  376. package/themes/esm/intranet.js +4 -2
  377. package/themes/esm/mobile.d.ts +1 -1
  378. package/themes/esm/mobile.js +4 -2
  379. package/themes/esm/site.d.ts +1 -1
  380. package/themes/esm/site.js +4 -2
  381. package/themes/intranet.d.ts +1 -1
  382. package/themes/intranet.js +8 -2
  383. package/themes/mobile.d.ts +1 -1
  384. package/themes/mobile.js +8 -2
  385. package/themes/modern/click.d.ts +1 -1
  386. package/themes/modern/click.js +3 -2029
  387. package/themes/modern/compiled/mobile-dark-bluetint.d.ts +2 -2
  388. package/themes/modern/compiled/mobile-dark-bluetint.js +1 -3877
  389. package/themes/modern/corp.d.ts +1 -1
  390. package/themes/modern/corp.js +3 -1986
  391. package/themes/modern/dark.d.ts +1 -1
  392. package/themes/modern/dark.js +4 -688
  393. package/themes/modern/intranet.d.ts +1 -1
  394. package/themes/modern/intranet.js +3 -1915
  395. package/themes/modern/mobile.d.ts +1 -1
  396. package/themes/modern/mobile.js +3 -1911
  397. package/themes/modern/site.d.ts +1 -1
  398. package/themes/modern/site.js +3 -2036
  399. package/themes/site.d.ts +1 -1
  400. package/themes/site.js +8 -2
  401. package/toast/Component.responsive.d.ts +1 -1
  402. package/toast/components/base-toast/component.d.ts +1 -1
  403. package/typography/cssm/title/alfasans-index.module.css +0 -10
  404. package/typography/esm/component.js +2 -2
  405. package/typography/esm/index.js +2 -2
  406. package/typography/esm/text/component.js +1 -1
  407. package/typography/esm/text/index.js +1 -1
  408. package/typography/esm/title/component.js +1 -1
  409. package/typography/esm/title/index.js +2 -2
  410. package/typography/esm/title-mobile/component.js +2 -2
  411. package/typography/esm/title-mobile/index.js +2 -2
  412. package/typography/esm/title-responsive/component.js +2 -2
  413. package/typography/esm/title-responsive/index.js +2 -2
  414. package/typography/modern/component.js +2 -2
  415. package/typography/modern/index.js +2 -2
  416. package/typography/modern/text/component.js +1 -1
  417. package/typography/modern/text/index.js +1 -1
  418. package/typography/modern/title/component.js +1 -1
  419. package/typography/modern/title/index.js +2 -2
  420. package/typography/modern/title-mobile/component.js +2 -2
  421. package/typography/modern/title-mobile/index.js +2 -2
  422. package/typography/modern/title-responsive/component.js +2 -2
  423. package/typography/modern/title-responsive/index.js +2 -2
  424. package/typography/text/component.js +1 -1
  425. package/typography/title/component.js +1 -1
  426. package/typography/title/index.js +1 -1
  427. package/typography/title-mobile/component.js +1 -1
  428. package/universal-modal/components/header/desktop/Component.desktop.js +1 -1
  429. package/universal-modal/components/header/mobile/Component.mobile.js +1 -1
  430. package/universal-modal/esm/Component.responsive.js +1 -1
  431. package/universal-modal/esm/components/header/desktop/Component.desktop.js +1 -1
  432. package/universal-modal/esm/components/header/index.js +1 -1
  433. package/universal-modal/esm/components/header/mobile/Component.mobile.js +1 -1
  434. package/universal-modal/esm/components/header/responsive/Component.responsive.js +1 -1
  435. package/universal-modal/esm/desktop/Component.desktop.js +1 -1
  436. package/universal-modal/esm/desktop/index.js +1 -1
  437. package/universal-modal/esm/index.js +1 -1
  438. package/universal-modal/esm/mobile/Component.mobile.js +1 -1
  439. package/universal-modal/esm/mobile/index.js +1 -1
  440. package/universal-modal/modern/Component.responsive.d.ts +2 -2
  441. package/universal-modal/modern/Component.responsive.js +1 -1
  442. package/universal-modal/modern/components/header/desktop/Component.desktop.js +1 -1
  443. package/universal-modal/modern/components/header/index.js +1 -1
  444. package/universal-modal/modern/components/header/mobile/Component.mobile.js +1 -1
  445. package/universal-modal/modern/components/header/responsive/Component.responsive.js +1 -1
  446. package/universal-modal/modern/desktop/Component.desktop.d.ts +2 -2
  447. package/universal-modal/modern/desktop/Component.desktop.js +1 -1
  448. package/universal-modal/modern/desktop/components/center-modal/center-modal.d.ts +1 -1
  449. package/universal-modal/modern/desktop/components/side-modal/side-modal.d.ts +1 -1
  450. package/universal-modal/modern/desktop/index.js +1 -1
  451. package/universal-modal/modern/index.js +1 -1
  452. package/universal-modal/modern/mobile/Component.mobile.d.ts +2 -2
  453. package/universal-modal/modern/mobile/Component.mobile.js +1 -1
  454. package/universal-modal/modern/mobile/index.js +1 -1
  455. /package/calendar/{calendarMonthOnlyView-fe929ae3.d.ts → calendarMonthOnlyView-b2721999.d.ts} +0 -0
  456. /package/calendar/{calendarMonthOnlyView-fe929ae3.js → calendarMonthOnlyView-b2721999.js} +0 -0
  457. /package/calendar/esm/{calendarMonthOnlyView-51ce5170.d.ts → calendarMonthOnlyView-8eea1744.d.ts} +0 -0
  458. /package/calendar/esm/{calendarMonthOnlyView-51ce5170.js → calendarMonthOnlyView-8eea1744.js} +0 -0
  459. /package/calendar/modern/{calendarMonthOnlyView-6d4d44e2.d.ts → calendarMonthOnlyView-d80f3a46.d.ts} +0 -0
  460. /package/calendar/modern/{calendarMonthOnlyView-6d4d44e2.js → calendarMonthOnlyView-d80f3a46.js} +0 -0
  461. /package/confirmation/{countdown-section-3727e914.d.ts → countdown-section-955ca123.d.ts} +0 -0
  462. /package/confirmation/{countdown-section-3727e914.js → countdown-section-955ca123.js} +0 -0
  463. /package/confirmation/esm/{countdown-section-ea23fda0.d.ts → countdown-section-3bcbf7d8.d.ts} +0 -0
  464. /package/confirmation/esm/{countdown-section-ea23fda0.js → countdown-section-3bcbf7d8.js} +0 -0
  465. /package/confirmation/modern/{countdown-section-293c21ec.d.ts → countdown-section-6ce6f45a.d.ts} +0 -0
  466. /package/confirmation/modern/{countdown-section-293c21ec.js → countdown-section-6ce6f45a.js} +0 -0
  467. /package/file-upload-item/{actions-control.module-b396be09.js → actions-control.module-f58b1f6e.js} +0 -0
  468. /package/file-upload-item/esm/{actions-control.module-3351084d.js → actions-control.module-3675d0f1.js} +0 -0
  469. /package/file-upload-item/modern/{actions-control.module-8801a4f3.js → actions-control.module-2d07c059.js} +0 -0
  470. /package/gallery/esm/{hooks-df84b536.d.ts → hooks-3386d2c2.d.ts} +0 -0
  471. /package/gallery/esm/{hooks-df84b536.js → hooks-3386d2c2.js} +0 -0
  472. /package/gallery/{hooks-5f09c0c3.d.ts → hooks-af4a613c.d.ts} +0 -0
  473. /package/gallery/{hooks-5f09c0c3.js → hooks-af4a613c.js} +0 -0
  474. /package/gallery/modern/{hooks-cfd1744a.d.ts → hooks-84db91dd.d.ts} +0 -0
  475. /package/gallery/modern/{hooks-cfd1744a.js → hooks-84db91dd.js} +0 -0
  476. /package/modal/esm/{layout.module-8eee611e.js → layout.module-7a26dc37.js} +0 -0
  477. /package/modal/{layout.module-674ca975.js → layout.module-a56a76fb.js} +0 -0
  478. /package/modal/modern/{layout.module-90a3567c.js → layout.module-43ddd310.js} +0 -0
  479. /package/pure-cell/{component-b119e673.d.ts → component-251cd018.d.ts} +0 -0
  480. /package/pure-cell/{component-b119e673.js → component-251cd018.js} +0 -0
  481. /package/pure-cell/esm/{component-3d2c6f19.d.ts → component-7759b386.d.ts} +0 -0
  482. /package/pure-cell/esm/{component-3d2c6f19.js → component-7759b386.js} +0 -0
  483. /package/pure-cell/modern/{component-cc2e4e01.d.ts → component-e29ddb13.d.ts} +0 -0
  484. /package/pure-cell/modern/{component-cc2e4e01.js → component-e29ddb13.js} +0 -0
  485. /package/select/esm/{hook-2617bd39.d.ts → hook-fcedef25.d.ts} +0 -0
  486. /package/select/esm/{hook-2617bd39.js → hook-fcedef25.js} +0 -0
  487. /package/select/esm/{list-popover-desktop-5d503bd8.d.ts → list-popover-desktop-4906e761.d.ts} +0 -0
  488. /package/select/esm/{list-popover-desktop-5d503bd8.js → list-popover-desktop-4906e761.js} +0 -0
  489. /package/select/esm/{mobile.module-95e12f7a.js → mobile.module-b154623f.js} +0 -0
  490. /package/select/{hook-7e7b8757.d.ts → hook-789014bc.d.ts} +0 -0
  491. /package/select/{hook-7e7b8757.js → hook-789014bc.js} +0 -0
  492. /package/select/{list-popover-desktop-ac56b655.d.ts → list-popover-desktop-cc246b82.d.ts} +0 -0
  493. /package/select/{list-popover-desktop-ac56b655.js → list-popover-desktop-cc246b82.js} +0 -0
  494. /package/select/{mobile.module-b4c25ab6.js → mobile.module-5a47ea2c.js} +0 -0
  495. /package/select/modern/{hook-46636bdc.d.ts → hook-159841b8.d.ts} +0 -0
  496. /package/select/modern/{hook-46636bdc.js → hook-159841b8.js} +0 -0
  497. /package/select/modern/{list-popover-desktop-82dab2a1.d.ts → list-popover-desktop-14320aea.d.ts} +0 -0
  498. /package/select/modern/{list-popover-desktop-82dab2a1.js → list-popover-desktop-14320aea.js} +0 -0
  499. /package/select/modern/{mobile.module-b402a7f2.js → mobile.module-eb1f8729.js} +0 -0
  500. /package/side-panel/esm/{layout.module-b68a4f9d.js → layout.module-57dfa099.js} +0 -0
  501. /package/side-panel/{layout.module-b8dfecae.js → layout.module-0fafda8d.js} +0 -0
  502. /package/side-panel/modern/{layout.module-deea3581.js → layout.module-727ebbe0.js} +0 -0
  503. /package/tabs/esm/{index.module-6fc3d296.js → index.module-2d07af46.js} +0 -0
  504. /package/tabs/esm/{index.module-242c4ae7.js → index.module-fc34cfdb.js} +0 -0
  505. /package/tabs/{index.module-8e323997.js → index.module-1eb7e4b0.js} +0 -0
  506. /package/tabs/{index.module-89d6728f.js → index.module-4f5c9f30.js} +0 -0
  507. /package/tabs/modern/{index.module-eae97f75.js → index.module-03fa5272.js} +0 -0
  508. /package/tabs/modern/{index.module-6ed19175.js → index.module-441d16f4.js} +0 -0
  509. /package/typography/{colors.module-559b6fec.js → colors.module-8212ddb6.js} +0 -0
  510. /package/typography/{common.module-f0687fd5.js → common.module-bd70a709.js} +0 -0
  511. /package/typography/esm/{colors.module-6e3174f4.js → colors.module-12815579.js} +0 -0
  512. /package/typography/esm/{common.module-9c8929ab.js → common.module-0efecd91.js} +0 -0
  513. /package/typography/modern/{colors.module-92988ec2.js → colors.module-b10a3d05.js} +0 -0
  514. /package/typography/modern/{common.module-c2ea327f.js → common.module-b546ea3c.js} +0 -0
  515. /package/universal-modal/esm/{index.module-b110074e.js → index.module-2b300a50.js} +0 -0
  516. /package/universal-modal/{index.module-fab6e8c9.js → index.module-3a1998cb.js} +0 -0
  517. /package/universal-modal/modern/{index.module-b0516c23.js → index.module-223060ce.js} +0 -0
@@ -1,2032 +1,6 @@
1
- // THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
2
- const click = `:root {
3
- --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
4
- sans-serif;
5
- --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
6
- 'Helvetica Neue', Helvetica, sans-serif;
7
- --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
8
- 'Helvetica Neue', Helvetica, sans-serif;
9
- }
1
+ import styles from '!!css-loader!@alfalab/core-components/themes/click.css';
10
2
 
11
- /* @deprecated */
12
-
13
- /* @deprecated */
14
-
15
- /* @deprecated */
16
-
17
- /* @deprecated */
18
-
19
- /* @deprecated */
20
-
21
- :root {
22
- --border-radius-xs: 2px; /* deprecated */
23
- --border-radius-s: 4px; /* deprecated */
24
- --border-radius-m: 8px; /* deprecated */
25
- --border-radius-l: 12px; /* deprecated */
26
- --border-radius-xl: 16px; /* deprecated */
27
- --border-radius-xxl: 20px; /* deprecated */
28
- --border-radius-3xl: 24px; /* deprecated */
29
- --border-radius-circle: 50%;
30
- --border-radius-pill: 99px;
31
-
32
- /* новые значения, используйте их */
33
- --border-radius-0: 0;
34
- --border-radius-2: var(--border-radius-xs);
35
- --border-radius-4: var(--border-radius-s);
36
- --border-radius-6: 6px;
37
- --border-radius-8: var(--border-radius-m);
38
- --border-radius-10: 10px;
39
- --border-radius-12: var(--border-radius-l);
40
- --border-radius-14: 14px;
41
- --border-radius-16: var(--border-radius-xl);
42
- --border-radius-20: var(--border-radius-xxl);
43
- --border-radius-24: var(--border-radius-3xl);
44
- --border-radius-32: 32px;
45
- --border-radius-36: 36px;
46
- --border-radius-64: 64px;
47
- }
48
-
49
- :root {
50
- --color-static-corpbg-neutral: #bdc0c2; /* deprecated */
51
- --color-static-corpbg-primary: #212a33; /* deprecated */
52
- --color-static-corpbg-secondary: #384048; /* deprecated */
53
- --color-static-corpbg-tertiary: #7a7f85; /* deprecated */
54
- --color-static-graphic-amethyst: #a489aa; /* deprecated */
55
- --color-static-graphic-blackberry: #bfafc6; /* deprecated */
56
- --color-static-graphic-blue-chill: #0f9c8c; /* deprecated */
57
- --color-static-graphic-blue-maya: #7eb3ff; /* deprecated */
58
- --color-static-graphic-blue-moody: #7879cf; /* deprecated */
59
- --color-static-graphic-blue-steel: #4f84ba; /* deprecated */
60
- --color-static-graphic-botticelli: #cee5e5; /* deprecated */
61
- --color-static-graphic-boulder: #7a7a7a; /* deprecated */
62
- --color-static-graphic-brink-pink: #fc617c; /* deprecated */
63
- --color-static-graphic-burnt-sienna: #eb7a58; /* deprecated */
64
- --color-static-graphic-carrot: #e8bba3; /* deprecated */
65
- --color-static-graphic-chatelle: #bfafc6; /* deprecated */
66
- --color-static-graphic-chathams-blue: #155966; /* deprecated */
67
- --color-static-graphic-chick: #f2db9e; /* deprecated */
68
- --color-static-graphic-crete: #847128; /* deprecated */
69
- --color-static-graphic-curious-blue: #2381db; /* deprecated */
70
- --color-static-graphic-curious-blue-light: #3b99d9; /* deprecated */
71
- --color-static-graphic-eastern-blue: #269cb3; /* deprecated */
72
- --color-static-graphic-french-lilac: #d3baed; /* deprecated */
73
- --color-static-graphic-fuel-yellow: #f29d32; /* deprecated */
74
- --color-static-graphic-fun-blue: #1d6ab5; /* deprecated */
75
- --color-static-graphic-gallery: #eee; /* deprecated */
76
- --color-static-graphic-green-jungle: #2fc26e; /* deprecated */
77
- --color-static-graphic-hippie-blue: #5aa4b0; /* deprecated */
78
- --color-static-graphic-jaffa: #f07134; /* deprecated */
79
- --color-static-graphic-jaffa-light: #f18836; /* deprecated */
80
- --color-static-graphic-java: #15c0e0; /* deprecated */
81
- --color-static-graphic-jungle-green: #2ab79a; /* deprecated */
82
- --color-static-graphic-lavender: #8888ad; /* deprecated */
83
- --color-static-graphic-mantis: #63cd4f; /* deprecated */
84
- --color-static-graphic-matisse: #16548f; /* deprecated */
85
- --color-static-graphic-milano-red: #cd1501; /* deprecated */
86
- --color-static-graphic-mirage: #1d2434; /* deprecated */
87
- --color-static-graphic-moon-raker: #e9dbf7; /* deprecated */
88
- --color-static-graphic-moss-green: #a6d29c; /* deprecated */
89
- --color-static-graphic-nevada: #626b75; /* deprecated */
90
- --color-static-graphic-olive: #bfd3c9; /* deprecated */
91
- --color-static-graphic-olivine: #87b965; /* deprecated */
92
- --color-static-graphic-peach: #fcc99b; /* deprecated */
93
- --color-static-graphic-persimmon: #ff5c5c; /* deprecated */
94
- --color-static-graphic-pewter: #96a5a5; /* deprecated */
95
- --color-static-graphic-pickled-bluewood: #2d3f50; /* deprecated */
96
- --color-static-graphic-porsche: #e7b965; /* deprecated */
97
- --color-static-graphic-raspberry: #dfb2bb; /* deprecated */
98
- --color-static-graphic-red-damask: #da713c; /* deprecated */
99
- --color-static-graphic-saffron: #f0c330; /* deprecated */
100
- --color-static-graphic-salomie: #fee984; /* deprecated */
101
- --color-static-graphic-sand: #f6bf65; /* deprecated */
102
- --color-static-graphic-sandy-brown: #f38f6f; /* deprecated */
103
- --color-static-graphic-seawater: #aecfd9; /* deprecated */
104
- --color-static-graphic-serenade: #fff0e3; /* deprecated */
105
- --color-static-graphic-sky: #a6c0db; /* deprecated */
106
- --color-static-graphic-soft-peach: #f3eaeb; /* deprecated */
107
- --color-static-graphic-solitude: #e8f2fe; /* deprecated */
108
- --color-static-graphic-strawberry: #f8b6a9; /* deprecated */
109
- --color-static-graphic-sundust: #d9d6ce; /* deprecated */
110
- --color-static-graphic-turkish-rose: #b56a6b; /* deprecated */
111
- --color-static-graphic-turquoise-blue: #6bd3e6; /* deprecated */
112
- --color-static-graphic-valencia: #d8463b; /* deprecated */
113
- --color-static-graphic-waikawa-gray: #5b6d9c; /* deprecated */
114
- --color-static-graphic-whisper: #f2eff6; /* deprecated */
115
- --color-static-graphic-zanah: #e1f0de; /* deprecated */
116
- --color-static-local-light-blue: #f5f7f9; /* deprecated */
117
- --color-static-overlay-black-high: rgba(0, 0, 0, 0.32); /* deprecated */
118
- --color-static-overlay-black-low: rgba(0, 0, 0, 0.16); /* deprecated */
119
- --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24); /* deprecated */
120
- --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4); /* deprecated */
121
- --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08); /* deprecated */
122
- --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32); /* deprecated */
123
- --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16); /* deprecated */
124
- --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24); /* deprecated */
125
- --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4); /* deprecated */
126
- --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08); /* deprecated */
127
- --color-static-overlay-white-high: rgba(255, 255, 255, 0.32); /* deprecated */
128
- --color-static-overlay-white-low: rgba(255, 255, 255, 0.16); /* deprecated */
129
- --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24); /* deprecated */
130
- --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4); /* deprecated */
131
- --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08); /* deprecated */
132
- --color-static-status-blue: #007aff; /* deprecated */
133
- --color-static-status-green: #13a463; /* deprecated */
134
- --color-static-status-grey: #6d7986; /* deprecated */
135
- --color-static-status-orange: #de6a00; /* deprecated */
136
- --color-static-status-purple: #673ab7; /* deprecated */
137
- --color-static-status-red: #d91d0b; /* deprecated */
138
- --color-static-status-teal: #219187; /* deprecated */
139
- --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
140
- --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
141
- --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
142
- --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
143
- --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
144
- --color-static-graphic-chathams-blue-old: #155966; /* deprecated */
145
- --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
146
- --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
147
- --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
148
- --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
149
- --color-static-graphic-java-old: #15c0e0; /* deprecated */
150
- --color-static-graphic-mantis-old: #63cd4f; /* deprecated */
151
- --color-static-graphic-matisse-old: #16548f; /* deprecated */
152
- --color-static-graphic-maya: #7eb3ff; /* deprecated */
153
- --color-static-graphic-milano-red-old: #cd1501; /* deprecated */
154
- --color-static-graphic-mirage-old: #1d2434; /* deprecated */
155
- --color-static-graphic-nevada-old: #626b75; /* deprecated */
156
- --color-static-graphic-olivine-old: #87b965; /* deprecated */
157
- --color-static-graphic-permission: #ff5c5c; /* deprecated */
158
- --color-static-graphic-pewter-old: #96a5a5; /* deprecated */
159
- --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
160
- --color-static-graphic-porsche-old: #e7b965; /* deprecated */
161
- --color-static-graphic-red-damask-old: #da713c; /* deprecated */
162
- --color-static-graphic-saffron-old: #f0c330; /* deprecated */
163
- --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
164
- --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
165
- --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
166
- --color-static-graphic-valencia-old: #d8463b; /* deprecated */
167
- --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
168
- --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1); /* deprecated */
169
- --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1); /* deprecated */
170
- --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1); /* deprecated */
171
- --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1); /* deprecated */
172
- --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1); /* deprecated */
173
- --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1); /* deprecated */
174
- --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1); /* deprecated */
175
- }
176
-
177
- :root {
178
- --color-dark-accent-primary: #f83a2a;
179
- --color-dark-accent-primary-hover: #ff503e;
180
- --color-dark-accent-primary-inverted: #ef3124;
181
- --color-dark-accent-primary-inverted-hover: #e32a17;
182
- --color-dark-accent-primary-inverted-press: #d72505;
183
- --color-dark-accent-primary-press: #fd624e;
184
- --color-dark-accent-secondary: #f2f3f5;
185
- --color-dark-accent-secondary-hover: #dcdde1;
186
- --color-dark-accent-secondary-inverted: #212124;
187
- --color-dark-accent-secondary-inverted-hover: #2f2f32;
188
- --color-dark-accent-secondary-inverted-press: #353539;
189
- --color-dark-accent-secondary-press: #d2d3d9;
190
- --color-dark-base-bg-alt-primary: #121213;
191
- --color-dark-base-bg-alt-primary-inverted: #f2f3f5;
192
- --color-dark-base-bg-alt-secondary: #1c1c1e;
193
- --color-dark-base-bg-alt-secondary-inverted: #fff;
194
- --color-dark-base-bg-alt-tertiary: #29292c;
195
- --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;
196
- --color-dark-base-bg-primary: #121213;
197
- --color-dark-base-bg-primary-inverted: #fff;
198
- --color-dark-base-bg-secondary: #1c1c1e;
199
- --color-dark-base-bg-secondary-inverted: #f2f3f5;
200
- --color-dark-base-bg-tertiary: #29292c;
201
- --color-dark-base-bg-tertiary-inverted: #fff;
202
- --color-dark-modal-bg-alt-primary: #1c1c1e;
203
- --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;
204
- --color-dark-modal-bg-alt-secondary: #29292c;
205
- --color-dark-modal-bg-alt-secondary-inverted: #fff;
206
- --color-dark-modal-bg-alt-tertiary: #353539;
207
- --color-dark-modal-bg-alt-tertiary-inverted: #f2f3f5;
208
- --color-dark-modal-bg-primary: #1c1c1e;
209
- --color-dark-modal-bg-primary-inverted: #fff;
210
- --color-dark-modal-bg-secondary: #29292c;
211
- --color-dark-modal-bg-secondary-inverted: #f2f3f5;
212
- --color-dark-modal-bg-tertiary: #353539;
213
- --color-dark-modal-bg-tertiary-inverted: #fff;
214
- --color-dark-neutral-0: #262629;
215
- --color-dark-neutral-0-hover: #2f2f32;
216
- --color-dark-neutral-0-inverted: #fff;
217
- --color-dark-neutral-0-inverted-hover: #e7e8eb;
218
- --color-dark-neutral-0-inverted-press: #dcdde1;
219
- --color-dark-neutral-0-press: #353539;
220
- --color-dark-neutral-100: #1c1c1e;
221
- --color-dark-neutral-100-hover: #212124;
222
- --color-dark-neutral-100-inverted: #f2f3f5;
223
- --color-dark-neutral-100-inverted-hover: #e7e8eb;
224
- --color-dark-neutral-100-inverted-press: #dcdde1;
225
- --color-dark-neutral-100-press: #29292c;
226
- --color-dark-neutral-1300: #f2f3f5;
227
- --color-dark-neutral-1300-hover: #d2d3d9;
228
- --color-dark-neutral-1300-inverted: #212124;
229
- --color-dark-neutral-1300-inverted-hover: #3f3f45;
230
- --color-dark-neutral-1300-inverted-press: #5f5f66;
231
- --color-dark-neutral-1300-press: #babbc2;
232
- --color-dark-neutral-1500: #fff;
233
- --color-dark-neutral-1500-hover: #babbc2;
234
- --color-dark-neutral-1500-inverted: #121213;
235
- --color-dark-neutral-1500-inverted-hover: #3f3f45;
236
- --color-dark-neutral-1500-inverted-press: #5f5f66;
237
- --color-dark-neutral-1500-press: #a0a1a9;
238
- --color-dark-neutral-200: #212124;
239
- --color-dark-neutral-200-hover: #29292c;
240
- --color-dark-neutral-200-inverted: #edeef0;
241
- --color-dark-neutral-200-inverted-hover: #e7e8eb;
242
- --color-dark-neutral-200-inverted-press: #dcdde1;
243
- --color-dark-neutral-200-press: #2f2f32;
244
- --color-dark-neutral-300: #29292c;
245
- --color-dark-neutral-300-hover: #2f2f32;
246
- --color-dark-neutral-300-inverted: #e7e8eb;
247
- --color-dark-neutral-300-inverted-hover: #dcdde1;
248
- --color-dark-neutral-300-inverted-press: #d2d3d9;
249
- --color-dark-neutral-300-press: #353539;
250
- --color-dark-neutral-400: #353539;
251
- --color-dark-neutral-400-hover: #3f3f45;
252
- --color-dark-neutral-400-inverted: #d2d3d9;
253
- --color-dark-neutral-400-inverted-hover: #babbc2;
254
- --color-dark-neutral-400-inverted-press: #a0a1a9;
255
- --color-dark-neutral-400-press: #4a4a51;
256
- --color-dark-neutral-500: #4a4a51;
257
- --color-dark-neutral-500-hover: #5f5f66;
258
- --color-dark-neutral-500-inverted: #babbc2;
259
- --color-dark-neutral-500-inverted-hover: #a0a1a9;
260
- --color-dark-neutral-500-inverted-press: #898991;
261
- --color-dark-neutral-500-press: #75757d;
262
- --color-dark-neutral-700: #898991;
263
- --color-dark-neutral-700-hover: #a0a1a9;
264
- --color-dark-neutral-700-inverted: #898991;
265
- --color-dark-neutral-700-inverted-hover: #75757d;
266
- --color-dark-neutral-700-inverted-press: #5f5f66;
267
- --color-dark-neutral-700-press: #babbc2;
268
- --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07);
269
- --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09);
270
- --color-dark-neutral-translucent-0-inverted: #fff;
271
- --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06);
272
- --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08);
273
- --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13);
274
- --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07);
275
- --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09);
276
- --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06);
277
- --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);
278
- --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
279
- --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
280
- --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
281
- --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
282
- --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
283
- --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);
284
- --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);
285
- --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
286
- --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
287
- --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
288
- --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
289
- --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65);
290
- --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09);
291
- --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13);
292
- --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08);
293
- --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1);
294
- --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14);
295
- --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15);
296
- --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13);
297
- --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15);
298
- --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1);
299
- --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14);
300
- --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18);
301
- --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18);
302
- --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18);
303
- --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23);
304
- --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18);
305
- --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28);
306
- --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38);
307
- --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28);
308
- --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28);
309
- --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37);
310
- --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28);
311
- --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38);
312
- --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47);
313
- --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46);
314
- --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55);
315
- --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65);
316
- --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47);
317
- --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55);
318
- --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);
319
- --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);
320
- --color-dark-overlay-default: rgba(0, 0, 0, 0.7);
321
- --color-dark-status-attention: #fda136;
322
- --color-dark-status-attention-hover: #fdb24d;
323
- --color-dark-status-attention-inverted: #fa9313;
324
- --color-dark-status-attention-inverted-hover: #f18d0b;
325
- --color-dark-status-attention-inverted-press: #ea8313;
326
- --color-dark-status-attention-press: #ffbf70;
327
- --color-dark-status-info: #3193fc;
328
- --color-dark-status-info-hover: #4a9dfc;
329
- --color-dark-status-info-inverted: #2288fa;
330
- --color-dark-status-info-inverted-hover: #2a77ef;
331
- --color-dark-status-info-inverted-press: #2c64d4;
332
- --color-dark-status-info-press: #63aafd;
333
- --color-dark-status-muted-alt-attention: #412f22;
334
- --color-dark-status-muted-alt-attention-hover: #543a27;
335
- --color-dark-status-muted-alt-attention-inverted: #fde6c8;
336
- --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;
337
- --color-dark-status-muted-alt-attention-inverted-press: #f0c492;
338
- --color-dark-status-muted-alt-attention-press: #6a462c;
339
- --color-dark-status-muted-alt-info: #293044;
340
- --color-dark-status-muted-alt-info-hover: #2f3a55;
341
- --color-dark-status-muted-alt-info-inverted: #e4f0ff;
342
- --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;
343
- --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;
344
- --color-dark-status-muted-alt-info-press: #38476c;
345
- --color-dark-status-muted-alt-negative: #442926;
346
- --color-dark-status-muted-alt-negative-hover: #55312e;
347
- --color-dark-status-muted-alt-negative-inverted: #ffdfdf;
348
- --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;
349
- --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;
350
- --color-dark-status-muted-alt-negative-press: #6b3b34;
351
- --color-dark-status-muted-alt-positive: #253528;
352
- --color-dark-status-muted-alt-positive-hover: #273f2d;
353
- --color-dark-status-muted-alt-positive-inverted: #d1f1d7;
354
- --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;
355
- --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;
356
- --color-dark-status-muted-alt-positive-press: #2d4e33;
357
- --color-dark-status-muted-attention: #36291f;
358
- --color-dark-status-muted-attention-hover: #412f22;
359
- --color-dark-status-muted-attention-inverted: #ffefd9;
360
- --color-dark-status-muted-attention-inverted-hover: #fde6c8;
361
- --color-dark-status-muted-attention-inverted-press: #f6d7af;
362
- --color-dark-status-muted-attention-press: #543a27;
363
- --color-dark-status-muted-info: #222a3e;
364
- --color-dark-status-muted-info-hover: #293044;
365
- --color-dark-status-muted-info-inverted: #e4f0ff;
366
- --color-dark-status-muted-info-inverted-hover: #d8eaff;
367
- --color-dark-status-muted-info-inverted-press: #c1dbf7;
368
- --color-dark-status-muted-info-press: #2f3a55;
369
- --color-dark-status-muted-negative: #392523;
370
- --color-dark-status-muted-negative-hover: #442926;
371
- --color-dark-status-muted-negative-inverted: #ffebeb;
372
- --color-dark-status-muted-negative-inverted-hover: #ffdfdf;
373
- --color-dark-status-muted-negative-inverted-press: #f9ccca;
374
- --color-dark-status-muted-negative-press: #55312e;
375
- --color-dark-status-muted-positive: #232d25;
376
- --color-dark-status-muted-positive-hover: #253528;
377
- --color-dark-status-muted-positive-inverted: #dff8e5;
378
- --color-dark-status-muted-positive-inverted-hover: #d1f1d7;
379
- --color-dark-status-muted-positive-inverted-press: #bbe8c3;
380
- --color-dark-status-muted-positive-press: #273f2d;
381
- --color-dark-status-negative: #ff4837;
382
- --color-dark-status-negative-hover: #ff755e;
383
- --color-dark-status-negative-inverted: #ff4837;
384
- --color-dark-status-negative-inverted-hover: #ec2d20;
385
- --color-dark-status-negative-inverted-press: #c7241f;
386
- --color-dark-status-negative-press: #ff8d79;
387
- --color-dark-status-positive: #17d055;
388
- --color-dark-status-positive-hover: #22e068;
389
- --color-dark-status-positive-inverted: #0cc44d;
390
- --color-dark-status-positive-inverted-hover: #04b545;
391
- --color-dark-status-positive-inverted-press: #01a53d;
392
- --color-dark-status-positive-press: #4ae777;
393
- --color-dark-text-attention: #fa9313;
394
- --color-dark-text-attention-hover: #fdb24d;
395
- --color-dark-text-attention-inverted: #ea8313;
396
- --color-dark-text-attention-inverted-hover: #d57111;
397
- --color-dark-text-attention-inverted-press: #b45a06;
398
- --color-dark-text-attention-press: #ffbf70;
399
- --color-dark-text-info: #4a9dfc;
400
- --color-dark-text-info-hover: #63aafd;
401
- --color-dark-text-info-inverted: #2a77ef;
402
- --color-dark-text-info-inverted-hover: #2c64d4;
403
- --color-dark-text-info-inverted-press: #2453b4;
404
- --color-dark-text-info-press: #7fb6ff;
405
- --color-dark-text-negative: #ff4837;
406
- --color-dark-text-negative-hover: #ff755e;
407
- --color-dark-text-negative-inverted: #ec2d20;
408
- --color-dark-text-negative-inverted-hover: #c7241f;
409
- --color-dark-text-negative-inverted-press: #a6201e;
410
- --color-dark-text-negative-press: #ff8d79;
411
- --color-dark-text-positive: #0cc44d;
412
- --color-dark-text-positive-hover: #22e068;
413
- --color-dark-text-positive-inverted: #0d9336;
414
- --color-dark-text-positive-inverted-hover: #0a7d2c;
415
- --color-dark-text-positive-inverted-press: #036625;
416
- --color-dark-text-positive-press: #4ae777;
417
- --color-dark-text-primary: rgba(255, 255, 255, 0.94);
418
- --color-dark-text-primary-hover: rgba(255, 255, 255, 0.7);
419
- --color-dark-text-primary-inverted: rgba(3, 3, 6, 0.88);
420
- --color-dark-text-primary-inverted-hover: rgba(1, 1, 12, 0.63);
421
- --color-dark-text-primary-inverted-press: rgba(4, 4, 19, 0.55);
422
- --color-dark-text-primary-press: rgba(255, 255, 255, 0.6);
423
- --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);
424
- --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);
425
- --color-dark-text-secondary: rgba(238, 238, 251, 0.55);
426
- --color-dark-text-secondary-hover: rgba(239, 240, 252, 0.65);
427
- --color-dark-text-secondary-inverted: rgba(4, 4, 19, 0.55);
428
- --color-dark-text-secondary-inverted-hover: rgba(1, 1, 12, 0.63);
429
- --color-dark-text-secondary-inverted-press: rgba(0, 0, 10, 0.71);
430
- --color-dark-text-secondary-press: rgba(243, 245, 254, 0.75);
431
- --color-dark-text-tertiary: rgba(233, 233, 250, 0.37);
432
- --color-dark-text-tertiary-hover: rgba(238, 238, 254, 0.46);
433
- --color-dark-text-tertiary-inverted: rgba(5, 8, 29, 0.38);
434
- --color-dark-text-tertiary-inverted-hover: rgba(4, 4, 21, 0.47);
435
- --color-dark-text-tertiary-inverted-press: rgba(4, 4, 19, 0.55);
436
- --color-dark-text-tertiary-press: rgba(238, 238, 251, 0.55);
437
- --color-dark-transparent-default: rgba(255, 255, 255, 0);
438
- --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07);
439
- --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06);
440
- --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08);
441
- --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09);
442
- --color-light-accent-primary: #ef3124;
443
- --color-light-accent-primary-hover: #e32a17;
444
- --color-light-accent-primary-inverted: #f83a2a;
445
- --color-light-accent-primary-inverted-hover: #ff503e;
446
- --color-light-accent-primary-inverted-press: #fd624e;
447
- --color-light-accent-primary-press: #d72505;
448
- --color-light-accent-secondary: #212124;
449
- --color-light-accent-secondary-hover: #2f2f32;
450
- --color-light-accent-secondary-inverted: #f2f3f5;
451
- --color-light-accent-secondary-inverted-hover: #dcdde1;
452
- --color-light-accent-secondary-inverted-press: #d2d3d9;
453
- --color-light-accent-secondary-press: #353539;
454
- --color-light-base-bg-alt-primary: #f2f3f5;
455
- --color-light-base-bg-alt-primary-inverted: #121213;
456
- --color-light-base-bg-alt-secondary: #fff;
457
- --color-light-base-bg-alt-secondary-inverted: #1c1c1e;
458
- --color-light-base-bg-alt-tertiary: #f2f3f5;
459
- --color-light-base-bg-alt-tertiary-inverted: #29292c;
460
- --color-light-base-bg-primary: #fff;
461
- --color-light-base-bg-primary-inverted: #121213;
462
- --color-light-base-bg-secondary: #f2f3f5;
463
- --color-light-base-bg-secondary-inverted: #1c1c1e;
464
- --color-light-base-bg-tertiary: #fff;
465
- --color-light-base-bg-tertiary-inverted: #29292c;
466
- --color-light-modal-bg-alt-primary: #f2f3f5;
467
- --color-light-modal-bg-alt-primary-inverted: #1c1c1e;
468
- --color-light-modal-bg-alt-secondary: #fff;
469
- --color-light-modal-bg-alt-secondary-inverted: #29292c;
470
- --color-light-modal-bg-alt-tertiary: #f2f3f5;
471
- --color-light-modal-bg-alt-tertiary-inverted: #353539;
472
- --color-light-modal-bg-primary: #fff;
473
- --color-light-modal-bg-primary-inverted: #1c1c1e;
474
- --color-light-modal-bg-secondary: #f2f3f5;
475
- --color-light-modal-bg-secondary-inverted: #29292c;
476
- --color-light-modal-bg-tertiary: #fff;
477
- --color-light-modal-bg-tertiary-inverted: #353539;
478
- --color-light-neutral-0: #fff;
479
- --color-light-neutral-0-hover: #e7e8eb;
480
- --color-light-neutral-0-inverted: #262629;
481
- --color-light-neutral-0-inverted-hover: #2f2f32;
482
- --color-light-neutral-0-inverted-press: #353539;
483
- --color-light-neutral-0-press: #dcdde1;
484
- --color-light-neutral-100: #f2f3f5;
485
- --color-light-neutral-100-hover: #e7e8eb;
486
- --color-light-neutral-100-inverted: #1c1c1e;
487
- --color-light-neutral-100-inverted-hover: #212124;
488
- --color-light-neutral-100-inverted-press: #29292c;
489
- --color-light-neutral-100-press: #dcdde1;
490
- --color-light-neutral-1300: #212124;
491
- --color-light-neutral-1300-hover: #3f3f45;
492
- --color-light-neutral-1300-inverted: #f2f3f5;
493
- --color-light-neutral-1300-inverted-hover: #d2d3d9;
494
- --color-light-neutral-1300-inverted-press: #babbc2;
495
- --color-light-neutral-1300-press: #5f5f66;
496
- --color-light-neutral-1500: #121213;
497
- --color-light-neutral-1500-hover: #3f3f45;
498
- --color-light-neutral-1500-inverted: #fff;
499
- --color-light-neutral-1500-inverted-hover: #babbc2;
500
- --color-light-neutral-1500-inverted-press: #a0a1a9;
501
- --color-light-neutral-1500-press: #5f5f66;
502
- --color-light-neutral-200: #edeef0;
503
- --color-light-neutral-200-hover: #e7e8eb;
504
- --color-light-neutral-200-inverted: #212124;
505
- --color-light-neutral-200-inverted-hover: #29292c;
506
- --color-light-neutral-200-inverted-press: #2f2f32;
507
- --color-light-neutral-200-press: #dcdde1;
508
- --color-light-neutral-300: #e7e8eb;
509
- --color-light-neutral-300-hover: #dcdde1;
510
- --color-light-neutral-300-inverted: #29292c;
511
- --color-light-neutral-300-inverted-hover: #2f2f32;
512
- --color-light-neutral-300-inverted-press: #353539;
513
- --color-light-neutral-300-press: #d2d3d9;
514
- --color-light-neutral-400: #d2d3d9;
515
- --color-light-neutral-400-hover: #babbc2;
516
- --color-light-neutral-400-inverted: #353539;
517
- --color-light-neutral-400-inverted-hover: #3f3f45;
518
- --color-light-neutral-400-inverted-press: #4a4a51;
519
- --color-light-neutral-400-press: #a0a1a9;
520
- --color-light-neutral-500: #babbc2;
521
- --color-light-neutral-500-hover: #a0a1a9;
522
- --color-light-neutral-500-inverted: #4a4a51;
523
- --color-light-neutral-500-inverted-hover: #5f5f66;
524
- --color-light-neutral-500-inverted-press: #75757d;
525
- --color-light-neutral-500-press: #898991;
526
- --color-light-neutral-700: #898991;
527
- --color-light-neutral-700-hover: #75757d;
528
- --color-light-neutral-700-inverted: #898991;
529
- --color-light-neutral-700-inverted-hover: #a0a1a9;
530
- --color-light-neutral-700-inverted-press: #babbc2;
531
- --color-light-neutral-700-press: #5f5f66;
532
- --color-light-neutral-translucent-0: #fff;
533
- --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
534
- --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
535
- --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
536
- --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
537
- --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
538
- --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
539
- --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
540
- --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
541
- --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
542
- --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
543
- --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
544
- --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
545
- --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
546
- --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
547
- --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
548
- --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
549
- --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
550
- --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
551
- --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
552
- --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
553
- --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
554
- --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
555
- --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
556
- --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
557
- --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
558
- --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
559
- --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
560
- --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
561
- --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
562
- --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
563
- --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
564
- --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
565
- --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
566
- --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18);
567
- --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
568
- --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
569
- --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
570
- --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
571
- --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
572
- --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
573
- --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
574
- --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
575
- --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
576
- --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
577
- --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
578
- --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
579
- --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
580
- --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
581
- --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
582
- --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
583
- --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
584
- --color-light-overlay-default: rgba(0, 0, 0, 0.6);
585
- --color-light-status-attention: #fa9313;
586
- --color-light-status-attention-hover: #f18d0b;
587
- --color-light-status-attention-inverted: #fda136;
588
- --color-light-status-attention-inverted-hover: #fdb24d;
589
- --color-light-status-attention-inverted-press: #ffbf70;
590
- --color-light-status-attention-press: #ea8313;
591
- --color-light-status-info: #2288fa;
592
- --color-light-status-info-hover: #2a77ef;
593
- --color-light-status-info-inverted: #3193fc;
594
- --color-light-status-info-inverted-hover: #4a9dfc;
595
- --color-light-status-info-inverted-press: #63aafd;
596
- --color-light-status-info-press: #2c64d4;
597
- --color-light-status-muted-alt-attention: #fde6c8;
598
- --color-light-status-muted-alt-attention-hover: #f6d7af;
599
- --color-light-status-muted-alt-attention-inverted: #412f22;
600
- --color-light-status-muted-alt-attention-inverted-hover: #543a27;
601
- --color-light-status-muted-alt-attention-inverted-press: #6a462c;
602
- --color-light-status-muted-alt-attention-press: #f0c492;
603
- --color-light-status-muted-alt-info: #d8eaff;
604
- --color-light-status-muted-alt-info-hover: #c1dbf7;
605
- --color-light-status-muted-alt-info-inverted: #293044;
606
- --color-light-status-muted-alt-info-inverted-hover: #2f3a55;
607
- --color-light-status-muted-alt-info-inverted-press: #38476c;
608
- --color-light-status-muted-alt-info-press: #a7cbf2;
609
- --color-light-status-muted-alt-negative: #ffdfdf;
610
- --color-light-status-muted-alt-negative-hover: #f9ccca;
611
- --color-light-status-muted-alt-negative-inverted: #442926;
612
- --color-light-status-muted-alt-negative-inverted-hover: #55312e;
613
- --color-light-status-muted-alt-negative-inverted-press: #6b3b34;
614
- --color-light-status-muted-alt-negative-press: #f3b6af;
615
- --color-light-status-muted-alt-positive: #d1f1d7;
616
- --color-light-status-muted-alt-positive-hover: #bbe8c3;
617
- --color-light-status-muted-alt-positive-inverted: #253528;
618
- --color-light-status-muted-alt-positive-inverted-hover: #273f2d;
619
- --color-light-status-muted-alt-positive-inverted-press: #2d4e33;
620
- --color-light-status-muted-alt-positive-press: #a1dba8;
621
- --color-light-status-muted-attention: #ffefd9;
622
- --color-light-status-muted-attention-hover: #fde6c8;
623
- --color-light-status-muted-attention-inverted: #36291f;
624
- --color-light-status-muted-attention-inverted-hover: #412f22;
625
- --color-light-status-muted-attention-inverted-press: #543a27;
626
- --color-light-status-muted-attention-press: #f6d7af;
627
- --color-light-status-muted-info: #e4f0ff;
628
- --color-light-status-muted-info-hover: #d8eaff;
629
- --color-light-status-muted-info-inverted: #222a3e;
630
- --color-light-status-muted-info-inverted-hover: #293044;
631
- --color-light-status-muted-info-inverted-press: #2f3a55;
632
- --color-light-status-muted-info-press: #c1dbf7;
633
- --color-light-status-muted-negative: #ffebeb;
634
- --color-light-status-muted-negative-hover: #ffdfdf;
635
- --color-light-status-muted-negative-inverted: #392523;
636
- --color-light-status-muted-negative-inverted-hover: #442926;
637
- --color-light-status-muted-negative-inverted-press: #55312e;
638
- --color-light-status-muted-negative-press: #f9ccca;
639
- --color-light-status-muted-positive: #dff8e5;
640
- --color-light-status-muted-positive-hover: #d1f1d7;
641
- --color-light-status-muted-positive-inverted: #232d25;
642
- --color-light-status-muted-positive-inverted-hover: #253528;
643
- --color-light-status-muted-positive-inverted-press: #273f2d;
644
- --color-light-status-muted-positive-press: #bbe8c3;
645
- --color-light-status-negative: #ff4837;
646
- --color-light-status-negative-hover: #ec2d20;
647
- --color-light-status-negative-inverted: #ff4837;
648
- --color-light-status-negative-inverted-hover: #ff755e;
649
- --color-light-status-negative-inverted-press: #ff8d79;
650
- --color-light-status-negative-press: #c7241f;
651
- --color-light-status-positive: #0cc44d;
652
- --color-light-status-positive-hover: #04b545;
653
- --color-light-status-positive-inverted: #17d055;
654
- --color-light-status-positive-inverted-hover: #22e068;
655
- --color-light-status-positive-inverted-press: #4ae777;
656
- --color-light-status-positive-press: #01a53d;
657
- --color-light-text-attention: #ea8313;
658
- --color-light-text-attention-hover: #d57111;
659
- --color-light-text-attention-inverted: #fa9313;
660
- --color-light-text-attention-inverted-hover: #fdb24d;
661
- --color-light-text-attention-inverted-press: #ffbf70;
662
- --color-light-text-attention-press: #b45a06;
663
- --color-light-text-info: #2a77ef;
664
- --color-light-text-info-hover: #2c64d4;
665
- --color-light-text-info-inverted: #4a9dfc;
666
- --color-light-text-info-inverted-hover: #63aafd;
667
- --color-light-text-info-inverted-press: #7fb6ff;
668
- --color-light-text-info-press: #2453b4;
669
- --color-light-text-negative: #ec2d20;
670
- --color-light-text-negative-hover: #c7241f;
671
- --color-light-text-negative-inverted: #ff4837;
672
- --color-light-text-negative-inverted-hover: #ff755e;
673
- --color-light-text-negative-inverted-press: #ff8d79;
674
- --color-light-text-negative-press: #a6201e;
675
- --color-light-text-positive: #0d9336;
676
- --color-light-text-positive-hover: #0a7d2c;
677
- --color-light-text-positive-inverted: #0cc44d;
678
- --color-light-text-positive-inverted-hover: #22e068;
679
- --color-light-text-positive-inverted-press: #4ae777;
680
- --color-light-text-positive-press: #036625;
681
- --color-light-text-primary: rgba(3, 3, 6, 0.88);
682
- --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);
683
- --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
684
- --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
685
- --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
686
- --color-light-text-primary-press: rgba(4, 4, 19, 0.55);
687
- --color-light-text-quaternary: rgba(5, 11, 44, 0.18);
688
- --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
689
- --color-light-text-secondary: rgba(4, 4, 19, 0.55);
690
- --color-light-text-secondary-hover: rgba(1, 1, 12, 0.63);
691
- --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
692
- --color-light-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);
693
- --color-light-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);
694
- --color-light-text-secondary-press: rgba(0, 0, 10, 0.71);
695
- --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
696
- --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);
697
- --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
698
- --color-light-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);
699
- --color-light-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
700
- --color-light-text-tertiary-press: rgba(4, 4, 19, 0.55);
701
- --color-light-transparent-default: rgba(255, 255, 255, 0);
702
- --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
703
- --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
704
- --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);
705
- --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
706
- --color-static-accent-primary: #ef3124;
707
- --color-static-accent-primary-hover: #e32a17;
708
- --color-static-accent-primary-inverted: #f83a2a;
709
- --color-static-accent-primary-inverted-hover: #ff503e;
710
- --color-static-accent-primary-inverted-press: #fd624e;
711
- --color-static-accent-primary-press: #d72505;
712
- --color-static-accent-secondary: #212124;
713
- --color-static-accent-secondary-hover: #2f2f32;
714
- --color-static-accent-secondary-inverted: #f2f3f5;
715
- --color-static-accent-secondary-inverted-hover: #dcdde1;
716
- --color-static-accent-secondary-inverted-press: #d2d3d9;
717
- --color-static-accent-secondary-press: #353539;
718
- --color-static-bg-primary-dark: #121213;
719
- --color-static-neutral-0: #fff;
720
- --color-static-neutral-0-hover: #e7e8eb;
721
- --color-static-neutral-0-inverted: #262629;
722
- --color-static-neutral-0-inverted-hover: #2f2f32;
723
- --color-static-neutral-0-inverted-press: #353539;
724
- --color-static-neutral-0-press: #dcdde1;
725
- --color-static-neutral-100: #f2f3f5;
726
- --color-static-neutral-100-hover: #e7e8eb;
727
- --color-static-neutral-100-inverted: #1c1c1e;
728
- --color-static-neutral-100-inverted-hover: #212124;
729
- --color-static-neutral-100-inverted-press: #29292c;
730
- --color-static-neutral-100-press: #dcdde1;
731
- --color-static-neutral-1300: #212124;
732
- --color-static-neutral-1300-hover: #3f3f45;
733
- --color-static-neutral-1300-inverted: #f2f3f5;
734
- --color-static-neutral-1300-inverted-hover: #d2d3d9;
735
- --color-static-neutral-1300-inverted-press: #babbc2;
736
- --color-static-neutral-1300-press: #5f5f66;
737
- --color-static-neutral-1500: #121213;
738
- --color-static-neutral-1500-hover: #3f3f45;
739
- --color-static-neutral-1500-inverted: #fff;
740
- --color-static-neutral-1500-inverted-hover: #babbc2;
741
- --color-static-neutral-1500-inverted-press: #a0a1a9;
742
- --color-static-neutral-1500-press: #5f5f66;
743
- --color-static-neutral-200: #edeef0;
744
- --color-static-neutral-200-hover: #e7e8eb;
745
- --color-static-neutral-200-inverted: #212124;
746
- --color-static-neutral-200-inverted-hover: #29292c;
747
- --color-static-neutral-200-inverted-press: #2f2f32;
748
- --color-static-neutral-200-press: #dcdde1;
749
- --color-static-neutral-300: #e7e8eb;
750
- --color-static-neutral-300-hover: #dcdde1;
751
- --color-static-neutral-300-inverted: #29292c;
752
- --color-static-neutral-300-inverted-hover: #2f2f32;
753
- --color-static-neutral-300-inverted-press: #353539;
754
- --color-static-neutral-300-press: #d2d3d9;
755
- --color-static-neutral-400: #d2d3d9;
756
- --color-static-neutral-400-hover: #babbc2;
757
- --color-static-neutral-400-inverted: #353539;
758
- --color-static-neutral-400-inverted-hover: #3f3f45;
759
- --color-static-neutral-400-inverted-press: #4a4a51;
760
- --color-static-neutral-400-press: #a0a1a9;
761
- --color-static-neutral-500: #babbc2;
762
- --color-static-neutral-500-hover: #a0a1a9;
763
- --color-static-neutral-500-inverted: #4a4a51;
764
- --color-static-neutral-500-inverted-hover: #5f5f66;
765
- --color-static-neutral-500-inverted-press: #75757d;
766
- --color-static-neutral-500-press: #898991;
767
- --color-static-neutral-700: #898991;
768
- --color-static-neutral-700-hover: #75757d;
769
- --color-static-neutral-700-inverted: #898991;
770
- --color-static-neutral-700-inverted-hover: #a0a1a9;
771
- --color-static-neutral-700-inverted-press: #babbc2;
772
- --color-static-neutral-700-press: #5f5f66;
773
- --color-static-neutral-translucent-0: #fff;
774
- --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);
775
- --color-static-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);
776
- --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);
777
- --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);
778
- --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);
779
- --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06);
780
- --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);
781
- --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
782
- --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);
783
- --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
784
- --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
785
- --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
786
- --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
787
- --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
788
- --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
789
- --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
790
- --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
791
- --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
792
- --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
793
- --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
794
- --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);
795
- --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08);
796
- --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
797
- --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
798
- --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);
799
- --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);
800
- --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
801
- --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);
802
- --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
803
- --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
804
- --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);
805
- --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);
806
- --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
807
- --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);
808
- --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);
809
- --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);
810
- --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);
811
- --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);
812
- --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);
813
- --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28);
814
- --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);
815
- --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
816
- --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
817
- --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
818
- --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
819
- --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);
820
- --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);
821
- --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
822
- --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);
823
- --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);
824
- --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);
825
- --color-static-status-attention: #fa9313;
826
- --color-static-status-attention-inverted: #fda136;
827
- --color-static-status-info: #2288fa;
828
- --color-static-status-info-inverted: #3193fc;
829
- --color-static-status-muted-alt-attention: #fde6c8;
830
- --color-static-status-muted-alt-attention-inverted: #412f22;
831
- --color-static-status-muted-alt-info: #d8eaff;
832
- --color-static-status-muted-alt-info-inverted: #293044;
833
- --color-static-status-muted-alt-negative: #ffdfdf;
834
- --color-static-status-muted-alt-negative-inverted: #442926;
835
- --color-static-status-muted-alt-positive: #d1f1d7;
836
- --color-static-status-muted-alt-positive-inverted: #253528;
837
- --color-static-status-muted-attention: #ffefd9;
838
- --color-static-status-muted-attention-inverted: #36291f;
839
- --color-static-status-muted-info: #e4f0ff;
840
- --color-static-status-muted-info-inverted: #222a3e;
841
- --color-static-status-muted-negative: #ffebeb;
842
- --color-static-status-muted-negative-inverted: #392523;
843
- --color-static-status-muted-positive: #dff8e5;
844
- --color-static-status-muted-positive-inverted: #232d25;
845
- --color-static-status-negative: #ff4837;
846
- --color-static-status-negative-inverted: #ff4837;
847
- --color-static-status-positive: #0cc44d;
848
- --color-static-status-positive-inverted: #17d055;
849
- --color-static-text-attention: #ea8313;
850
- --color-static-text-attention-hover: #d57111;
851
- --color-static-text-attention-inverted: #fa9313;
852
- --color-static-text-attention-inverted-hover: #fdb24d;
853
- --color-static-text-attention-inverted-press: #ffbf70;
854
- --color-static-text-attention-press: #b45a06;
855
- --color-static-text-info: #2a77ef;
856
- --color-static-text-info-hover: #2c64d4;
857
- --color-static-text-info-inverted: #4a9dfc;
858
- --color-static-text-info-inverted-hover: #63aafd;
859
- --color-static-text-info-inverted-press: #7fb6ff;
860
- --color-static-text-info-press: #2453b4;
861
- --color-static-text-negative: #ec2d20;
862
- --color-static-text-negative-hover: #c7241f;
863
- --color-static-text-negative-inverted: #ff4837;
864
- --color-static-text-negative-inverted-hover: #ff755e;
865
- --color-static-text-negative-inverted-press: #ff8d79;
866
- --color-static-text-negative-press: #a6201e;
867
- --color-static-text-positive: #0d9336;
868
- --color-static-text-positive-hover: #0a7d2c;
869
- --color-static-text-positive-inverted: #0cc44d;
870
- --color-static-text-positive-inverted-hover: #22e068;
871
- --color-static-text-positive-inverted-press: #4ae777;
872
- --color-static-text-positive-press: #036625;
873
- --color-static-text-primary: rgba(3, 3, 6, 0.88);
874
- --color-static-text-primary-dark: #0e0e0e;
875
- --color-static-text-primary-hover: rgba(1, 1, 12, 0.63);
876
- --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
877
- --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
878
- --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
879
- --color-static-text-primary-light: #fff;
880
- --color-static-text-primary-press: rgba(4, 4, 19, 0.55);
881
- --color-static-text-quaternary: rgba(5, 11, 44, 0.18);
882
- --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);
883
- --color-static-text-secondary: rgba(4, 4, 19, 0.55);
884
- --color-static-text-secondary-dark: rgba(4, 4, 19, 0.55);
885
- --color-static-text-secondary-hover: rgba(1, 1, 12, 0.63);
886
- --color-static-text-secondary-inverted: rgba(238, 238, 251, 0.55);
887
- --color-static-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);
888
- --color-static-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);
889
- --color-static-text-secondary-light: rgba(238, 238, 251, 0.55);
890
- --color-static-text-secondary-press: rgba(0, 0, 10, 0.71);
891
- --color-static-text-tertiary: rgba(5, 8, 29, 0.38);
892
- --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);
893
- --color-static-text-tertiary-hover: rgba(4, 4, 21, 0.47);
894
- --color-static-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
895
- --color-static-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);
896
- --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);
897
- --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);
898
- --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);
899
- --color-dark-bg-accent: #ef3124; /* deprecated */
900
- --color-dark-bg-attention-muted: #36291f; /* deprecated */
901
- --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */
902
- --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */
903
- --color-dark-bg-info: #001c3c; /* deprecated */
904
- --color-dark-bg-info-muted: #242a39; /* deprecated */
905
- --color-dark-bg-link-muted: #001c3c; /* deprecated */
906
- --color-dark-bg-negative-muted: #392523; /* deprecated */
907
- --color-dark-bg-neutral: #3a3a3c; /* deprecated */
908
- --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
909
- --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
910
- --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
911
- --color-dark-bg-positive-muted: #232d25; /* deprecated */
912
- --color-dark-bg-primary: #121213; /* deprecated */
913
- --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
914
- --color-dark-bg-primary-inverted: #fff; /* deprecated */
915
- --color-dark-bg-quaternary: #36363a; /* deprecated */
916
- --color-dark-bg-quaternary-inverted: #dcdee2; /* deprecated */
917
- --color-dark-bg-secondary: #1c1c1e; /* deprecated */
918
- --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */
919
- --color-dark-bg-secondary-inverted: #f2f3f5; /* deprecated */
920
- --color-dark-bg-tertiary: #27272a; /* deprecated */
921
- --color-dark-bg-tertiary-grouped: #404045; /* deprecated */
922
- --color-dark-bg-tertiary-inverted: #e7e8ea; /* deprecated */
923
- --color-dark-border-accent: #ef3124; /* deprecated */
924
- --color-dark-border-key: #fff; /* deprecated */
925
- --color-dark-border-key-inverted: #000; /* deprecated */
926
- --color-dark-border-link: #3193fc; /* deprecated */
927
- --color-dark-border-primary: #36363a; /* deprecated */
928
- --color-dark-border-primary-inverted: #d5d6dc; /* deprecated */
929
- --color-dark-border-secondary: #27272a; /* deprecated */
930
- --color-dark-border-secondary-inverted: #e7e8ec; /* deprecated */
931
- --color-dark-border-tertiary: #1c1c1e; /* deprecated */
932
- --color-dark-border-tertiary-inverted: #f2f3f5; /* deprecated */
933
- --color-dark-border-underline: #49494f; /* deprecated */
934
- --color-dark-border-underline-inverted: #b8b9c0; /* deprecated */
935
- --color-dark-graphic-accent: #ef3124; /* deprecated */
936
- --color-dark-graphic-attention: #fda136; /* deprecated */
937
- --color-dark-graphic-link: #3193fc; /* deprecated */
938
- --color-dark-graphic-negative: #ff5431; /* deprecated */
939
- --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
940
- --color-dark-graphic-positive: #17d055; /* deprecated */
941
- --color-dark-graphic-primary: #f1f1f1; /* deprecated */
942
- --color-dark-graphic-primary-inverted: #212124; /* deprecated */
943
- --color-dark-graphic-quaternary: #27272a; /* deprecated */
944
- --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
945
- --color-dark-graphic-secondary: #898991; /* deprecated */
946
- --color-dark-graphic-secondary-inverted: #898991; /* deprecated */
947
- --color-dark-graphic-tertiary: #49494f; /* deprecated */
948
- --color-dark-graphic-tertiary-inverted: #b8b9c0; /* deprecated */
949
- --color-dark-specialbg-component: rgba(255, 255, 255, 0.1); /* deprecated */
950
- --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
951
- --color-dark-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
952
- --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
953
- --color-dark-specialbg-overlay-fallback: #0e0e0f; /* deprecated */
954
- --color-dark-specialbg-primary-grouped: #1c1c1e; /* deprecated */
955
- --color-dark-specialbg-secondary-grouped: #27272a; /* deprecated */
956
- --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07); /* deprecated */
957
- --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06); /* deprecated */
958
- --color-dark-specialbg-tertiary-grouped: #36363a; /* deprecated */
959
- --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12); /* deprecated */
960
- --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08); /* deprecated */
961
- --color-dark-text-accent: #ef3124; /* deprecated */
962
- --color-dark-text-disabled: rgba(236, 236, 254, 0.18); /* deprecated */
963
- --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18); /* deprecated */
964
- --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */
965
- --color-dark-text-link: #4a9dfc; /* deprecated */
966
- --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
967
- --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
968
- --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
969
- --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
970
- --color-light-bg-accent: #ef3124; /* deprecated */
971
- --color-light-bg-attention-muted: #ffefd9; /* deprecated */
972
- --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */
973
- --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */
974
- --color-light-bg-info: #d6e8fc; /* deprecated */
975
- --color-light-bg-info-muted: #e4f0ff; /* deprecated */
976
- --color-light-bg-link-muted: #d6e8fc; /* deprecated */
977
- --color-light-bg-negative-muted: #ffebeb; /* deprecated */
978
- --color-light-bg-neutral: #dcdcdd; /* deprecated */
979
- --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */
980
- --color-light-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
981
- --color-light-bg-overlay: rgba(0, 0, 0, 0.65); /* deprecated */
982
- --color-light-bg-positive-muted: #dff8e5; /* deprecated */
983
- --color-light-bg-primary: #fff; /* deprecated */
984
- --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
985
- --color-light-bg-primary-inverted: #121213; /* deprecated */
986
- --color-light-bg-quaternary: #dcdee2; /* deprecated */
987
- --color-light-bg-quaternary-inverted: #36363a; /* deprecated */
988
- --color-light-bg-secondary: #f2f3f5; /* deprecated */
989
- --color-light-bg-secondary-grouped: #fff; /* deprecated */
990
- --color-light-bg-secondary-inverted: #1c1c1e; /* deprecated */
991
- --color-light-bg-tertiary: #e7e8ea; /* deprecated */
992
- --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */
993
- --color-light-bg-tertiary-inverted: #27272a; /* deprecated */
994
- --color-light-border-accent: #ef3124; /* deprecated */
995
- --color-light-border-key: #000; /* deprecated */
996
- --color-light-border-key-inverted: #fff; /* deprecated */
997
- --color-light-border-link: #2288fa; /* deprecated */
998
- --color-light-border-primary: #d5d6dc; /* deprecated */
999
- --color-light-border-primary-inverted: #36363a; /* deprecated */
1000
- --color-light-border-secondary: #e7e8ec; /* deprecated */
1001
- --color-light-border-secondary-inverted: #27272a; /* deprecated */
1002
- --color-light-border-tertiary: #f2f3f5; /* deprecated */
1003
- --color-light-border-tertiary-inverted: #1c1c1e; /* deprecated */
1004
- --color-light-border-underline: #b8b9c0; /* deprecated */
1005
- --color-light-border-underline-inverted: #49494f; /* deprecated */
1006
- --color-light-graphic-accent: #ef3124; /* deprecated */
1007
- --color-light-graphic-attention: #fa9313; /* deprecated */
1008
- --color-light-graphic-link: #2288fa; /* deprecated */
1009
- --color-light-graphic-negative: #ff5431; /* deprecated */
1010
- --color-light-graphic-neutral: #dcdcdd; /* deprecated */
1011
- --color-light-graphic-positive: #0cc44d; /* deprecated */
1012
- --color-light-graphic-primary: #212124; /* deprecated */
1013
- --color-light-graphic-primary-inverted: #f1f1f1; /* deprecated */
1014
- --color-light-graphic-quaternary: #e7e8ec; /* deprecated */
1015
- --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
1016
- --color-light-graphic-secondary: #898991; /* deprecated */
1017
- --color-light-graphic-secondary-inverted: #898991; /* deprecated */
1018
- --color-light-graphic-tertiary: #b8b9c0; /* deprecated */
1019
- --color-light-graphic-tertiary-inverted: #49494f; /* deprecated */
1020
- --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */
1021
- --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1); /* deprecated */
1022
- --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */
1023
- --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
1024
- --color-light-specialbg-overlay-fallback: #49494f; /* deprecated */
1025
- --color-light-specialbg-primary-grouped: #f2f3f5; /* deprecated */
1026
- --color-light-specialbg-secondary-grouped: #fff; /* deprecated */
1027
- --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06); /* deprecated */
1028
- --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07); /* deprecated */
1029
- --color-light-specialbg-tertiary-grouped: #f2f3f5; /* deprecated */
1030
- --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */
1031
- --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */
1032
- --color-light-text-accent: #ef3124; /* deprecated */
1033
- --color-light-text-disabled: rgba(5, 11, 44, 0.18); /* deprecated */
1034
- --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18); /* deprecated */
1035
- --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */
1036
- --color-light-text-link: #2a77ef; /* deprecated */
1037
- --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */
1038
- --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
1039
- --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */
1040
- --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
1041
- --color-static-bg-accent: #ef3124; /* deprecated */
1042
- --color-static-bg-dark: #000; /* deprecated */
1043
- --color-static-bg-light: #fff; /* deprecated */
1044
- --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */
1045
- --color-static-bg-neutral-light: #dcdcdd; /* deprecated */
1046
- --color-static-bg-primary-light: #fff; /* deprecated */
1047
- --color-static-bg-quaternary-dark: #36363a; /* deprecated */
1048
- --color-static-bg-quaternary-light: #e7e8ec; /* deprecated */
1049
- --color-static-bg-secondary-dark: #1c1c1e; /* deprecated */
1050
- --color-static-bg-secondary-light: #f2f3f5; /* deprecated */
1051
- --color-static-bg-tertiary-dark: #27272a; /* deprecated */
1052
- --color-static-bg-tertiary-light: #edeef0; /* deprecated */
1053
- --color-static-border-accent: #ef3124; /* deprecated */
1054
- --color-static-graphic-accent: #ef3124; /* deprecated */
1055
- --color-static-graphic-dark: #212124; /* deprecated */
1056
- --color-static-graphic-light: #f1f1f1; /* deprecated */
1057
- --color-static-text-accent: #ef3124; /* deprecated */
1058
- --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
1059
- --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
1060
- --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */
1061
- --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */
1062
- --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
1063
- --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
1064
- --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1065
- --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
1066
- --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
1067
- --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
1068
- --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
1069
- --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
1070
- --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964); /* deprecated */
1071
- --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
1072
- --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4); /* deprecated */
1073
- --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
1074
- --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916); /* deprecated */
1075
- --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884); /* deprecated */
1076
- --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898); /* deprecated */
1077
- --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
1078
- --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
1079
- --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
1080
- --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
1081
- --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64); /* deprecated */
1082
- --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685); /* deprecated */
1083
- --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
1084
- --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73); /* deprecated */
1085
- --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
1086
- --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685); /* deprecated */
1087
- --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */
1088
- --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1089
- --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */
1090
- --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */
1091
- --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */
1092
- --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */
1093
- --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */
1094
- --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */
1095
- --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928); /* deprecated */
1096
- --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1097
- --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1098
- --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */
1099
- --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958); /* deprecated */
1100
- --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442); /* deprecated */
1101
- --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949); /* deprecated */
1102
- --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */
1103
- --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */
1104
- --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */
1105
- --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */
1106
- --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64); /* deprecated */
1107
- --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685); /* deprecated */
1108
- --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */
1109
- --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
1110
- --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
1111
- --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
1112
- --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
1113
- --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
1114
- --color-static-bg-primary-dark-tint-15: rgb(54, 54, 54); /* deprecated */
1115
- --color-static-bg-primary-dark-tint-20: rgb(65, 65, 66); /* deprecated */
1116
- --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1117
- --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1118
- --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1119
- --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */
1120
- --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */
1121
- --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
1122
- --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1123
- --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1124
- --color-dark-bg-primary-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
1125
- --color-dark-bg-primary-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
1126
- --color-dark-bg-primary-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
1127
- --color-dark-bg-primary-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
1128
- --color-dark-bg-primary-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
1129
- --color-dark-bg-primary-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
1130
- --color-dark-bg-primary-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
1131
- --color-dark-bg-primary-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
1132
- --color-dark-bg-primary-alpha-37: rgba(18, 18, 19, 0.37); /* deprecated */
1133
- --color-dark-bg-primary-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
1134
- --color-dark-bg-primary-tint-7: rgb(35, 35, 36); /* deprecated */
1135
- --color-dark-bg-primary-tint-15: rgb(54, 54, 54); /* deprecated */
1136
- --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
1137
- --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1138
- --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
1139
- --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1140
- --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1141
- --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */
1142
- --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1143
- --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1144
- --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1145
- --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1146
- --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */
1147
- --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1148
- --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1149
- --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1150
- --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1151
- --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1152
- --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1153
- --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */
1154
- --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1155
- --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72); /* deprecated */
1156
- --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78); /* deprecated */
1157
- --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88); /* deprecated */
1158
- --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117); /* deprecated */
1159
- --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1160
- --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192); /* deprecated */
1161
- --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181); /* deprecated */
1162
- --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1163
- --color-dark-bg-secondary-shade-15: rgb(24, 24, 25); /* deprecated */
1164
- --color-dark-bg-secondary-shade-20: rgb(22, 22, 24); /* deprecated */
1165
- --color-dark-bg-secondary-tint-7: rgb(44, 44, 46); /* deprecated */
1166
- --color-dark-bg-secondary-tint-15: rgb(62, 62, 64); /* deprecated */
1167
- --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1168
- --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208); /* deprecated */
1169
- --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196); /* deprecated */
1170
- --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246); /* deprecated */
1171
- --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246); /* deprecated */
1172
- --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57); /* deprecated */
1173
- --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1174
- --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1175
- --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1176
- --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1177
- --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1178
- --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1179
- --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1180
- --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1181
- --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */
1182
- --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */
1183
- --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1184
- --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1185
- --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */
1186
- --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1187
- --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1188
- --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1189
- --color-dark-graphic-negative-shade-20: rgb(204, 67, 39); /* deprecated */
1190
- --color-dark-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1191
- --color-dark-graphic-negative-tint-7: rgb(255, 96, 63); /* deprecated */
1192
- --color-dark-graphic-negative-tint-15: rgb(255, 110, 80); /* deprecated */
1193
- --color-dark-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1194
- --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
1195
- --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
1196
- --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
1197
- --color-dark-graphic-primary-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
1198
- --color-dark-graphic-primary-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
1199
- --color-dark-graphic-primary-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
1200
- --color-dark-graphic-primary-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
1201
- --color-dark-graphic-primary-shade-15: rgb(205, 205, 205); /* deprecated */
1202
- --color-dark-graphic-primary-shade-20: rgb(193, 193, 193); /* deprecated */
1203
- --color-dark-graphic-primary-shade-30: rgb(169, 169, 169); /* deprecated */
1204
- --color-dark-graphic-primary-tint-10: rgb(242, 242, 242); /* deprecated */
1205
- --color-dark-graphic-primary-tint-30: rgb(245, 245, 245); /* deprecated */
1206
- --color-dark-graphic-primary-inverted-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
1207
- --color-dark-graphic-primary-inverted-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
1208
- --color-dark-graphic-primary-inverted-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
1209
- --color-dark-graphic-primary-inverted-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
1210
- --color-dark-graphic-primary-inverted-tint-7: rgb(49, 49, 51); /* deprecated */
1211
- --color-dark-graphic-primary-inverted-tint-10: rgb(55, 55, 58); /* deprecated */
1212
- --color-dark-graphic-primary-inverted-tint-15: rgb(66, 66, 69); /* deprecated */
1213
- --color-dark-graphic-primary-inverted-tint-30: rgb(100, 100, 102); /* deprecated */
1214
- --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
1215
- --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1216
- --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
1217
- --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200); /* deprecated */
1218
- --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1219
- --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123); /* deprecated */
1220
- --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116); /* deprecated */
1221
- --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156); /* deprecated */
1222
- --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178); /* deprecated */
1223
- --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1224
- --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67); /* deprecated */
1225
- --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63); /* deprecated */
1226
- --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91); /* deprecated */
1227
- --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105); /* deprecated */
1228
- --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1229
- --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163); /* deprecated */
1230
- --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154); /* deprecated */
1231
- --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */
1232
- --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19); /* deprecated */
1233
- --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1234
- --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37); /* deprecated */
1235
- --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */
1236
- --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */
1237
- --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */
1238
- --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1239
- --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1240
- --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1241
- --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */
1242
- --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351); /* deprecated */
1243
- --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1244
- --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1245
- --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248); /* deprecated */
1246
- --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816); /* deprecated */
1247
- --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1248
- --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1249
- --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264); /* deprecated */
1250
- --color-dark-text-link-shade-30: rgb(52, 110, 176); /* deprecated */
1251
- --color-dark-text-link-shade-50: rgb(37, 79, 126); /* deprecated */
1252
- --color-dark-text-link-tint-20: rgb(110, 177, 253); /* deprecated */
1253
- --color-dark-text-link-tint-40: rgb(146, 196, 253); /* deprecated */
1254
- --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1255
- --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1256
- --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */
1257
- --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1258
- --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1259
- --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1260
- --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1261
- --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1262
- --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */
1263
- --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */
1264
- --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1265
- --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */
1266
- --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */
1267
- --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1268
- --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */
1269
- --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */
1270
- --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1271
- --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1272
- --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1273
- --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 19, 0.03); /* deprecated */
1274
- --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
1275
- --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 19, 0.05); /* deprecated */
1276
- --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 19, 0.07); /* deprecated */
1277
- --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
1278
- --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
1279
- --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
1280
- --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
1281
- --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
1282
- --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
1283
- --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 19, 0.24); /* deprecated */
1284
- --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
1285
- --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
1286
- --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
1287
- --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 19, 0.5); /* deprecated */
1288
- --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 36); /* deprecated */
1289
- --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54); /* deprecated */
1290
- --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 66); /* deprecated */
1291
- --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1292
- --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
1293
- --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
1294
- --color-light-bg-quaternary-shade-15: rgb(187, 189, 192); /* deprecated */
1295
- --color-light-bg-quaternary-shade-30: rgb(154, 155, 158); /* deprecated */
1296
- --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */
1297
- --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88); /* deprecated */
1298
- --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97); /* deprecated */
1299
- --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */
1300
- --color-light-bg-secondary-tint-15: rgb(244, 245, 246); /* deprecated */
1301
- --color-light-bg-secondary-tint-20: rgb(245, 245, 247); /* deprecated */
1302
- --color-light-bg-secondary-shade-7: rgb(225, 226, 228); /* deprecated */
1303
- --color-light-bg-secondary-shade-15: rgb(206, 207, 208); /* deprecated */
1304
- --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */
1305
- --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64); /* deprecated */
1306
- --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75); /* deprecated */
1307
- --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28); /* deprecated */
1308
- --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25); /* deprecated */
1309
- --color-light-bg-tertiary-shade-7: rgb(215, 216, 218); /* deprecated */
1310
- --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */
1311
- --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */
1312
- --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */
1313
- --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */
1314
- --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1315
- --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1316
- --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
1317
- --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */
1318
- --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */
1319
- --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */
1320
- --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */
1321
- --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */
1322
- --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */
1323
- --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */
1324
- --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */
1325
- --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */
1326
- --color-light-graphic-negative-tint-20: rgb(255, 118, 90); /* deprecated */
1327
- --color-light-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */
1328
- --color-light-graphic-negative-shade-7: rgb(237, 78, 46); /* deprecated */
1329
- --color-light-graphic-negative-shade-15: rgb(217, 71, 42); /* deprecated */
1330
- --color-light-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */
1331
- --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
1332
- --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
1333
- --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
1334
- --color-light-graphic-primary-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
1335
- --color-light-graphic-primary-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
1336
- --color-light-graphic-primary-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
1337
- --color-light-graphic-primary-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
1338
- --color-light-graphic-primary-tint-15: rgb(66, 66, 69); /* deprecated */
1339
- --color-light-graphic-primary-tint-20: rgb(77, 77, 80); /* deprecated */
1340
- --color-light-graphic-primary-tint-30: rgb(100, 100, 102); /* deprecated */
1341
- --color-light-graphic-primary-shade-10: rgb(30, 30, 32); /* deprecated */
1342
- --color-light-graphic-primary-shade-30: rgb(23, 23, 25); /* deprecated */
1343
- --color-light-graphic-primary-inverted-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
1344
- --color-light-graphic-primary-inverted-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
1345
- --color-light-graphic-primary-inverted-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
1346
- --color-light-graphic-primary-inverted-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
1347
- --color-light-graphic-primary-inverted-shade-7: rgb(224, 224, 224); /* deprecated */
1348
- --color-light-graphic-primary-inverted-shade-10: rgb(217, 217, 217); /* deprecated */
1349
- --color-light-graphic-primary-inverted-shade-15: rgb(205, 205, 205); /* deprecated */
1350
- --color-light-graphic-primary-inverted-shade-30: rgb(169, 169, 169); /* deprecated */
1351
- --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
1352
- --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1353
- --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
1354
- --color-light-graphic-secondary-shade-50: rgb(69, 69, 73); /* deprecated */
1355
- --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1356
- --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162); /* deprecated */
1357
- --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167); /* deprecated */
1358
- --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131); /* deprecated */
1359
- --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102); /* deprecated */
1360
- --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */
1361
- --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201); /* deprecated */
1362
- --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205); /* deprecated */
1363
- --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179); /* deprecated */
1364
- --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163); /* deprecated */
1365
- --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */
1366
- --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105); /* deprecated */
1367
- --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114); /* deprecated */
1368
- --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */
1369
- --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */
1370
- --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */
1371
- --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */
1372
- --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */
1373
- --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */
1374
- --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */
1375
- --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */
1376
- --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1377
- --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */
1378
- --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */
1379
- --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258); /* deprecated */
1380
- --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */
1381
- --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */
1382
- --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256); /* deprecated */
1383
- --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444); /* deprecated */
1384
- --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */
1385
- --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */
1386
- --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296); /* deprecated */
1387
- --color-light-text-link-tint-30: rgb(106, 160, 244); /* deprecated */
1388
- --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
1389
- --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
1390
- --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
1391
- --color-static-graphic-light-shade-7: rgb(224, 224, 224); /* deprecated */
1392
- --color-static-graphic-light-shade-15: rgb(205, 205, 205); /* deprecated */
1393
- }
1394
-
1395
- :root {
1396
- --color-static-brand-black: #000;
1397
- --color-static-brand-blue: #0056ff;
1398
- --color-static-brand-bright-blue: #00e8f0;
1399
- --color-static-brand-green: #31e300;
1400
- --color-static-brand-red: #ef3124;
1401
- --color-static-brand-violet: #6a4dff;
1402
- --color-static-brand-warm-green: #a8f000;
1403
- --color-static-brand-white: #fff;
1404
- }
1405
-
1406
- :root {
1407
- --color-static-monochrome-black-2: rgba(0, 0, 0, 0.02);
1408
- --color-static-monochrome-black-4: rgba(0, 0, 0, 0.04);
1409
- --color-static-monochrome-black-6: rgba(0, 0, 0, 0.06);
1410
- --color-static-monochrome-black-8: rgba(0, 0, 0, 0.08);
1411
- --color-static-monochrome-black-10: rgba(0, 0, 0, 0.1);
1412
- --color-static-monochrome-black-12: rgba(0, 0, 0, 0.12);
1413
- --color-static-monochrome-black-16: rgba(0, 0, 0, 0.16);
1414
- --color-static-monochrome-black-20: rgba(0, 0, 0, 0.2);
1415
- --color-static-monochrome-black-24: rgba(0, 0, 0, 0.24);
1416
- --color-static-monochrome-black-32: rgba(0, 0, 0, 0.32);
1417
- --color-static-monochrome-black-40: rgba(0, 0, 0, 0.4);
1418
- --color-static-monochrome-black-44: rgba(0, 0, 0, 0.44);
1419
- --color-static-monochrome-black-48: rgba(0, 0, 0, 0.48);
1420
- --color-static-monochrome-black-56: rgba(0, 0, 0, 0.56);
1421
- --color-static-monochrome-black-64: rgba(0, 0, 0, 0.64);
1422
- --color-static-monochrome-black-72: rgba(0, 0, 0, 0.72);
1423
- --color-static-monochrome-black-80: rgba(0, 0, 0, 0.8);
1424
- --color-static-monochrome-black-88: rgba(0, 0, 0, 0.88);
1425
- --color-static-monochrome-black-100: #000;
1426
- --color-static-monochrome-white-2: rgba(255, 255, 255, 0.02);
1427
- --color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
1428
- --color-static-monochrome-white-6: rgba(255, 255, 255, 0.06);
1429
- --color-static-monochrome-white-8: rgba(255, 255, 255, 0.08);
1430
- --color-static-monochrome-white-10: rgba(255, 255, 255, 0.1);
1431
- --color-static-monochrome-white-12: rgba(255, 255, 255, 0.12);
1432
- --color-static-monochrome-white-16: rgba(255, 255, 255, 0.16);
1433
- --color-static-monochrome-white-20: rgba(255, 255, 255, 0.2);
1434
- --color-static-monochrome-white-24: rgba(255, 255, 255, 0.24);
1435
- --color-static-monochrome-white-32: rgba(255, 255, 255, 0.32);
1436
- --color-static-monochrome-white-40: rgba(255, 255, 255, 0.4);
1437
- --color-static-monochrome-white-44: rgba(255, 255, 255, 0.44);
1438
- --color-static-monochrome-white-48: rgba(255, 255, 255, 0.48);
1439
- --color-static-monochrome-white-56: rgba(255, 255, 255, 0.56);
1440
- --color-static-monochrome-white-64: rgba(255, 255, 255, 0.64);
1441
- --color-static-monochrome-white-72: rgba(255, 255, 255, 0.72);
1442
- --color-static-monochrome-white-80: rgba(255, 255, 255, 0.8);
1443
- --color-static-monochrome-white-88: rgba(255, 255, 255, 0.88);
1444
- --color-static-monochrome-white-100: #fff;
1445
- --color-light-monochrome-black-2: rgba(0, 0, 0, 0.02);
1446
- --color-light-monochrome-black-2-inverted: rgba(255, 255, 255, 0.02);
1447
- --color-light-monochrome-black-4: rgba(0, 0, 0, 0.04);
1448
- --color-light-monochrome-black-4-inverted: rgba(255, 255, 255, 0.04);
1449
- --color-light-monochrome-black-6: rgba(0, 0, 0, 0.06);
1450
- --color-light-monochrome-black-6-inverted: rgba(255, 255, 255, 0.06);
1451
- --color-light-monochrome-black-8: rgba(0, 0, 0, 0.08);
1452
- --color-light-monochrome-black-8-inverted: rgba(255, 255, 255, 0.08);
1453
- --color-light-monochrome-black-10: rgba(0, 0, 0, 0.1);
1454
- --color-light-monochrome-black-10-inverted: rgba(255, 255, 255, 0.1);
1455
- --color-light-monochrome-black-12: rgba(0, 0, 0, 0.12);
1456
- --color-light-monochrome-black-12-inverted: rgba(255, 255, 255, 0.12);
1457
- --color-light-monochrome-black-16: rgba(0, 0, 0, 0.16);
1458
- --color-light-monochrome-black-16-inverted: rgba(255, 255, 255, 0.16);
1459
- --color-light-monochrome-black-20: rgba(0, 0, 0, 0.2);
1460
- --color-light-monochrome-black-20-inverted: rgba(255, 255, 255, 0.2);
1461
- --color-light-monochrome-black-24: rgba(0, 0, 0, 0.24);
1462
- --color-light-monochrome-black-24-inverted: rgba(255, 255, 255, 0.24);
1463
- --color-light-monochrome-black-32: rgba(0, 0, 0, 0.32);
1464
- --color-light-monochrome-black-32-inverted: rgba(255, 255, 255, 0.32);
1465
- --color-light-monochrome-black-40: rgba(0, 0, 0, 0.4);
1466
- --color-light-monochrome-black-40-inverted: rgba(255, 255, 255, 0.4);
1467
- --color-light-monochrome-black-44: rgba(0, 0, 0, 0.44);
1468
- --color-light-monochrome-black-44-inverted: rgba(255, 255, 255, 0.44);
1469
- --color-light-monochrome-black-48: rgba(0, 0, 0, 0.48);
1470
- --color-light-monochrome-black-48-inverted: rgba(255, 255, 255, 0.48);
1471
- --color-light-monochrome-black-56: rgba(0, 0, 0, 0.56);
1472
- --color-light-monochrome-black-56-inverted: rgba(255, 255, 255, 0.56);
1473
- --color-light-monochrome-black-64: rgba(0, 0, 0, 0.64);
1474
- --color-light-monochrome-black-64-inverted: rgba(255, 255, 255, 0.64);
1475
- --color-light-monochrome-black-72: rgba(0, 0, 0, 0.72);
1476
- --color-light-monochrome-black-72-inverted: rgba(255, 255, 255, 0.72);
1477
- --color-light-monochrome-black-80: rgba(0, 0, 0, 0.8);
1478
- --color-light-monochrome-black-80-inverted: rgba(255, 255, 255, 0.8);
1479
- --color-light-monochrome-black-88: rgba(0, 0, 0, 0.88);
1480
- --color-light-monochrome-black-88-inverted: rgba(255, 255, 255, 0.88);
1481
- --color-light-monochrome-black-100: #000;
1482
- --color-light-monochrome-black-100-inverted: #fff;
1483
- --color-light-monochrome-white-2: rgba(255, 255, 255, 0.02);
1484
- --color-light-monochrome-white-2-inverted: rgba(0, 0, 0, 0.02);
1485
- --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
1486
- --color-light-monochrome-white-4-inverted: rgba(0, 0, 0, 0.04);
1487
- --color-light-monochrome-white-6: rgba(255, 255, 255, 0.06);
1488
- --color-light-monochrome-white-6-inverted: rgba(0, 0, 0, 0.06);
1489
- --color-light-monochrome-white-8: rgba(255, 255, 255, 0.08);
1490
- --color-light-monochrome-white-8-inverted: rgba(0, 0, 0, 0.08);
1491
- --color-light-monochrome-white-10: rgba(255, 255, 255, 0.1);
1492
- --color-light-monochrome-white-10-inverted: rgba(0, 0, 0, 0.1);
1493
- --color-light-monochrome-white-12: rgba(255, 255, 255, 0.12);
1494
- --color-light-monochrome-white-12-inverted: rgba(0, 0, 0, 0.12);
1495
- --color-light-monochrome-white-16: rgba(255, 255, 255, 0.16);
1496
- --color-light-monochrome-white-16-inverted: rgba(0, 0, 0, 0.16);
1497
- --color-light-monochrome-white-20: rgba(255, 255, 255, 0.2);
1498
- --color-light-monochrome-white-20-inverted: rgba(0, 0, 0, 0.2);
1499
- --color-light-monochrome-white-24: rgba(255, 255, 255, 0.24);
1500
- --color-light-monochrome-white-24-inverted: rgba(0, 0, 0, 0.24);
1501
- --color-light-monochrome-white-32: rgba(255, 255, 255, 0.32);
1502
- --color-light-monochrome-white-32-inverted: rgba(0, 0, 0, 0.32);
1503
- --color-light-monochrome-white-40: rgba(255, 255, 255, 0.4);
1504
- --color-light-monochrome-white-40-inverted: rgba(0, 0, 0, 0.4);
1505
- --color-light-monochrome-white-44: rgba(255, 255, 255, 0.44);
1506
- --color-light-monochrome-white-44-inverted: rgba(0, 0, 0, 0.44);
1507
- --color-light-monochrome-white-48: rgba(255, 255, 255, 0.48);
1508
- --color-light-monochrome-white-48-inverted: rgba(0, 0, 0, 0.48);
1509
- --color-light-monochrome-white-56: rgba(255, 255, 255, 0.56);
1510
- --color-light-monochrome-white-56-inverted: rgba(0, 0, 0, 0.56);
1511
- --color-light-monochrome-white-64: rgba(255, 255, 255, 0.64);
1512
- --color-light-monochrome-white-64-inverted: rgba(0, 0, 0, 0.64);
1513
- --color-light-monochrome-white-72: rgba(255, 255, 255, 0.72);
1514
- --color-light-monochrome-white-72-inverted: rgba(0, 0, 0, 0.72);
1515
- --color-light-monochrome-white-80: rgba(255, 255, 255, 0.8);
1516
- --color-light-monochrome-white-80-inverted: rgba(0, 0, 0, 0.8);
1517
- --color-light-monochrome-white-88: rgba(255, 255, 255, 0.88);
1518
- --color-light-monochrome-white-88-inverted: rgba(0, 0, 0, 0.88);
1519
- --color-light-monochrome-white-100: #fff;
1520
- --color-light-monochrome-white-100-inverted: #000;
1521
- --color-dark-monochrome-black-2: rgba(255, 255, 255, 0.02);
1522
- --color-dark-monochrome-black-2-inverted: rgba(0, 0, 0, 0.02);
1523
- --color-dark-monochrome-black-4: rgba(255, 255, 255, 0.04);
1524
- --color-dark-monochrome-black-4-inverted: rgba(0, 0, 0, 0.04);
1525
- --color-dark-monochrome-black-6: rgba(255, 255, 255, 0.06);
1526
- --color-dark-monochrome-black-6-inverted: rgba(0, 0, 0, 0.06);
1527
- --color-dark-monochrome-black-8: rgba(255, 255, 255, 0.08);
1528
- --color-dark-monochrome-black-8-inverted: rgba(0, 0, 0, 0.08);
1529
- --color-dark-monochrome-black-10: rgba(255, 255, 255, 0.1);
1530
- --color-dark-monochrome-black-10-inverted: rgba(0, 0, 0, 0.1);
1531
- --color-dark-monochrome-black-12: rgba(255, 255, 255, 0.12);
1532
- --color-dark-monochrome-black-12-inverted: rgba(0, 0, 0, 0.12);
1533
- --color-dark-monochrome-black-16: rgba(255, 255, 255, 0.16);
1534
- --color-dark-monochrome-black-16-inverted: rgba(0, 0, 0, 0.16);
1535
- --color-dark-monochrome-black-20: rgba(255, 255, 255, 0.2);
1536
- --color-dark-monochrome-black-20-inverted: rgba(0, 0, 0, 0.2);
1537
- --color-dark-monochrome-black-24: rgba(255, 255, 255, 0.24);
1538
- --color-dark-monochrome-black-24-inverted: rgba(0, 0, 0, 0.24);
1539
- --color-dark-monochrome-black-32: rgba(255, 255, 255, 0.32);
1540
- --color-dark-monochrome-black-32-inverted: rgba(0, 0, 0, 0.32);
1541
- --color-dark-monochrome-black-40: rgba(255, 255, 255, 0.4);
1542
- --color-dark-monochrome-black-40-inverted: rgba(0, 0, 0, 0.4);
1543
- --color-dark-monochrome-black-44: rgba(255, 255, 255, 0.44);
1544
- --color-dark-monochrome-black-44-inverted: rgba(0, 0, 0, 0.44);
1545
- --color-dark-monochrome-black-48: rgba(255, 255, 255, 0.48);
1546
- --color-dark-monochrome-black-48-inverted: rgba(0, 0, 0, 0.48);
1547
- --color-dark-monochrome-black-56: rgba(255, 255, 255, 0.56);
1548
- --color-dark-monochrome-black-56-inverted: rgba(0, 0, 0, 0.56);
1549
- --color-dark-monochrome-black-64: rgba(255, 255, 255, 0.64);
1550
- --color-dark-monochrome-black-64-inverted: rgba(0, 0, 0, 0.64);
1551
- --color-dark-monochrome-black-72: rgba(255, 255, 255, 0.72);
1552
- --color-dark-monochrome-black-72-inverted: rgba(0, 0, 0, 0.72);
1553
- --color-dark-monochrome-black-80: rgba(255, 255, 255, 0.8);
1554
- --color-dark-monochrome-black-80-inverted: rgba(0, 0, 0, 0.8);
1555
- --color-dark-monochrome-black-88: rgba(255, 255, 255, 0.88);
1556
- --color-dark-monochrome-black-88-inverted: rgba(0, 0, 0, 0.88);
1557
- --color-dark-monochrome-black-100: #fff;
1558
- --color-dark-monochrome-black-100-inverted: #000;
1559
- --color-dark-monochrome-white-2: rgba(0, 0, 0, 0.02);
1560
- --color-dark-monochrome-white-2-inverted: rgba(255, 255, 255, 0.02);
1561
- --color-dark-monochrome-white-4: rgba(0, 0, 0, 0.04);
1562
- --color-dark-monochrome-white-4-inverted: rgba(255, 255, 255, 0.04);
1563
- --color-dark-monochrome-white-6: rgba(0, 0, 0, 0.06);
1564
- --color-dark-monochrome-white-6-inverted: rgba(255, 255, 255, 0.06);
1565
- --color-dark-monochrome-white-8: rgba(0, 0, 0, 0.08);
1566
- --color-dark-monochrome-white-8-inverted: rgba(255, 255, 255, 0.08);
1567
- --color-dark-monochrome-white-10: rgba(0, 0, 0, 0.1);
1568
- --color-dark-monochrome-white-10-inverted: rgba(255, 255, 255, 0.1);
1569
- --color-dark-monochrome-white-12: rgba(0, 0, 0, 0.12);
1570
- --color-dark-monochrome-white-12-inverted: rgba(255, 255, 255, 0.12);
1571
- --color-dark-monochrome-white-16: rgba(0, 0, 0, 0.16);
1572
- --color-dark-monochrome-white-16-inverted: rgba(255, 255, 255, 0.16);
1573
- --color-dark-monochrome-white-20: rgba(0, 0, 0, 0.2);
1574
- --color-dark-monochrome-white-20-inverted: rgba(255, 255, 255, 0.2);
1575
- --color-dark-monochrome-white-24: rgba(0, 0, 0, 0.24);
1576
- --color-dark-monochrome-white-24-inverted: rgba(255, 255, 255, 0.24);
1577
- --color-dark-monochrome-white-32: rgba(0, 0, 0, 0.32);
1578
- --color-dark-monochrome-white-32-inverted: rgba(255, 255, 255, 0.32);
1579
- --color-dark-monochrome-white-40: rgba(0, 0, 0, 0.4);
1580
- --color-dark-monochrome-white-40-inverted: rgba(255, 255, 255, 0.4);
1581
- --color-dark-monochrome-white-44: rgba(0, 0, 0, 0.44);
1582
- --color-dark-monochrome-white-44-inverted: rgba(255, 255, 255, 0.44);
1583
- --color-dark-monochrome-white-48: rgba(0, 0, 0, 0.48);
1584
- --color-dark-monochrome-white-48-inverted: rgba(255, 255, 255, 0.48);
1585
- --color-dark-monochrome-white-56: rgba(0, 0, 0, 0.56);
1586
- --color-dark-monochrome-white-56-inverted: rgba(255, 255, 255, 0.56);
1587
- --color-dark-monochrome-white-64: rgba(0, 0, 0, 0.64);
1588
- --color-dark-monochrome-white-64-inverted: rgba(255, 255, 255, 0.64);
1589
- --color-dark-monochrome-white-72: rgba(0, 0, 0, 0.72);
1590
- --color-dark-monochrome-white-72-inverted: rgba(255, 255, 255, 0.72);
1591
- --color-dark-monochrome-white-80: rgba(0, 0, 0, 0.8);
1592
- --color-dark-monochrome-white-80-inverted: rgba(255, 255, 255, 0.8);
1593
- --color-dark-monochrome-white-88: rgba(0, 0, 0, 0.88);
1594
- --color-dark-monochrome-white-88-inverted: rgba(255, 255, 255, 0.88);
1595
- --color-dark-monochrome-white-100: #000;
1596
- --color-dark-monochrome-white-100-inverted: #fff;
1597
- }
1598
-
1599
- :root {
1600
- --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
1601
- --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
1602
- --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
1603
- }
1604
-
1605
- :root {
1606
- --color-dark-promo-muted-menthol: #1b2816;
1607
- --color-dark-promo-muted-sonata: #222a3e;
1608
- --color-dark-promo-muted-tomato: #3e2321;
1609
- --color-light-promo-muted-menthol: #eafae2;
1610
- --color-light-promo-muted-sonata: #e9f6fd;
1611
- --color-light-promo-muted-tomato: #fdf1f1;
1612
- --color-static-promo-chardonnay: #ffcf99;
1613
- --color-static-promo-conclave: #b3ccff;
1614
- --color-static-promo-gravel: #2a2c2f;
1615
- --color-static-promo-lagoon: #9df2f5;
1616
- --color-static-promo-menthol: #bff0a8;
1617
- --color-static-promo-oasis: #dfbfff;
1618
- --color-static-promo-pale-chardonnay: #ffe5c7;
1619
- --color-static-promo-pale-conclave: #d6e6ff;
1620
- --color-static-promo-pale-lagoon: #c5f8fa;
1621
- --color-static-promo-pale-oasis: #ebd6ff;
1622
- --color-static-promo-pale-pearl: #f1f4f4;
1623
- --color-static-promo-pale-primrose: #eaffb3;
1624
- --color-static-promo-pale-seafoam: #d6ffe7;
1625
- --color-static-promo-pale-tomato: #ffdbd8;
1626
- --color-static-promo-peach: #ffcbb3;
1627
- --color-static-promo-pearl: #eaeeee;
1628
- --color-static-promo-prelude: #c7bfff;
1629
- --color-static-promo-primrose: #d6f09a;
1630
- --color-static-promo-seafoam: #a0fac6;
1631
- --color-static-promo-sonata: #9edfff;
1632
- --color-static-promo-tomato: #ffcac7;
1633
- --color-static-promo-vibrant-chardonnay: #fa9319;
1634
- --color-static-promo-vibrant-conclave: #266fff;
1635
- --color-static-promo-vibrant-lagoon: #00e8f0;
1636
- --color-static-promo-vibrant-menthol: #31e300;
1637
- --color-static-promo-vibrant-oasis: #93f;
1638
- --color-static-promo-vibrant-peach: #ff681c;
1639
- --color-static-promo-vibrant-prelude: #6a4dff;
1640
- --color-static-promo-vibrant-primrose: #a8f000;
1641
- --color-static-promo-vibrant-seafoam: #00f064;
1642
- --color-static-promo-vibrant-sonata: #17a0e5;
1643
- --color-static-promo-vibrant-tomato: #ef3124;
1644
- }
1645
-
1646
- :root {
1647
- --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */
1648
- --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1649
- --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1650
- --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1651
- --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1652
- --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1653
- --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1654
- --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1655
- --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1656
- --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1657
- --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1658
- --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1659
- --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1660
- --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */
1661
- --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
1662
- --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
1663
- --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
1664
- --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
1665
- --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
1666
- --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
1667
- --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
1668
- --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
1669
- --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
1670
- --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
1671
- --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
1672
- --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
1673
- }
1674
-
1675
- :root {
1676
- --color-dark-indigo: #0b1f35; /* deprecated */
1677
- --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
1678
- --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
1679
- --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
1680
- --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
1681
- --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
1682
- --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
1683
- --color-dark-indigo-60-flat: #6d7986; /* deprecated */
1684
- --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
1685
- --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
1686
- --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
1687
- --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
1688
- --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
1689
- --color-red-brand: #ef3124; /* deprecated */
1690
- --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
1691
- --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
1692
- --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
1693
- --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
1694
- --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
1695
- --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
1696
- --color-red-brand-85-flat: #f15045; /* deprecated */
1697
- --color-red-brand-70-flat: #f46f66; /* deprecated */
1698
- --color-red-brand-50-flat: #f69791; /* deprecated */
1699
- --color-red-brand-30-flat: #fbc2bd; /* deprecated */
1700
- --color-red-brand-20-flat: #fcd6d3; /* deprecated */
1701
- --color-red-brand-10-flat: #feebea; /* deprecated */
1702
- --color-red-brand-05-flat: #fef5f4; /* deprecated */
1703
- --color-red-dark: #d91d0b; /* deprecated */
1704
- --color-red-error: #ff5c5c; /* deprecated */
1705
- --color-green-text: #13a463; /* deprecated */
1706
- --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
1707
- --color-green-text-60-flat: #71c8a1; /* deprecated */
1708
- --color-green-done: #2fc26e; /* deprecated */
1709
- --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
1710
- --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
1711
- --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
1712
- --color-green-done-20-flat: #d5f3e2; /* deprecated */
1713
- --color-green-done-10-flat: #ebf9f1; /* deprecated */
1714
- --color-green-done-05-flat: #f4fcf7; /* deprecated */
1715
- --color-blue-action: #0e60b9; /* deprecated */
1716
- --color-blue-swipe-a: #2670c6; /* deprecated */
1717
- --color-blue-swipe-b: #3781d8; /* deprecated */
1718
- --color-blue-swipe-c: #4a90e2; /* deprecated */
1719
- --color-blue-link-mobile: #007aff; /* deprecated */
1720
- --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
1721
- --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
1722
- --color-blue-link-web: #0f62fe; /* deprecated */
1723
- --color-sand: #f6bf65; /* deprecated */
1724
- --color-lavender: #8888ad; /* deprecated */
1725
- --color-amethyst: #a489aa; /* deprecated */
1726
- --color-black: #000; /* deprecated */
1727
- --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
1728
- --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
1729
- --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
1730
- --color-black-60-flat: #666; /* deprecated */
1731
- --color-black-30-flat: #b3b3b3; /* deprecated */
1732
- --color-black-10-flat: #e6e6e6; /* deprecated */
1733
- --color-white: #fff; /* deprecated */
1734
- --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
1735
- --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
1736
- --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
1737
- --color-bg-corporate: #212a33; /* deprecated */
1738
- --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
1739
- --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
1740
- --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
1741
- --color-bg-corporate-90-flat: #384048; /* deprecated */
1742
- --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
1743
- --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
1744
- --color-light-blue: #f5f7f9; /* deprecated */
1745
- }
1746
-
1747
- :root {
1748
- --focus-color: var(--color-light-status-info);
1749
- --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
1750
- sans-serif;
1751
- --disabled-cursor: not-allowed;
1752
- --arrow-transform: rotate(180deg);
1753
- --size-xxs-height: 32px;
1754
- --size-xs-height: 40px;
1755
- --size-s-height: 48px;
1756
- --size-m-height: 56px;
1757
- --size-l-height: 64px;
1758
- --size-xl-height: 72px;
1759
- }
1760
-
1761
- :root {
1762
- --gap-3xs: 2px; /* deprecated */
1763
- --gap-2xs: 4px; /* deprecated */
1764
- --gap-xs: 8px; /* deprecated */
1765
- --gap-s: 12px; /* deprecated */
1766
- --gap-2s: 14px; /* deprecated */
1767
- --gap-m: 16px; /* deprecated */
1768
- --gap-l: 20px; /* deprecated */
1769
- --gap-xl: 24px; /* deprecated */
1770
- --gap-2xl: 32px; /* deprecated */
1771
- --gap-3xl: 40px; /* deprecated */
1772
- --gap-4xl: 48px; /* deprecated */
1773
- --gap-5xl: 64px; /* deprecated */
1774
- --gap-6xl: 72px; /* deprecated */
1775
- --gap-7xl: 96px; /* deprecated */
1776
- --gap-8xl: 128px; /* deprecated */
1777
- --gap-3xs-neg: -2px; /* deprecated */
1778
- --gap-2xs-neg: -4px; /* deprecated */
1779
- --gap-xs-neg: -8px; /* deprecated */
1780
- --gap-s-neg: -12px; /* deprecated */
1781
- --gap-m-neg: -16px; /* deprecated */
1782
- --gap-l-neg: -20px; /* deprecated */
1783
- --gap-xl-neg: -24px; /* deprecated */
1784
- --gap-2xl-neg: -32px; /* deprecated */
1785
- --gap-3xl-neg: -40px; /* deprecated */
1786
- --gap-4xl-neg: -48px; /* deprecated */
1787
- --gap-5xl-neg: -64px; /* deprecated */
1788
- --gap-6xl-neg: -72px; /* deprecated */
1789
- --gap-7xl-neg: -96px; /* deprecated */
1790
- --gap-8xl-neg: -128px; /* deprecated */
1791
-
1792
- /* новые значения, используйте их */
1793
-
1794
- /* no-unit может приводить к проблемам в calc (#1559) */
1795
- /* stylelint-disable-next-line length-zero-no-unit */
1796
- --gap-0: 0px;
1797
- --gap-2: var(--gap-3xs);
1798
- --gap-4: var(--gap-2xs);
1799
- --gap-8: var(--gap-xs);
1800
- --gap-12: var(--gap-s);
1801
- --gap-16: var(--gap-m);
1802
- --gap-20: var(--gap-l);
1803
- --gap-24: var(--gap-xl);
1804
- --gap-32: var(--gap-2xl);
1805
- --gap-40: var(--gap-3xl);
1806
- --gap-48: var(--gap-4xl);
1807
- --gap-56: 56px;
1808
- --gap-64: var(--gap-5xl);
1809
- --gap-72: var(--gap-6xl);
1810
- --gap-80: 80px;
1811
- --gap-96: var(--gap-7xl);
1812
- --gap-128: var(--gap-8xl);
1813
- --gap-2-neg: var(--gap-3xs-neg);
1814
- --gap-4-neg: var(--gap-2xs-neg);
1815
- --gap-8-neg: var(--gap-xs-neg);
1816
- --gap-12-neg: var(--gap-s-neg);
1817
- --gap-16-neg: var(--gap-m-neg);
1818
- --gap-20-neg: var(--gap-l-neg);
1819
- --gap-24-neg: var(--gap-xl-neg);
1820
- --gap-32-neg: var(--gap-2xl-neg);
1821
- --gap-40-neg: var(--gap-3xl-neg);
1822
- --gap-48-neg: var(--gap-4xl-neg);
1823
- --gap-56-neg: -56px;
1824
- --gap-64-neg: var(--gap-5xl-neg);
1825
- --gap-72-neg: var(--gap-6xl-neg);
1826
- --gap-80-neg: -80px;
1827
- --gap-96-neg: var(--gap-7xl-neg);
1828
- --gap-128-neg: var(--gap-8xl-neg);
1829
- }
1830
-
1831
- /* сбрасывает синюю подсветку при нажатии */
1832
-
1833
- :root {
1834
- --sat: env(safe-area-inset-top, var(--gap-0));
1835
- --sar: env(safe-area-inset-right, var(--gap-0));
1836
- --sab: env(safe-area-inset-bottom, var(--gap-0));
1837
- --sal: env(safe-area-inset-left, var(--gap-0));
1838
- }
1839
-
1840
- :root {
1841
- --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1842
- --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
1843
- 0 0 1px rgba(0, 0, 0, 0.04);
1844
- --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
1845
- 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1846
- --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
1847
- 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);
1848
- --shadow-xl: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
1849
- 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
1850
- 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
1851
-
1852
- /* Hard */
1853
- --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
1854
- --shadow-s-hard: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
1855
- 0 0 1px rgba(0, 0, 0, 0.16);
1856
- --shadow-m-hard: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
1857
- 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
1858
- --shadow-l-hard: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
1859
- 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);
1860
- --shadow-xl-hard: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
1861
- 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
1862
- 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
1863
-
1864
- /* Up */
1865
- --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
1866
- --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
1867
- --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
1868
- --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
1869
- --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
1870
-
1871
- /* Hard up */
1872
- --shadow-xs-hard-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
1873
- 0 -2px 4px rgba(0, 0, 0, 0.16);
1874
- --shadow-s-hard-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
1875
- 0 -4px 8px rgba(0, 0, 0, 0.16);
1876
- --shadow-m-hard-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
1877
- 0 -8px 16px rgba(0, 0, 0, 0.16);
1878
- --shadow-l-hard-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
1879
- 0 -12px 24px rgba(0, 0, 0, 0.16);
1880
- --shadow-xl-hard-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
1881
- 0 -16px 32px rgba(0, 0, 0, 0.16);
1882
- }
1883
-
1884
- /* @deprecated */
1885
-
1886
- /* @deprecated */
1887
-
1888
- /* @deprecated */
1889
-
1890
- /* @deprecated */
1891
-
1892
- /* @deprecated */
1893
-
1894
- :root {
1895
- --disabled-cursor: not-allowed;
1896
- --arrow-transform: rotate(-180deg);
1897
-
1898
- /* closer-mobile */
1899
-
1900
- --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-1300);
1901
-
1902
- /* back-arrow */
1903
-
1904
- --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-1300);
1905
- /* checkmark */
1906
- --select-checkmark-margin-after: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
1907
- --select-checkmark-size: 24px;
1908
- --select-checkmark-before-display: none;
1909
- --select-checkmark-after-display: none;
1910
- --select-checkmark-background: none;
1911
- --select-checkmark-border-radius: 0;
1912
- --select-checkmark-after-display-single: block;
1913
- --select-mobile-checkmark-display-icon: block;
1914
- --select-mobile-checkmark-display-badge: none;
1915
- --progressbar-bg-color: var(--color-light-neutral-400);
1916
- --pure-cell-clickable-area-hover-opacity: 0.8;
1917
- --pure-cell-clickable-area-active-opacity: 0.6;
1918
- --amount-major-part-font-weight: bold;
1919
- --amount-minor-part-font-weight: bold;
1920
- /* theme */
1921
- --checkbox-group-error-padding-left: var(--gap-0);
1922
- --checkbox-group-error-border-left: none;
1923
- /* mobile */
1924
- --checkbox-group-mobile-sub-padding-left: var(--gap-0);
1925
- --checkbox-group-mobile-list-padding-left: var(--gap-0);
1926
- /* theme */
1927
- --primary-tablist-s-font-size: 18px;
1928
- --primary-tablist-s-font-weight: 500;
1929
- --primary-tablist-s-font-family: var(--font-family-system);
1930
- --primary-tablist-s-padding: var(--gap-12) var(--gap-0);
1931
- --primary-tablist-m-font-size: 20px;
1932
- --primary-tablist-m-font-weight: 500;
1933
- --primary-tablist-m-font-family: var(--font-family-styrene);
1934
- --primary-tablist-m-padding: var(--gap-12) var(--gap-0);
1935
- --primary-tablist-l-font-size: 24px;
1936
- --primary-tablist-l-font-weight: 500;
1937
- --primary-tablist-l-font-family: var(--font-family-styrene);
1938
- --primary-tablist-l-padding: var(--gap-20) var(--gap-0);
1939
- --primary-tablist-xl-font-size: 24px;
1940
- --primary-tablist-xl-font-weight: 500;
1941
- --primary-tablist-xl-font-family: var(--font-family-styrene);
1942
- --primary-tablist-xl-padding: var(--gap-20) var(--gap-0);
1943
- --primary-tablist-font-feature-settings: 'ss01';
1944
- /* mobile */
1945
- --primary-tablist-mobile-font-weight: 500;
1946
- --primary-tablist-mobile-font-family: var(--font-family-styrene);
1947
- --primary-tablist-mobile-font-size: 20px;
1948
- --primary-tablist-mobile-line-height: 28px;
1949
- /* desktop */
1950
- --confirmation-header-desktop-font-size: 24px;
1951
- --confirmation-header-desktop-line-height: 32px;
1952
- --confirmation-header-desktop-font-weight: 500;
1953
- --confirmation-header-desktop-font-family: var(--font-family-styrene);
1954
- --confirmation-header-font-feature-settings: 'ss01';
1955
- /* mobile */
1956
- --confirmation-header-mobile-font-weight: 500;
1957
- --confirmation-header-mobile-font-family: var(--font-family-styrene);
1958
- /* theme */
1959
- --calendar-range-background: var(--color-light-base-bg-secondary);
1960
- --calendar-select-button-today-border-color: transparent;
1961
- --calendar-month-only-header-font-family: var(--font-family-styrene);
1962
- --calendar-month-only-header-font-size: 20px;
1963
- --calendar-month-only-header-font-weight: 500;
1964
- /* sizes */
1965
- --modal-vertical-padding: var(--gap-48);
1966
- --modal-footer-default-gap: var(--gap-24);
1967
- /* paddings */
1968
- --modal-s-header-paddings: 28px 28px var(--gap-16);
1969
- --modal-s-content-paddings: var(--gap-16) var(--gap-40) var(--gap-8);
1970
- --modal-s-content-only-bottom-padding: var(--gap-48);
1971
- --modal-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
1972
- /* scroll */
1973
- --modal-header-highlight-background: var(--color-light-base-bg-primary);
1974
- --modal-footer-highlight-background: var(--color-light-base-bg-secondary);
1975
- --modal-footer-highlight-box-shadow: none;
1976
- /* desktop */
1977
- --modal-s-header-desktop-content-paddings: var(--gap-8) var(--gap-12) 0;
1978
- --modal-s-header-desktop-font-size: 24px;
1979
- --modal-s-header-desktop-line-height: 32px;
1980
- --modal-header-desktop-font-weight: 500;
1981
- --modal-header-desktop-font-family: var(--font-family-styrene);
1982
- /* mobile */
1983
- --modal-header-mobile-paddings: 0 var(--gap-8);
1984
- --modal-header-mobile-content-paddings: 10px var(--gap-8) 10px var(--gap-8);
1985
- --modal-header-mobile-font-size: 20px;
1986
- --modal-header-mobile-line-height: 28px;
1987
- --modal-header-mobile-font-family: var(--font-family-styrene);
1988
- --modal-header-mobile-font-weight: 500;
1989
- /* theme */
1990
- --toast-plate-title-font-weight: 400;
1991
- --toast-plate-action-align: flex-start;
1992
- --toast-plate-action-padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-24);
1993
- --toast-plate-action-divider-display: none;
1994
- --toast-plate-content-with-closer-right-padding: var(--gap-0);
1995
- --toast-plate-close-button-align: flex-start;
1996
- --toast-plate-action-margin: var(--gap-0);
1997
- /* theme */
1998
- --list-item-margin: var(--gap-16);
1999
- --dropzone-active-cursor: pointer;
2000
- --bottom-sheet-header-border-bottom: none;
2001
- --bottom-sheet-footer-border-top: none;
2002
- --bottom-sheet-footer-background-color: var(--color-light-base-bg-secondary);
2003
- --bottom-sheet-title-font-size: 20px;
2004
- --bottom-sheet-title-font-weight: 500;
2005
- --bottom-sheet-title-line-height: 28px;
2006
- --bottom-sheet-title-font-family: var(--font-family-styrene);
2007
- /* theme */
2008
- --circular-progress-bar-font-weight: 500;
2009
- --circular-progress-bar-font-family: var(--font-family-styrene);
2010
- /* theme */
2011
- --icon-view-color: var(--color-light-neutral-translucent-1300);
2012
- --sys-message-title-font-family: var(--font-family-styrene);
2013
- /* desktop */
2014
- --sys-message-desktop-title-font-size: 24px;
2015
- --sys-message-desktop-title-line-height: 32px;
2016
- --sys-message-desktop-title-font-weight: 500;
2017
- /* mobile */
2018
- --sys-message-mobile-title-font-size: 20px;
2019
- --sys-message-mobile-title-line-height: 24px;
2020
- --sys-message-mobile-title-font-weight: 500;
2021
- --side-panel-footer-highlight-background: var(--color-light-base-bg-secondary);
2022
- --side-panel-header-highlight-box-shadow: none;
2023
- --side-panel-footer-highlight-box-shadow: none;
2024
- /* mobile */
2025
- --radio-group-mobile-sub-padding-left: var(--gap-0);
2026
- --radio-group-mobile-list-padding-left: var(--gap-0);
2027
- /* theme */
2028
- --form-control-mobile-sub-paddings: 0;
2029
- }
2030
- `;
3
+ // eslint-disable-next-line import/no-webpack-loader-syntax
4
+ const click = styles.toString();
2031
5
 
2032
6
  export { click as default };