@alfalab/core-components 48.29.0-beta.1 → 48.29.0-snapshot.2-b4d1ee6

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 (743) hide show
  1. package/bottom-sheet/component.js +27 -17
  2. package/bottom-sheet/components/footer/Component.d.ts +5 -0
  3. package/bottom-sheet/components/footer/Component.js +13 -5
  4. package/bottom-sheet/components/footer/default.css +45 -0
  5. package/bottom-sheet/components/footer/index.css +9 -78
  6. package/bottom-sheet/components/footer/inverted.css +45 -0
  7. package/bottom-sheet/components/header/Component.d.ts +3 -0
  8. package/bottom-sheet/components/header/Component.js +17 -7
  9. package/bottom-sheet/components/header/default.css +46 -0
  10. package/bottom-sheet/components/header/index.css +23 -9
  11. package/bottom-sheet/components/header/inverted.css +46 -0
  12. package/bottom-sheet/cssm/component.js +25 -17
  13. package/bottom-sheet/cssm/components/footer/Component.d.ts +5 -0
  14. package/bottom-sheet/cssm/components/footer/Component.js +10 -4
  15. package/bottom-sheet/cssm/components/footer/default.module.css +44 -0
  16. package/bottom-sheet/cssm/components/footer/index.module.css +9 -78
  17. package/bottom-sheet/cssm/components/footer/inverted.module.css +44 -0
  18. package/bottom-sheet/cssm/components/header/Component.d.ts +3 -0
  19. package/bottom-sheet/cssm/components/header/Component.js +14 -6
  20. package/bottom-sheet/cssm/components/header/default.module.css +45 -0
  21. package/bottom-sheet/cssm/components/header/index.module.css +25 -9
  22. package/bottom-sheet/cssm/components/header/inverted.module.css +45 -0
  23. package/bottom-sheet/cssm/default.module.css +47 -0
  24. package/bottom-sheet/cssm/index.module.css +21 -22
  25. package/bottom-sheet/cssm/inverted.module.css +47 -0
  26. package/bottom-sheet/cssm/types.d.ts +9 -2
  27. package/bottom-sheet/cssm/utils.d.ts +3 -1
  28. package/bottom-sheet/cssm/utils.js +5 -0
  29. package/bottom-sheet/cssm/vars.css +7 -2
  30. package/bottom-sheet/default.css +48 -0
  31. package/bottom-sheet/esm/component.js +28 -18
  32. package/bottom-sheet/esm/components/footer/Component.d.ts +5 -0
  33. package/bottom-sheet/esm/components/footer/Component.js +14 -5
  34. package/bottom-sheet/esm/components/footer/default.css +45 -0
  35. package/bottom-sheet/esm/components/footer/index.css +9 -78
  36. package/bottom-sheet/esm/components/footer/inverted.css +45 -0
  37. package/bottom-sheet/esm/components/header/Component.d.ts +3 -0
  38. package/bottom-sheet/esm/components/header/Component.js +18 -7
  39. package/bottom-sheet/esm/components/header/default.css +46 -0
  40. package/bottom-sheet/esm/components/header/index.css +23 -9
  41. package/bottom-sheet/esm/components/header/inverted.css +46 -0
  42. package/bottom-sheet/esm/default.css +48 -0
  43. package/bottom-sheet/esm/index.css +21 -22
  44. package/bottom-sheet/esm/inverted.css +48 -0
  45. package/bottom-sheet/esm/types.d.ts +9 -2
  46. package/bottom-sheet/esm/utils.d.ts +3 -1
  47. package/bottom-sheet/esm/utils.js +5 -1
  48. package/bottom-sheet/index.css +21 -22
  49. package/bottom-sheet/inverted.css +48 -0
  50. package/bottom-sheet/modern/component.js +24 -13
  51. package/bottom-sheet/modern/components/footer/Component.d.ts +5 -0
  52. package/bottom-sheet/modern/components/footer/Component.js +13 -4
  53. package/bottom-sheet/modern/components/footer/default.css +45 -0
  54. package/bottom-sheet/modern/components/footer/index.css +9 -78
  55. package/bottom-sheet/modern/components/footer/inverted.css +45 -0
  56. package/bottom-sheet/modern/components/header/Component.d.ts +3 -0
  57. package/bottom-sheet/modern/components/header/Component.js +17 -6
  58. package/bottom-sheet/modern/components/header/default.css +46 -0
  59. package/bottom-sheet/modern/components/header/index.css +23 -9
  60. package/bottom-sheet/modern/components/header/inverted.css +46 -0
  61. package/bottom-sheet/modern/default.css +48 -0
  62. package/bottom-sheet/modern/index.css +21 -22
  63. package/bottom-sheet/modern/inverted.css +48 -0
  64. package/bottom-sheet/modern/types.d.ts +9 -2
  65. package/bottom-sheet/modern/utils.d.ts +3 -1
  66. package/bottom-sheet/modern/utils.js +2 -1
  67. package/bottom-sheet/moderncssm/component.js +24 -13
  68. package/bottom-sheet/moderncssm/components/footer/Component.d.ts +5 -0
  69. package/bottom-sheet/moderncssm/components/footer/Component.js +8 -3
  70. package/bottom-sheet/moderncssm/components/footer/default.module.css +22 -0
  71. package/bottom-sheet/moderncssm/components/footer/index.module.css +7 -26
  72. package/bottom-sheet/moderncssm/components/footer/inverted.module.css +22 -0
  73. package/bottom-sheet/moderncssm/components/header/Component.d.ts +3 -0
  74. package/bottom-sheet/moderncssm/components/header/Component.js +12 -5
  75. package/bottom-sheet/moderncssm/components/header/default.module.css +26 -0
  76. package/bottom-sheet/moderncssm/components/header/index.module.css +27 -8
  77. package/bottom-sheet/moderncssm/components/header/inverted.module.css +26 -0
  78. package/bottom-sheet/moderncssm/default.module.css +27 -0
  79. package/bottom-sheet/moderncssm/index.js +6 -0
  80. package/bottom-sheet/moderncssm/index.module.css +8 -6
  81. package/bottom-sheet/moderncssm/inverted.module.css +27 -0
  82. package/bottom-sheet/moderncssm/types.d.ts +9 -2
  83. package/bottom-sheet/moderncssm/utils.d.ts +3 -1
  84. package/bottom-sheet/moderncssm/utils.js +2 -1
  85. package/bottom-sheet/moderncssm/vars.css +7 -2
  86. package/bottom-sheet/types.d.ts +9 -2
  87. package/bottom-sheet/utils.d.ts +3 -1
  88. package/bottom-sheet/utils.js +5 -0
  89. package/calendar/components/calendar-mobile/Component.js +1 -1
  90. package/calendar/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  91. package/calendar/components/calendar-mobile/index.d.ts +1 -1
  92. package/calendar/components/calendar-mobile/index.js +1 -1
  93. package/calendar/esm/Component.responsive.js +1 -1
  94. package/calendar/esm/components/calendar-mobile/Component.js +1 -1
  95. package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  96. package/calendar/esm/components/calendar-mobile/index.d.ts +1 -1
  97. package/calendar/esm/components/calendar-mobile/index.js +1 -1
  98. package/calendar/esm/index.js +1 -1
  99. package/calendar/esm/mobile/index.js +1 -1
  100. package/calendar/mobile/index.js +1 -1
  101. package/calendar/modern/Component.responsive.js +1 -1
  102. package/calendar/modern/components/calendar-mobile/Component.js +1 -1
  103. package/calendar/modern/components/calendar-mobile/calendarMonthOnlyView.js +1 -1
  104. package/calendar/modern/components/calendar-mobile/index.d.ts +1 -1
  105. package/calendar/modern/components/calendar-mobile/index.js +1 -1
  106. package/calendar/modern/index.js +1 -1
  107. package/calendar/modern/mobile/index.js +1 -1
  108. package/calendar-input/cssm/components/calendar-input/Component.d.ts +1 -1
  109. package/cdn-icon/cssm/hooks/use-icon.js +1 -1
  110. package/cdn-icon/esm/hooks/use-icon.js +1 -1
  111. package/cdn-icon/hooks/use-icon.js +1 -1
  112. package/cdn-icon/modern/hooks/use-icon.js +1 -1
  113. package/cdn-icon/moderncssm/hooks/use-icon.js +1 -1
  114. package/collapse/Component.d.ts +5 -0
  115. package/collapse/Component.js +3 -3
  116. package/collapse/cssm/Component.d.ts +5 -0
  117. package/collapse/cssm/Component.js +3 -3
  118. package/collapse/esm/Component.d.ts +5 -0
  119. package/collapse/esm/Component.js +3 -3
  120. package/collapse/modern/Component.d.ts +5 -0
  121. package/collapse/modern/Component.js +2 -2
  122. package/collapse/moderncssm/Component.d.ts +5 -0
  123. package/collapse/moderncssm/Component.js +2 -2
  124. package/confirmation/components/screens/initial/component.js +1 -1
  125. package/confirmation/components/screens/initial/countdown-section.js +1 -1
  126. package/confirmation/esm/component.responsive.js +1 -1
  127. package/confirmation/esm/components/base-confirmation/component.js +1 -1
  128. package/confirmation/esm/components/base-confirmation/index.js +1 -1
  129. package/confirmation/esm/components/index.js +1 -1
  130. package/confirmation/esm/components/screens/index.js +1 -1
  131. package/confirmation/esm/components/screens/initial/component.js +1 -1
  132. package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
  133. package/confirmation/esm/components/screens/initial/index.js +1 -1
  134. package/confirmation/esm/desktop/component.desktop.js +1 -1
  135. package/confirmation/esm/desktop/index.js +1 -1
  136. package/confirmation/esm/index.js +1 -1
  137. package/confirmation/esm/mobile/component.mobile.js +1 -1
  138. package/confirmation/esm/mobile/index.js +1 -1
  139. package/confirmation/esm/shared/index.js +1 -1
  140. package/confirmation/modern/component.responsive.js +1 -1
  141. package/confirmation/modern/components/base-confirmation/component.js +1 -1
  142. package/confirmation/modern/components/base-confirmation/index.js +1 -1
  143. package/confirmation/modern/components/index.js +1 -1
  144. package/confirmation/modern/components/screens/index.js +1 -1
  145. package/confirmation/modern/components/screens/initial/component.js +1 -1
  146. package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
  147. package/confirmation/modern/components/screens/initial/index.js +1 -1
  148. package/confirmation/modern/desktop/component.desktop.js +1 -1
  149. package/confirmation/modern/desktop/index.js +1 -1
  150. package/confirmation/modern/index.js +1 -1
  151. package/confirmation/modern/mobile/component.mobile.js +1 -1
  152. package/confirmation/modern/mobile/index.js +1 -1
  153. package/confirmation/modern/shared/index.js +1 -1
  154. package/file-upload-item/components/actions-control/actions.js +1 -1
  155. package/file-upload-item/components/actions-control/components/delete-button/delete-button.js +1 -1
  156. package/file-upload-item/components/actions-control/components/download-button/download-button.js +1 -1
  157. package/file-upload-item/components/actions-control/components/restore-button/restore-button.js +1 -1
  158. package/file-upload-item/esm/Component.js +1 -1
  159. package/file-upload-item/esm/components/actions-control/actions.js +1 -1
  160. package/file-upload-item/esm/components/actions-control/components/delete-button/delete-button.js +1 -1
  161. package/file-upload-item/esm/components/actions-control/components/delete-button/index.js +1 -1
  162. package/file-upload-item/esm/components/actions-control/components/download-button/download-button.js +1 -1
  163. package/file-upload-item/esm/components/actions-control/components/download-button/index.js +1 -1
  164. package/file-upload-item/esm/components/actions-control/components/restore-button/index.js +1 -1
  165. package/file-upload-item/esm/components/actions-control/components/restore-button/restore-button.js +1 -1
  166. package/file-upload-item/esm/components/actions-control/index.js +1 -1
  167. package/file-upload-item/esm/index.js +1 -1
  168. package/file-upload-item/modern/Component.js +1 -1
  169. package/file-upload-item/modern/components/actions-control/actions.js +1 -1
  170. package/file-upload-item/modern/components/actions-control/components/delete-button/delete-button.js +1 -1
  171. package/file-upload-item/modern/components/actions-control/components/delete-button/index.js +1 -1
  172. package/file-upload-item/modern/components/actions-control/components/download-button/download-button.js +1 -1
  173. package/file-upload-item/modern/components/actions-control/components/download-button/index.js +1 -1
  174. package/file-upload-item/modern/components/actions-control/components/restore-button/index.js +1 -1
  175. package/file-upload-item/modern/components/actions-control/components/restore-button/restore-button.js +1 -1
  176. package/file-upload-item/modern/components/actions-control/index.js +1 -1
  177. package/file-upload-item/modern/index.js +1 -1
  178. package/gallery/components/image-viewer/component.js +1 -1
  179. package/gallery/components/image-viewer/hooks.js +1 -1
  180. package/gallery/components/image-viewer/single.js +1 -1
  181. package/gallery/components/image-viewer/slide.js +1 -1
  182. package/gallery/esm/Component.js +1 -1
  183. package/gallery/esm/components/image-viewer/component.js +1 -1
  184. package/gallery/esm/components/image-viewer/hooks.js +1 -1
  185. package/gallery/esm/components/image-viewer/index.js +1 -1
  186. package/gallery/esm/components/image-viewer/single.js +1 -1
  187. package/gallery/esm/components/image-viewer/slide.js +1 -1
  188. package/gallery/esm/components/index.js +1 -1
  189. package/gallery/esm/index.js +1 -1
  190. package/gallery/modern/Component.js +1 -1
  191. package/gallery/modern/components/image-viewer/component.js +1 -1
  192. package/gallery/modern/components/image-viewer/hooks.js +1 -1
  193. package/gallery/modern/components/image-viewer/index.js +1 -1
  194. package/gallery/modern/components/image-viewer/single.js +1 -1
  195. package/gallery/modern/components/image-viewer/slide.js +1 -1
  196. package/gallery/modern/components/index.js +1 -1
  197. package/gallery/modern/index.js +1 -1
  198. package/input-autocomplete/cssm/mobile/Component.mobile.js +3 -1
  199. package/input-autocomplete/esm/mobile/Component.mobile.js +3 -1
  200. package/input-autocomplete/mobile/Component.mobile.js +3 -1
  201. package/input-autocomplete/modern/mobile/Component.mobile.js +7 -1
  202. package/input-autocomplete/moderncssm/mobile/Component.mobile.js +7 -1
  203. package/international-phone-input/components/country-select/Component.js +1 -0
  204. package/international-phone-input/cssm/components/country-select/Component.js +1 -0
  205. package/international-phone-input/cssm/typings-d515b24c.d.ts +31 -1
  206. package/international-phone-input/esm/components/country-select/Component.js +1 -0
  207. package/international-phone-input/esm/typings-d515b24c.d.ts +31 -1
  208. package/international-phone-input/modern/components/country-select/Component.js +1 -0
  209. package/international-phone-input/modern/typings-d515b24c.d.ts +31 -1
  210. package/international-phone-input/moderncssm/components/country-select/Component.js +1 -0
  211. package/international-phone-input/moderncssm/typings-d515b24c.d.ts +31 -1
  212. package/international-phone-input/typings-d515b24c.d.ts +594 -11
  213. package/list/Component.js +1 -1
  214. package/list/components/item/Component.js +1 -1
  215. package/list/components/item/index.d.ts +1 -1
  216. package/list/components/item/index.js +1 -1
  217. package/list/esm/Component.js +1 -1
  218. package/list/esm/components/item/Component.js +1 -1
  219. package/list/esm/components/item/index.d.ts +1 -1
  220. package/list/esm/components/item/index.js +1 -1
  221. package/list/esm/index.js +1 -1
  222. package/list/index.js +1 -1
  223. package/list/modern/Component.js +1 -1
  224. package/list/modern/components/item/Component.js +1 -1
  225. package/list/modern/components/item/index.d.ts +1 -1
  226. package/list/modern/components/item/index.js +1 -1
  227. package/list/modern/index.js +1 -1
  228. package/modal/components/controls/Component.js +1 -1
  229. package/modal/components/footer/Component.js +1 -1
  230. package/modal/esm/Component.responsive.js +1 -1
  231. package/modal/esm/components/controls/Component.js +1 -1
  232. package/modal/esm/components/controls/index.js +1 -1
  233. package/modal/esm/components/footer/Component.js +1 -1
  234. package/modal/esm/desktop/Component.desktop.js +1 -1
  235. package/modal/esm/desktop/index.js +1 -1
  236. package/modal/esm/index.js +1 -1
  237. package/modal/esm/mobile/Component.mobile.js +1 -1
  238. package/modal/esm/mobile/index.js +1 -1
  239. package/modal/modern/Component.responsive.js +1 -1
  240. package/modal/modern/components/controls/Component.js +1 -1
  241. package/modal/modern/components/controls/index.js +1 -1
  242. package/modal/modern/components/footer/Component.js +1 -1
  243. package/modal/modern/desktop/Component.desktop.js +1 -1
  244. package/modal/modern/desktop/index.js +1 -1
  245. package/modal/modern/index.js +1 -1
  246. package/modal/modern/mobile/Component.mobile.js +1 -1
  247. package/modal/modern/mobile/index.js +1 -1
  248. package/navigation-bar-private/Component.js +6 -6
  249. package/navigation-bar-private/components/back-arrow-addon/Component.d.ts +5 -0
  250. package/navigation-bar-private/components/back-arrow-addon/Component.js +14 -3
  251. package/navigation-bar-private/components/back-arrow-addon/default.css +75 -0
  252. package/navigation-bar-private/components/back-arrow-addon/index.css +4 -18
  253. package/navigation-bar-private/components/back-arrow-addon/inverted.css +77 -0
  254. package/navigation-bar-private/components/closer/default.css +2 -0
  255. package/navigation-bar-private/components/closer/inverted.css +2 -0
  256. package/navigation-bar-private/cssm/Component.js +6 -6
  257. package/navigation-bar-private/cssm/components/back-arrow-addon/Component.d.ts +5 -0
  258. package/navigation-bar-private/cssm/components/back-arrow-addon/Component.js +12 -3
  259. package/navigation-bar-private/cssm/components/back-arrow-addon/default.module.css +74 -0
  260. package/navigation-bar-private/cssm/components/back-arrow-addon/index.module.css +4 -18
  261. package/navigation-bar-private/cssm/components/back-arrow-addon/inverted.module.css +76 -0
  262. package/navigation-bar-private/cssm/components/closer/default.module.css +2 -0
  263. package/navigation-bar-private/cssm/components/closer/inverted.module.css +2 -0
  264. package/navigation-bar-private/cssm/types.d.ts +10 -1
  265. package/navigation-bar-private/cssm/vars.css +2 -0
  266. package/navigation-bar-private/esm/Component.js +6 -6
  267. package/navigation-bar-private/esm/components/back-arrow-addon/Component.d.ts +5 -0
  268. package/navigation-bar-private/esm/components/back-arrow-addon/Component.js +14 -3
  269. package/navigation-bar-private/esm/components/back-arrow-addon/default.css +75 -0
  270. package/navigation-bar-private/esm/components/back-arrow-addon/index.css +4 -18
  271. package/navigation-bar-private/esm/components/back-arrow-addon/inverted.css +77 -0
  272. package/navigation-bar-private/esm/components/closer/default.css +2 -0
  273. package/navigation-bar-private/esm/components/closer/inverted.css +2 -0
  274. package/navigation-bar-private/esm/types.d.ts +10 -1
  275. package/navigation-bar-private/modern/Component.js +4 -4
  276. package/navigation-bar-private/modern/components/back-arrow-addon/Component.d.ts +5 -0
  277. package/navigation-bar-private/modern/components/back-arrow-addon/Component.js +14 -3
  278. package/navigation-bar-private/modern/components/back-arrow-addon/default.css +75 -0
  279. package/navigation-bar-private/modern/components/back-arrow-addon/index.css +4 -18
  280. package/navigation-bar-private/modern/components/back-arrow-addon/inverted.css +77 -0
  281. package/navigation-bar-private/modern/components/closer/default.css +2 -0
  282. package/navigation-bar-private/modern/components/closer/inverted.css +2 -0
  283. package/navigation-bar-private/modern/types.d.ts +10 -1
  284. package/navigation-bar-private/moderncssm/Component.js +6 -4
  285. package/navigation-bar-private/moderncssm/components/back-arrow-addon/Component.d.ts +5 -0
  286. package/navigation-bar-private/moderncssm/components/back-arrow-addon/Component.js +10 -3
  287. package/navigation-bar-private/moderncssm/components/back-arrow-addon/default.module.css +35 -0
  288. package/navigation-bar-private/moderncssm/components/back-arrow-addon/index.js +2 -0
  289. package/navigation-bar-private/moderncssm/components/back-arrow-addon/index.module.css +2 -16
  290. package/navigation-bar-private/moderncssm/components/back-arrow-addon/inverted.module.css +37 -0
  291. package/navigation-bar-private/moderncssm/components/closer/default.module.css +2 -0
  292. package/navigation-bar-private/moderncssm/components/closer/inverted.module.css +2 -0
  293. package/navigation-bar-private/moderncssm/index.js +2 -0
  294. package/navigation-bar-private/moderncssm/shared/index.js +2 -0
  295. package/navigation-bar-private/moderncssm/types.d.ts +10 -1
  296. package/navigation-bar-private/moderncssm/vars.css +2 -0
  297. package/navigation-bar-private/types.d.ts +10 -1
  298. package/package.json +1 -1
  299. package/picker-button/Component-c44170fe.d.ts +1 -1
  300. package/picker-button/cssm/mobile/Component.mobile.js +1 -1
  301. package/picker-button/cssm/typings-d515b24c.d.ts +31 -1
  302. package/picker-button/esm/mobile/Component.mobile.js +1 -1
  303. package/picker-button/esm/typings-d515b24c.d.ts +31 -1
  304. package/picker-button/mobile/Component.mobile.js +1 -1
  305. package/picker-button/modern/mobile/Component.mobile.js +1 -0
  306. package/picker-button/modern/typings-d515b24c.d.ts +31 -1
  307. package/picker-button/moderncssm/mobile/Component.mobile.js +1 -0
  308. package/picker-button/moderncssm/typings-d515b24c.d.ts +31 -1
  309. package/picker-button/transformSize-ebda875c.d.ts +1 -1
  310. package/picker-button/typings-d515b24c.d.ts +31 -1
  311. package/pure-cell/component.js +1 -1
  312. package/pure-cell/components/addon/component.js +1 -1
  313. package/pure-cell/components/addon/index.d.ts +1 -1
  314. package/pure-cell/components/addon/index.js +1 -1
  315. package/pure-cell/components/amount/component.js +1 -1
  316. package/pure-cell/components/amount/index.d.ts +1 -1
  317. package/pure-cell/components/amount/index.js +1 -1
  318. package/pure-cell/components/amount-title/component.js +1 -1
  319. package/pure-cell/components/amount-title/index.d.ts +1 -1
  320. package/pure-cell/components/amount-title/index.js +1 -1
  321. package/pure-cell/components/category/component.js +1 -1
  322. package/pure-cell/components/category/index.d.ts +1 -1
  323. package/pure-cell/components/category/index.js +1 -1
  324. package/pure-cell/components/content/component.js +1 -1
  325. package/pure-cell/components/content/index.d.ts +1 -1
  326. package/pure-cell/components/content/index.js +1 -1
  327. package/pure-cell/components/footer/component.js +1 -1
  328. package/pure-cell/components/footer/index.d.ts +1 -1
  329. package/pure-cell/components/footer/index.js +1 -1
  330. package/pure-cell/components/footer-button/component.js +1 -1
  331. package/pure-cell/components/footer-button/index.d.ts +1 -1
  332. package/pure-cell/components/footer-button/index.js +1 -1
  333. package/pure-cell/components/footer-text/component.js +1 -1
  334. package/pure-cell/components/footer-text/index.d.ts +1 -1
  335. package/pure-cell/components/footer-text/index.js +1 -1
  336. package/pure-cell/components/graphics/component.js +1 -1
  337. package/pure-cell/components/graphics/index.d.ts +1 -1
  338. package/pure-cell/components/graphics/index.js +1 -1
  339. package/pure-cell/components/main/component.js +1 -1
  340. package/pure-cell/components/main/index.d.ts +1 -1
  341. package/pure-cell/components/main/index.js +1 -1
  342. package/pure-cell/components/text/component.js +1 -1
  343. package/pure-cell/components/text/index.d.ts +1 -1
  344. package/pure-cell/components/text/index.js +1 -1
  345. package/pure-cell/esm/component.js +1 -1
  346. package/pure-cell/esm/components/addon/component.js +1 -1
  347. package/pure-cell/esm/components/addon/index.d.ts +1 -1
  348. package/pure-cell/esm/components/addon/index.js +1 -1
  349. package/pure-cell/esm/components/amount/component.js +1 -1
  350. package/pure-cell/esm/components/amount/index.d.ts +1 -1
  351. package/pure-cell/esm/components/amount/index.js +1 -1
  352. package/pure-cell/esm/components/amount-title/component.js +1 -1
  353. package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
  354. package/pure-cell/esm/components/amount-title/index.js +1 -1
  355. package/pure-cell/esm/components/category/component.js +1 -1
  356. package/pure-cell/esm/components/category/index.d.ts +1 -1
  357. package/pure-cell/esm/components/category/index.js +1 -1
  358. package/pure-cell/esm/components/content/component.js +1 -1
  359. package/pure-cell/esm/components/content/index.d.ts +1 -1
  360. package/pure-cell/esm/components/content/index.js +1 -1
  361. package/pure-cell/esm/components/footer/component.js +1 -1
  362. package/pure-cell/esm/components/footer/index.d.ts +1 -1
  363. package/pure-cell/esm/components/footer/index.js +1 -1
  364. package/pure-cell/esm/components/footer-button/component.js +1 -1
  365. package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
  366. package/pure-cell/esm/components/footer-button/index.js +1 -1
  367. package/pure-cell/esm/components/footer-text/component.js +1 -1
  368. package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
  369. package/pure-cell/esm/components/footer-text/index.js +1 -1
  370. package/pure-cell/esm/components/graphics/component.js +1 -1
  371. package/pure-cell/esm/components/graphics/index.d.ts +1 -1
  372. package/pure-cell/esm/components/graphics/index.js +1 -1
  373. package/pure-cell/esm/components/main/component.js +1 -1
  374. package/pure-cell/esm/components/main/index.d.ts +1 -1
  375. package/pure-cell/esm/components/main/index.js +1 -1
  376. package/pure-cell/esm/components/text/component.js +1 -1
  377. package/pure-cell/esm/components/text/index.d.ts +1 -1
  378. package/pure-cell/esm/components/text/index.js +1 -1
  379. package/pure-cell/esm/index.js +1 -1
  380. package/pure-cell/index.js +1 -1
  381. package/pure-cell/modern/component.js +1 -1
  382. package/pure-cell/modern/components/addon/component.js +1 -1
  383. package/pure-cell/modern/components/addon/index.d.ts +1 -1
  384. package/pure-cell/modern/components/addon/index.js +1 -1
  385. package/pure-cell/modern/components/amount/component.js +1 -1
  386. package/pure-cell/modern/components/amount/index.d.ts +1 -1
  387. package/pure-cell/modern/components/amount/index.js +1 -1
  388. package/pure-cell/modern/components/amount-title/component.js +1 -1
  389. package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
  390. package/pure-cell/modern/components/amount-title/index.js +1 -1
  391. package/pure-cell/modern/components/category/component.js +1 -1
  392. package/pure-cell/modern/components/category/index.d.ts +1 -1
  393. package/pure-cell/modern/components/category/index.js +1 -1
  394. package/pure-cell/modern/components/content/component.js +1 -1
  395. package/pure-cell/modern/components/content/index.d.ts +1 -1
  396. package/pure-cell/modern/components/content/index.js +1 -1
  397. package/pure-cell/modern/components/footer/component.js +1 -1
  398. package/pure-cell/modern/components/footer/index.d.ts +1 -1
  399. package/pure-cell/modern/components/footer/index.js +1 -1
  400. package/pure-cell/modern/components/footer-button/component.js +1 -1
  401. package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
  402. package/pure-cell/modern/components/footer-button/index.js +1 -1
  403. package/pure-cell/modern/components/footer-text/component.js +1 -1
  404. package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
  405. package/pure-cell/modern/components/footer-text/index.js +1 -1
  406. package/pure-cell/modern/components/graphics/component.js +1 -1
  407. package/pure-cell/modern/components/graphics/index.d.ts +1 -1
  408. package/pure-cell/modern/components/graphics/index.js +1 -1
  409. package/pure-cell/modern/components/main/component.js +1 -1
  410. package/pure-cell/modern/components/main/index.d.ts +1 -1
  411. package/pure-cell/modern/components/main/index.js +1 -1
  412. package/pure-cell/modern/components/text/component.js +1 -1
  413. package/pure-cell/modern/components/text/index.d.ts +1 -1
  414. package/pure-cell/modern/components/text/index.js +1 -1
  415. package/pure-cell/modern/index.js +1 -1
  416. package/select/components/base-select/Component.js +2 -2
  417. package/select/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  418. package/select/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  419. package/select/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  420. package/select/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts +1 -1
  421. package/select/cssm/mobile/Component.mobile.js +1 -1
  422. package/select/esm/Component.responsive.js +3 -3
  423. package/select/esm/components/base-select/Component.js +2 -2
  424. package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  425. package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  426. package/select/esm/components/base-select/components/list-mobile/list-mobile.js +1 -1
  427. package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  428. package/select/esm/components/base-select/index.js +2 -2
  429. package/select/esm/components/index.js +2 -2
  430. package/select/esm/desktop/Component.desktop.js +2 -2
  431. package/select/esm/desktop/index.js +2 -2
  432. package/select/esm/index.js +3 -3
  433. package/select/esm/mobile/Component.mobile.js +4 -4
  434. package/select/esm/mobile/Component.modal.mobile.js +3 -3
  435. package/select/esm/mobile/index.js +3 -3
  436. package/select/esm/presets/index.js +1 -1
  437. package/select/esm/presets/useSelectWithApply/hook.js +1 -1
  438. package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  439. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  440. package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  441. package/select/esm/shared/index.js +3 -3
  442. package/select/mobile/Component.mobile.js +2 -2
  443. package/select/modern/Component.responsive.js +3 -3
  444. package/select/modern/components/base-select/Component.js +2 -2
  445. package/select/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
  446. package/select/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
  447. package/select/modern/components/base-select/components/list-mobile/list-mobile.js +1 -1
  448. package/select/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
  449. package/select/modern/components/base-select/index.js +2 -2
  450. package/select/modern/components/index.js +2 -2
  451. package/select/modern/desktop/Component.desktop.js +2 -2
  452. package/select/modern/desktop/index.js +2 -2
  453. package/select/modern/index.js +3 -3
  454. package/select/modern/mobile/Component.mobile.js +4 -3
  455. package/select/modern/mobile/Component.modal.mobile.js +3 -3
  456. package/select/modern/mobile/index.js +3 -3
  457. package/select/modern/presets/index.js +1 -1
  458. package/select/modern/presets/useSelectWithApply/hook.js +1 -1
  459. package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  460. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  461. package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  462. package/select/modern/shared/index.js +3 -3
  463. package/select/moderncssm/mobile/Component.mobile.js +1 -0
  464. package/select/presets/index.js +1 -1
  465. package/select/presets/useSelectWithApply/hook.js +1 -1
  466. package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  467. package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  468. package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  469. package/select/shared/index.js +1 -1
  470. package/select-with-tags/components/base-select-with-tags/Component.js +1 -0
  471. package/select-with-tags/cssm/components/base-select-with-tags/Component.js +1 -0
  472. package/select-with-tags/esm/components/base-select-with-tags/Component.js +1 -0
  473. package/select-with-tags/modern/components/base-select-with-tags/Component.js +1 -0
  474. package/select-with-tags/moderncssm/components/base-select-with-tags/Component.js +1 -0
  475. package/side-panel/components/controls/Component.js +1 -1
  476. package/side-panel/components/footer/Component.js +1 -1
  477. package/side-panel/esm/Component.responsive.js +1 -1
  478. package/side-panel/esm/components/controls/Component.js +1 -1
  479. package/side-panel/esm/components/controls/index.js +1 -1
  480. package/side-panel/esm/components/footer/Component.desktop.js +1 -1
  481. package/side-panel/esm/components/footer/Component.js +1 -1
  482. package/side-panel/esm/components/footer/Component.mobile.js +1 -1
  483. package/side-panel/esm/desktop/Component.desktop.js +1 -1
  484. package/side-panel/esm/desktop/index.js +1 -1
  485. package/side-panel/esm/index.js +1 -1
  486. package/side-panel/esm/mobile/Component.mobile.js +1 -1
  487. package/side-panel/esm/mobile/index.js +1 -1
  488. package/side-panel/modern/Component.responsive.js +1 -1
  489. package/side-panel/modern/components/controls/Component.js +1 -1
  490. package/side-panel/modern/components/controls/index.js +1 -1
  491. package/side-panel/modern/components/footer/Component.desktop.js +1 -1
  492. package/side-panel/modern/components/footer/Component.js +1 -1
  493. package/side-panel/modern/components/footer/Component.mobile.js +1 -1
  494. package/side-panel/modern/desktop/Component.desktop.js +1 -1
  495. package/side-panel/modern/desktop/index.js +1 -1
  496. package/side-panel/modern/index.js +1 -1
  497. package/side-panel/modern/mobile/Component.mobile.js +1 -1
  498. package/side-panel/modern/mobile/index.js +1 -1
  499. package/tab-bar/cssm/index.module.css +1 -7
  500. package/tab-bar/esm/index.css +1 -7
  501. package/tab-bar/index.css +1 -7
  502. package/tab-bar/modern/index.css +1 -7
  503. package/tab-bar/moderncssm/index.module.css +4 -8
  504. package/tabs/components/primary-tablist/Component.collapsible.js +1 -1
  505. package/tabs/components/primary-tablist/Component.desktop.js +1 -1
  506. package/tabs/components/primary-tablist/Component.mobile.js +1 -1
  507. package/tabs/components/secondary-tablist/Component.desktop.js +1 -1
  508. package/tabs/components/secondary-tablist/Component.mobile.js +1 -1
  509. package/tabs/esm/collapsible/index.js +1 -1
  510. package/tabs/esm/components/primary-tablist/Component.collapsible.js +1 -1
  511. package/tabs/esm/components/primary-tablist/Component.desktop.js +1 -1
  512. package/tabs/esm/components/primary-tablist/Component.mobile.js +1 -1
  513. package/tabs/esm/components/primary-tablist/Component.responsive.js +1 -1
  514. package/tabs/esm/components/secondary-tablist/Component.desktop.js +1 -1
  515. package/tabs/esm/components/secondary-tablist/Component.mobile.js +1 -1
  516. package/tabs/esm/components/secondary-tablist/Component.responsive.js +1 -1
  517. package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
  518. package/tabs/esm/components/tabs/Component.desktop.js +2 -2
  519. package/tabs/esm/components/tabs/Component.mobile.js +2 -2
  520. package/tabs/esm/components/tabs/Component.responsive.js +2 -2
  521. package/tabs/esm/desktop/index.js +2 -2
  522. package/tabs/esm/index.js +2 -2
  523. package/tabs/esm/mobile/index.js +2 -2
  524. package/tabs/modern/collapsible/index.js +1 -1
  525. package/tabs/modern/components/primary-tablist/Component.collapsible.js +1 -1
  526. package/tabs/modern/components/primary-tablist/Component.desktop.js +1 -1
  527. package/tabs/modern/components/primary-tablist/Component.mobile.js +1 -1
  528. package/tabs/modern/components/primary-tablist/Component.responsive.js +1 -1
  529. package/tabs/modern/components/secondary-tablist/Component.desktop.js +1 -1
  530. package/tabs/modern/components/secondary-tablist/Component.mobile.js +1 -1
  531. package/tabs/modern/components/secondary-tablist/Component.responsive.js +1 -1
  532. package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
  533. package/tabs/modern/components/tabs/Component.desktop.js +2 -2
  534. package/tabs/modern/components/tabs/Component.mobile.js +2 -2
  535. package/tabs/modern/components/tabs/Component.responsive.js +2 -2
  536. package/tabs/modern/desktop/index.js +2 -2
  537. package/tabs/modern/index.js +2 -2
  538. package/tabs/modern/mobile/index.js +2 -2
  539. package/themes/bottom-sheet/click.css +0 -3
  540. package/themes/click.css +0 -3
  541. package/themes/click.d.ts +1 -1
  542. package/themes/click.js +1 -1
  543. package/themes/compiled/mobile-dark-bluetint.css +440 -421
  544. package/themes/compiled/mobile-dark-bluetint.d.ts +1 -1
  545. package/themes/compiled/mobile-dark-bluetint.js +1 -1
  546. package/themes/esm/click.d.ts +1 -1
  547. package/themes/esm/click.js +1 -1
  548. package/themes/esm/compiled/mobile-dark-bluetint.d.ts +1 -1
  549. package/themes/esm/compiled/mobile-dark-bluetint.js +1 -1
  550. package/themes/esm/intranet.d.ts +1 -1
  551. package/themes/esm/intranet.js +1 -1
  552. package/themes/esm/mobile.d.ts +1 -1
  553. package/themes/esm/mobile.js +1 -1
  554. package/themes/esm/site.d.ts +1 -1
  555. package/themes/esm/site.js +1 -1
  556. package/themes/intranet.css +0 -1
  557. package/themes/intranet.d.ts +1 -1
  558. package/themes/intranet.js +1 -1
  559. package/themes/mixins/bottom-sheet/click.css +0 -3
  560. package/themes/mixins/intranet.css +0 -2
  561. package/themes/mixins/mobile.css +0 -2
  562. package/themes/mixins/site.css +0 -2
  563. package/themes/mobile.css +0 -2
  564. package/themes/mobile.d.ts +1 -1
  565. package/themes/mobile.js +1 -1
  566. package/themes/modern/click.d.ts +1 -1
  567. package/themes/modern/click.js +0 -3
  568. package/themes/modern/compiled/mobile-dark-bluetint.d.ts +1 -1
  569. package/themes/modern/compiled/mobile-dark-bluetint.js +440 -421
  570. package/themes/modern/intranet.d.ts +1 -1
  571. package/themes/modern/intranet.js +0 -1
  572. package/themes/modern/mobile.d.ts +1 -1
  573. package/themes/modern/mobile.js +0 -2
  574. package/themes/modern/site.d.ts +1 -1
  575. package/themes/modern/site.js +0 -1
  576. package/themes/site.css +0 -1
  577. package/themes/site.d.ts +1 -1
  578. package/themes/site.js +1 -1
  579. package/tooltip/cssm/mobile/Component.mobile.js +1 -1
  580. package/tooltip/esm/mobile/Component.mobile.js +1 -1
  581. package/tooltip/mobile/Component.mobile.js +1 -1
  582. package/tooltip/modern/mobile/Component.mobile.js +1 -1
  583. package/tooltip/moderncssm/mobile/Component.mobile.js +1 -1
  584. package/typography/cssm/title/alfasans-index.module.css +10 -0
  585. package/typography/esm/component.js +2 -2
  586. package/typography/esm/index.js +2 -2
  587. package/typography/esm/text/component.js +1 -1
  588. package/typography/esm/text/index.js +1 -1
  589. package/typography/esm/title/component.js +1 -1
  590. package/typography/esm/title/index.js +2 -2
  591. package/typography/esm/title-mobile/component.js +2 -2
  592. package/typography/esm/title-mobile/index.js +2 -2
  593. package/typography/esm/title-responsive/component.js +2 -2
  594. package/typography/esm/title-responsive/index.js +2 -2
  595. package/typography/modern/component.js +2 -2
  596. package/typography/modern/index.js +2 -2
  597. package/typography/modern/text/component.js +1 -1
  598. package/typography/modern/text/index.js +1 -1
  599. package/typography/modern/title/component.js +1 -1
  600. package/typography/modern/title/index.js +2 -2
  601. package/typography/modern/title-mobile/component.js +2 -2
  602. package/typography/modern/title-mobile/index.js +2 -2
  603. package/typography/modern/title-responsive/component.js +2 -2
  604. package/typography/modern/title-responsive/index.js +2 -2
  605. package/typography/moderncssm/text/alfasans-index.module.css +0 -16
  606. package/typography/moderncssm/title/alfasans-index.module.css +10 -0
  607. package/typography/text/component.js +1 -1
  608. package/typography/title/component.d.ts +1 -1
  609. package/typography/title/component.js +1 -1
  610. package/typography/title/index.d.ts +1 -1
  611. package/typography/title/index.js +1 -1
  612. package/typography/title-mobile/component.d.ts +1 -1
  613. package/typography/title-mobile/component.js +1 -1
  614. package/typography/title-responsive/component.d.ts +1 -1
  615. package/underlay/Component.js +1 -1
  616. package/underlay/cssm/index.module.css +13 -13
  617. package/underlay/esm/Component.js +1 -1
  618. package/underlay/esm/index.css +13 -13
  619. package/underlay/esm/index.js +1 -1
  620. package/underlay/esm/utils/getBorderCorners.js +1 -1
  621. package/underlay/esm/utils/getClasses.js +1 -1
  622. package/underlay/index.css +13 -13
  623. package/underlay/modern/Component.js +1 -1
  624. package/underlay/modern/index.css +13 -13
  625. package/underlay/modern/index.js +1 -1
  626. package/underlay/modern/utils/getBorderCorners.js +1 -1
  627. package/underlay/modern/utils/getClasses.js +1 -1
  628. package/underlay/moderncssm/index.module.css +1 -1
  629. package/underlay/utils/getBorderCorners.js +1 -1
  630. package/underlay/utils/getClasses.js +1 -1
  631. package/universal-date-input/cssm/index-5712fce2.d.ts +14 -0
  632. package/universal-date-input/esm/index-5712fce2.d.ts +14 -0
  633. package/universal-date-input/index-5712fce2.d.ts +14 -0
  634. package/universal-date-input/modern/index-5712fce2.d.ts +14 -0
  635. package/universal-date-input/moderncssm/index-5712fce2.d.ts +14 -0
  636. package/universal-modal/components/header/desktop/Component.desktop.js +1 -1
  637. package/universal-modal/components/header/mobile/Component.mobile.js +1 -1
  638. package/universal-modal/esm/Component.responsive.d.ts +4 -4
  639. package/universal-modal/esm/Component.responsive.js +1 -1
  640. package/universal-modal/esm/components/header/desktop/Component.desktop.js +1 -1
  641. package/universal-modal/esm/components/header/index.js +1 -1
  642. package/universal-modal/esm/components/header/mobile/Component.mobile.js +1 -1
  643. package/universal-modal/esm/components/header/responsive/Component.responsive.js +1 -1
  644. package/universal-modal/esm/desktop/Component.desktop.d.ts +2 -2
  645. package/universal-modal/esm/desktop/Component.desktop.js +1 -1
  646. package/universal-modal/esm/desktop/components/center-modal/center-modal.d.ts +1 -1
  647. package/universal-modal/esm/desktop/components/side-modal/side-modal.d.ts +1 -1
  648. package/universal-modal/esm/desktop/index.js +1 -1
  649. package/universal-modal/esm/index.js +1 -1
  650. package/universal-modal/esm/mobile/Component.mobile.d.ts +2 -2
  651. package/universal-modal/esm/mobile/Component.mobile.js +1 -1
  652. package/universal-modal/esm/mobile/index.js +1 -1
  653. package/universal-modal/modern/Component.responsive.js +1 -1
  654. package/universal-modal/modern/components/header/desktop/Component.desktop.js +1 -1
  655. package/universal-modal/modern/components/header/index.js +1 -1
  656. package/universal-modal/modern/components/header/mobile/Component.mobile.js +1 -1
  657. package/universal-modal/modern/components/header/responsive/Component.responsive.js +1 -1
  658. package/universal-modal/modern/desktop/Component.desktop.js +1 -1
  659. package/universal-modal/modern/desktop/index.js +1 -1
  660. package/universal-modal/modern/index.js +1 -1
  661. package/universal-modal/modern/mobile/Component.mobile.js +1 -1
  662. package/universal-modal/modern/mobile/index.js +1 -1
  663. package/vars/mixins.css +1 -1
  664. package/international-phone-input/index-235f6347.d.ts +0 -277
  665. package/international-phone-input/types-464d40a4.d.ts +0 -293
  666. package/themes/bottom-sheet/intranet.css +0 -3
  667. package/themes/bottom-sheet/mobile.css +0 -4
  668. package/themes/bottom-sheet/site.css +0 -3
  669. package/themes/mixins/bottom-sheet/intranet.css +0 -3
  670. package/themes/mixins/bottom-sheet/mobile.css +0 -4
  671. package/themes/mixins/bottom-sheet/site.css +0 -3
  672. /package/calendar/{calendarMonthOnlyView-9387df6a.d.ts → calendarMonthOnlyView-ae3554d3.d.ts} +0 -0
  673. /package/calendar/{calendarMonthOnlyView-9387df6a.js → calendarMonthOnlyView-ae3554d3.js} +0 -0
  674. /package/calendar/esm/{calendarMonthOnlyView-8c223aba.d.ts → calendarMonthOnlyView-57744d42.d.ts} +0 -0
  675. /package/calendar/esm/{calendarMonthOnlyView-8c223aba.js → calendarMonthOnlyView-57744d42.js} +0 -0
  676. /package/calendar/modern/{calendarMonthOnlyView-ab23a98d.d.ts → calendarMonthOnlyView-acdad43b.d.ts} +0 -0
  677. /package/calendar/modern/{calendarMonthOnlyView-ab23a98d.js → calendarMonthOnlyView-acdad43b.js} +0 -0
  678. /package/confirmation/{countdown-section-651b0e6c.d.ts → countdown-section-8e5606d8.d.ts} +0 -0
  679. /package/confirmation/{countdown-section-651b0e6c.js → countdown-section-8e5606d8.js} +0 -0
  680. /package/confirmation/esm/{countdown-section-1776b60e.d.ts → countdown-section-f1f836d4.d.ts} +0 -0
  681. /package/confirmation/esm/{countdown-section-1776b60e.js → countdown-section-f1f836d4.js} +0 -0
  682. /package/confirmation/modern/{countdown-section-75ee45f6.d.ts → countdown-section-81fc2619.d.ts} +0 -0
  683. /package/confirmation/modern/{countdown-section-75ee45f6.js → countdown-section-81fc2619.js} +0 -0
  684. /package/file-upload-item/{actions-control.module-a8d00632.js → actions-control.module-89fafdd1.js} +0 -0
  685. /package/file-upload-item/esm/{actions-control.module-86185915.js → actions-control.module-6d46bee9.js} +0 -0
  686. /package/file-upload-item/modern/{actions-control.module-b571dbe3.js → actions-control.module-f3f65872.js} +0 -0
  687. /package/gallery/esm/{hooks-0e7e2122.d.ts → hooks-e6ff26c2.d.ts} +0 -0
  688. /package/gallery/esm/{hooks-0e7e2122.js → hooks-e6ff26c2.js} +0 -0
  689. /package/gallery/{hooks-a9361672.d.ts → hooks-13137381.d.ts} +0 -0
  690. /package/gallery/{hooks-a9361672.js → hooks-13137381.js} +0 -0
  691. /package/gallery/modern/{hooks-7188b4af.d.ts → hooks-ce6f3214.d.ts} +0 -0
  692. /package/gallery/modern/{hooks-7188b4af.js → hooks-ce6f3214.js} +0 -0
  693. /package/list/{Component-c467565e.d.ts → Component-d8e8e561.d.ts} +0 -0
  694. /package/list/{Component-c467565e.js → Component-d8e8e561.js} +0 -0
  695. /package/list/esm/{Component-f356b84f.d.ts → Component-798079a1.d.ts} +0 -0
  696. /package/list/esm/{Component-f356b84f.js → Component-798079a1.js} +0 -0
  697. /package/list/modern/{Component-8b757227.d.ts → Component-62f5c191.d.ts} +0 -0
  698. /package/list/modern/{Component-8b757227.js → Component-62f5c191.js} +0 -0
  699. /package/modal/esm/{layout.module-865d13fc.js → layout.module-451a6c6e.js} +0 -0
  700. /package/modal/{layout.module-6314c4f6.js → layout.module-9106d1aa.js} +0 -0
  701. /package/modal/modern/{layout.module-e3bafb3b.js → layout.module-7b011b62.js} +0 -0
  702. /package/pure-cell/{component-3cca70a8.d.ts → component-4ce0344f.d.ts} +0 -0
  703. /package/pure-cell/{component-3cca70a8.js → component-4ce0344f.js} +0 -0
  704. /package/pure-cell/esm/{component-bd09c34c.d.ts → component-3be0ed17.d.ts} +0 -0
  705. /package/pure-cell/esm/{component-bd09c34c.js → component-3be0ed17.js} +0 -0
  706. /package/pure-cell/modern/{component-3170301e.d.ts → component-7ee1b6f6.d.ts} +0 -0
  707. /package/pure-cell/modern/{component-3170301e.js → component-7ee1b6f6.js} +0 -0
  708. /package/select/esm/{hook-ead48ce0.d.ts → hook-ec604dd8.d.ts} +0 -0
  709. /package/select/esm/{hook-ead48ce0.js → hook-ec604dd8.js} +0 -0
  710. /package/select/esm/{list-popover-desktop-dfbee153.d.ts → list-popover-desktop-09250785.d.ts} +0 -0
  711. /package/select/esm/{list-popover-desktop-dfbee153.js → list-popover-desktop-09250785.js} +0 -0
  712. /package/select/esm/{mobile.module-82d5a12a.js → mobile.module-5186258d.js} +0 -0
  713. /package/select/{hook-378136f7.d.ts → hook-009721bc.d.ts} +0 -0
  714. /package/select/{hook-378136f7.js → hook-009721bc.js} +0 -0
  715. /package/select/{list-popover-desktop-40ad7c9e.d.ts → list-popover-desktop-0dbaa593.d.ts} +0 -0
  716. /package/select/{list-popover-desktop-40ad7c9e.js → list-popover-desktop-0dbaa593.js} +0 -0
  717. /package/select/{mobile.module-325bde99.js → mobile.module-c6844b03.js} +0 -0
  718. /package/select/modern/{hook-3dd3f16d.d.ts → hook-626d9e78.d.ts} +0 -0
  719. /package/select/modern/{hook-3dd3f16d.js → hook-626d9e78.js} +0 -0
  720. /package/select/modern/{list-popover-desktop-c77777c8.d.ts → list-popover-desktop-b8b8dfb0.d.ts} +0 -0
  721. /package/select/modern/{list-popover-desktop-c77777c8.js → list-popover-desktop-b8b8dfb0.js} +0 -0
  722. /package/select/modern/{mobile.module-ffc9c3a5.js → mobile.module-1be9c79e.js} +0 -0
  723. /package/side-panel/esm/{layout.module-1ad954ab.js → layout.module-967e9373.js} +0 -0
  724. /package/side-panel/{layout.module-609eebc7.js → layout.module-d253bd44.js} +0 -0
  725. /package/side-panel/modern/{layout.module-0e290f8e.js → layout.module-05cf0c8b.js} +0 -0
  726. /package/tabs/esm/{index.module-d5b4798f.js → index.module-71c7b809.js} +0 -0
  727. /package/tabs/esm/{index.module-65ac9084.js → index.module-c7b1270c.js} +0 -0
  728. /package/tabs/{index.module-730e5da6.js → index.module-01c05e46.js} +0 -0
  729. /package/tabs/{index.module-45bfce70.js → index.module-59aefec7.js} +0 -0
  730. /package/tabs/modern/{index.module-03185542.js → index.module-2e43b405.js} +0 -0
  731. /package/tabs/modern/{index.module-5c5d366e.js → index.module-770b3536.js} +0 -0
  732. /package/typography/{colors.module-ab3fe803.js → colors.module-a6e0da27.js} +0 -0
  733. /package/typography/{common.module-e96c83f3.js → common.module-c7f0e486.js} +0 -0
  734. /package/typography/esm/{colors.module-faa4d4fc.js → colors.module-b73c8885.js} +0 -0
  735. /package/typography/esm/{common.module-cfe81402.js → common.module-f2307db8.js} +0 -0
  736. /package/typography/modern/{colors.module-571427f1.js → colors.module-fde05f10.js} +0 -0
  737. /package/typography/modern/{common.module-4cd410f7.js → common.module-a5dc65e9.js} +0 -0
  738. /package/underlay/esm/{index.module-cca3b871.js → index.module-0952e8df.js} +0 -0
  739. /package/underlay/{index.module-85882065.js → index.module-749d95bc.js} +0 -0
  740. /package/underlay/modern/{index.module-39af6e8f.js → index.module-5f1b2ac1.js} +0 -0
  741. /package/universal-modal/esm/{index.module-be0199ee.js → index.module-f796cf80.js} +0 -0
  742. /package/universal-modal/{index.module-0d86949c.js → index.module-26b1b7d5.js} +0 -0
  743. /package/universal-modal/modern/{index.module-ee058ea2.js → index.module-94595b39.js} +0 -0
package/themes/modern/site.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":root {\n --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif;\n --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif;\n --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif;\n}\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n:root {\n --border-radius-xs: 2px; /* deprecated */\n --border-radius-s: 4px; /* deprecated */\n --border-radius-m: 8px; /* deprecated */\n --border-radius-l: 12px; /* deprecated */\n --border-radius-xl: 16px; /* deprecated */\n --border-radius-xxl: 20px; /* deprecated */\n --border-radius-3xl: 24px; /* deprecated */\n --border-radius-circle: 50%;\n --border-radius-pill: 99px;\n\n /* новые значения, используйте их */\n --border-radius-0: 0;\n --border-radius-2: var(--border-radius-xs);\n --border-radius-4: var(--border-radius-s);\n --border-radius-6: 6px;\n --border-radius-8: var(--border-radius-m);\n --border-radius-10: 10px;\n --border-radius-12: var(--border-radius-l);\n --border-radius-14: 14px;\n --border-radius-16: var(--border-radius-xl);\n --border-radius-20: var(--border-radius-xxl);\n --border-radius-24: var(--border-radius-3xl);\n --border-radius-32: 32px;\n --border-radius-36: 36px;\n --border-radius-64: 64px;\n}\n\n:root {\n --color-static-corpbg-neutral: #bdc0c2; /* deprecated */\n --color-static-corpbg-primary: #212a33; /* deprecated */\n --color-static-corpbg-secondary: #384048; /* deprecated */\n --color-static-corpbg-tertiary: #7a7f85; /* deprecated */\n --color-static-graphic-amethyst: #a489aa; /* deprecated */\n --color-static-graphic-blackberry: #bfafc6; /* deprecated */\n --color-static-graphic-blue-chill: #0f9c8c; /* deprecated */\n --color-static-graphic-blue-maya: #7eb3ff; /* deprecated */\n --color-static-graphic-blue-moody: #7879cf; /* deprecated */\n --color-static-graphic-blue-steel: #4f84ba; /* deprecated */\n --color-static-graphic-botticelli: #cee5e5; /* deprecated */\n --color-static-graphic-boulder: #7a7a7a; /* deprecated */\n --color-static-graphic-brink-pink: #fc617c; /* deprecated */\n --color-static-graphic-burnt-sienna: #eb7a58; /* deprecated */\n --color-static-graphic-carrot: #e8bba3; /* deprecated */\n --color-static-graphic-chatelle: #bfafc6; /* deprecated */\n --color-static-graphic-chathams-blue: #155966; /* deprecated */\n --color-static-graphic-chick: #f2db9e; /* deprecated */\n --color-static-graphic-crete: #847128; /* deprecated */\n --color-static-graphic-curious-blue: #2381db; /* deprecated */\n --color-static-graphic-curious-blue-light: #3b99d9; /* deprecated */\n --color-static-graphic-eastern-blue: #269cb3; /* deprecated */\n --color-static-graphic-french-lilac: #d3baed; /* deprecated */\n --color-static-graphic-fuel-yellow: #f29d32; /* deprecated */\n --color-static-graphic-fun-blue: #1d6ab5; /* deprecated */\n --color-static-graphic-gallery: #eee; /* deprecated */\n --color-static-graphic-green-jungle: #2fc26e; /* deprecated */\n --color-static-graphic-hippie-blue: #5aa4b0; /* deprecated */\n --color-static-graphic-jaffa: #f07134; /* deprecated */\n --color-static-graphic-jaffa-light: #f18836; /* deprecated */\n --color-static-graphic-java: #15c0e0; /* deprecated */\n --color-static-graphic-jungle-green: #2ab79a; /* deprecated */\n --color-static-graphic-lavender: #8888ad; /* deprecated */\n --color-static-graphic-mantis: #63cd4f; /* deprecated */\n --color-static-graphic-matisse: #16548f; /* deprecated */\n --color-static-graphic-milano-red: #cd1501; /* deprecated */\n --color-static-graphic-mirage: #1d2434; /* deprecated */\n --color-static-graphic-moon-raker: #e9dbf7; /* deprecated */\n --color-static-graphic-moss-green: #a6d29c; /* deprecated */\n --color-static-graphic-nevada: #626b75; /* deprecated */\n --color-static-graphic-olive: #bfd3c9; /* deprecated */\n --color-static-graphic-olivine: #87b965; /* deprecated */\n --color-static-graphic-peach: #fcc99b; /* deprecated */\n --color-static-graphic-persimmon: #ff5c5c; /* deprecated */\n --color-static-graphic-pewter: #96a5a5; /* deprecated */\n --color-static-graphic-pickled-bluewood: #2d3f50; /* deprecated */\n --color-static-graphic-porsche: #e7b965; /* deprecated */\n --color-static-graphic-raspberry: #dfb2bb; /* deprecated */\n --color-static-graphic-red-damask: #da713c; /* deprecated */\n --color-static-graphic-saffron: #f0c330; /* deprecated */\n --color-static-graphic-salomie: #fee984; /* deprecated */\n --color-static-graphic-sand: #f6bf65; /* deprecated */\n --color-static-graphic-sandy-brown: #f38f6f; /* deprecated */\n --color-static-graphic-seawater: #aecfd9; /* deprecated */\n --color-static-graphic-serenade: #fff0e3; /* deprecated */\n --color-static-graphic-sky: #a6c0db; /* deprecated */\n --color-static-graphic-soft-peach: #f3eaeb; /* deprecated */\n --color-static-graphic-solitude: #e8f2fe; /* deprecated */\n --color-static-graphic-strawberry: #f8b6a9; /* deprecated */\n --color-static-graphic-sundust: #d9d6ce; /* deprecated */\n --color-static-graphic-turkish-rose: #b56a6b; /* deprecated */\n --color-static-graphic-turquoise-blue: #6bd3e6; /* deprecated */\n --color-static-graphic-valencia: #d8463b; /* deprecated */\n --color-static-graphic-waikawa-gray: #5b6d9c; /* deprecated */\n --color-static-graphic-whisper: #f2eff6; /* deprecated */\n --color-static-graphic-zanah: #e1f0de; /* deprecated */\n --color-static-local-light-blue: #f5f7f9; /* deprecated */\n --color-static-overlay-black-high: rgba(0, 0, 0, 0.32); /* deprecated */\n --color-static-overlay-black-low: rgba(0, 0, 0, 0.16); /* deprecated */\n --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24); /* deprecated */\n --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4); /* deprecated */\n --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08); /* deprecated */\n --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32); /* deprecated */\n --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16); /* deprecated */\n --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24); /* deprecated */\n --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4); /* deprecated */\n --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08); /* deprecated */\n --color-static-overlay-white-high: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-static-overlay-white-low: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24); /* deprecated */\n --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08); /* deprecated */\n --color-static-status-blue: #007aff; /* deprecated */\n --color-static-status-green: #13a463; /* deprecated */\n --color-static-status-grey: #6d7986; /* deprecated */\n --color-static-status-orange: #de6a00; /* deprecated */\n --color-static-status-purple: #673ab7; /* deprecated */\n --color-static-status-red: #d91d0b; /* deprecated */\n --color-static-status-teal: #219187; /* deprecated */\n --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */\n --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */\n --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */\n --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */\n --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */\n --color-static-graphic-chathams-blue-old: #155966; /* deprecated */\n --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */\n --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */\n --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */\n --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */\n --color-static-graphic-java-old: #15c0e0; /* deprecated */\n --color-static-graphic-mantis-old: #63cd4f; /* deprecated */\n --color-static-graphic-matisse-old: #16548f; /* deprecated */\n --color-static-graphic-maya: #7eb3ff; /* deprecated */\n --color-static-graphic-milano-red-old: #cd1501; /* deprecated */\n --color-static-graphic-mirage-old: #1d2434; /* deprecated */\n --color-static-graphic-nevada-old: #626b75; /* deprecated */\n --color-static-graphic-olivine-old: #87b965; /* deprecated */\n --color-static-graphic-permission: #ff5c5c; /* deprecated */\n --color-static-graphic-pewter-old: #96a5a5; /* deprecated */\n --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */\n --color-static-graphic-porsche-old: #e7b965; /* deprecated */\n --color-static-graphic-red-damask-old: #da713c; /* deprecated */\n --color-static-graphic-saffron-old: #f0c330; /* deprecated */\n --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */\n --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */\n --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */\n --color-static-graphic-valencia-old: #d8463b; /* deprecated */\n --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */\n --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1); /* deprecated */\n --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1); /* deprecated */\n --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1); /* deprecated */\n --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1); /* deprecated */\n --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1); /* deprecated */\n --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1); /* deprecated */\n --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1); /* deprecated */\n}\n\n:root {\n --color-dark-accent-primary: #f83a2a;\n --color-dark-accent-primary-hover: #ff503e;\n --color-dark-accent-primary-inverted: #ef3124;\n --color-dark-accent-primary-inverted-hover: #e32a17;\n --color-dark-accent-primary-inverted-press: #d72505;\n --color-dark-accent-primary-press: #fd624e;\n --color-dark-accent-secondary: #f2f3f5;\n --color-dark-accent-secondary-hover: #dcdde1;\n --color-dark-accent-secondary-inverted: #212124;\n --color-dark-accent-secondary-inverted-hover: #2f2f32;\n --color-dark-accent-secondary-inverted-press: #353539;\n --color-dark-accent-secondary-press: #d2d3d9;\n --color-dark-base-bg-alt-primary: #121213;\n --color-dark-base-bg-alt-primary-inverted: #f2f3f5;\n --color-dark-base-bg-alt-secondary: #1c1c1e;\n --color-dark-base-bg-alt-secondary-inverted: #fff;\n --color-dark-base-bg-alt-tertiary: #29292c;\n --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;\n --color-dark-base-bg-primary: #121213;\n --color-dark-base-bg-primary-inverted: #fff;\n --color-dark-base-bg-secondary: #1c1c1e;\n --color-dark-base-bg-secondary-inverted: #f2f3f5;\n --color-dark-base-bg-tertiary: #29292c;\n --color-dark-base-bg-tertiary-inverted: #fff;\n --color-dark-modal-bg-alt-primary: #1c1c1e;\n --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;\n --color-dark-modal-bg-alt-secondary: #29292c;\n --color-dark-modal-bg-alt-secondary-inverted: #fff;\n --color-dark-modal-bg-alt-tertiary: #353539;\n --color-dark-modal-bg-alt-tertiary-inverted: #f2f3f5;\n --color-dark-modal-bg-primary: #1c1c1e;\n --color-dark-modal-bg-primary-inverted: #fff;\n --color-dark-modal-bg-secondary: #29292c;\n --color-dark-modal-bg-secondary-inverted: #f2f3f5;\n --color-dark-modal-bg-tertiary: #353539;\n --color-dark-modal-bg-tertiary-inverted: #fff;\n --color-dark-neutral-0: #262629;\n --color-dark-neutral-0-hover: #2f2f32;\n --color-dark-neutral-0-inverted: #fff;\n --color-dark-neutral-0-inverted-hover: #e7e8eb;\n --color-dark-neutral-0-inverted-press: #dcdde1;\n --color-dark-neutral-0-press: #353539;\n --color-dark-neutral-100: #1c1c1e;\n --color-dark-neutral-100-hover: #212124;\n --color-dark-neutral-100-inverted: #f2f3f5;\n --color-dark-neutral-100-inverted-hover: #e7e8eb;\n --color-dark-neutral-100-inverted-press: #dcdde1;\n --color-dark-neutral-100-press: #29292c;\n --color-dark-neutral-1300: #f2f3f5;\n --color-dark-neutral-1300-hover: #d2d3d9;\n --color-dark-neutral-1300-inverted: #212124;\n --color-dark-neutral-1300-inverted-hover: #3f3f45;\n --color-dark-neutral-1300-inverted-press: #5f5f66;\n --color-dark-neutral-1300-press: #babbc2;\n --color-dark-neutral-1500: #fff;\n --color-dark-neutral-1500-hover: #babbc2;\n --color-dark-neutral-1500-inverted: #121213;\n --color-dark-neutral-1500-inverted-hover: #3f3f45;\n --color-dark-neutral-1500-inverted-press: #5f5f66;\n --color-dark-neutral-1500-press: #a0a1a9;\n --color-dark-neutral-200: #212124;\n --color-dark-neutral-200-hover: #29292c;\n --color-dark-neutral-200-inverted: #edeef0;\n --color-dark-neutral-200-inverted-hover: #e7e8eb;\n --color-dark-neutral-200-inverted-press: #dcdde1;\n --color-dark-neutral-200-press: #2f2f32;\n --color-dark-neutral-300: #29292c;\n --color-dark-neutral-300-hover: #2f2f32;\n --color-dark-neutral-300-inverted: #e7e8eb;\n --color-dark-neutral-300-inverted-hover: #dcdde1;\n --color-dark-neutral-300-inverted-press: #d2d3d9;\n --color-dark-neutral-300-press: #353539;\n --color-dark-neutral-400: #353539;\n --color-dark-neutral-400-hover: #3f3f45;\n --color-dark-neutral-400-inverted: #d2d3d9;\n --color-dark-neutral-400-inverted-hover: #babbc2;\n --color-dark-neutral-400-inverted-press: #a0a1a9;\n --color-dark-neutral-400-press: #4a4a51;\n --color-dark-neutral-500: #4a4a51;\n --color-dark-neutral-500-hover: #5f5f66;\n --color-dark-neutral-500-inverted: #babbc2;\n --color-dark-neutral-500-inverted-hover: #a0a1a9;\n --color-dark-neutral-500-inverted-press: #898991;\n --color-dark-neutral-500-press: #75757d;\n --color-dark-neutral-700: #898991;\n --color-dark-neutral-700-hover: #a0a1a9;\n --color-dark-neutral-700-inverted: #898991;\n --color-dark-neutral-700-inverted-hover: #75757d;\n --color-dark-neutral-700-inverted-press: #5f5f66;\n --color-dark-neutral-700-press: #babbc2;\n --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07);\n --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09);\n --color-dark-neutral-translucent-0-inverted: #fff;\n --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06);\n --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08);\n --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07);\n --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09);\n --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06);\n --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);\n --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);\n --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);\n --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);\n --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);\n --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);\n --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);\n --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);\n --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);\n --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);\n --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);\n --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65);\n --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09);\n --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08);\n --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1);\n --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14);\n --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15);\n --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15);\n --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1);\n --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14);\n --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18);\n --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18);\n --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18);\n --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23);\n --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18);\n --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28);\n --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38);\n --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28);\n --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28);\n --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37);\n --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28);\n --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38);\n --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47);\n --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46);\n --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55);\n --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65);\n --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47);\n --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55);\n --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);\n --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);\n --color-dark-overlay-default: rgba(0, 0, 0, 0.7);\n --color-dark-status-attention: #fda136;\n --color-dark-status-attention-hover: #fdb24d;\n --color-dark-status-attention-inverted: #fa9313;\n --color-dark-status-attention-inverted-hover: #f18d0b;\n --color-dark-status-attention-inverted-press: #ea8313;\n --color-dark-status-attention-press: #ffbf70;\n --color-dark-status-info: #3193fc;\n --color-dark-status-info-hover: #4a9dfc;\n --color-dark-status-info-inverted: #2288fa;\n --color-dark-status-info-inverted-hover: #2a77ef;\n --color-dark-status-info-inverted-press: #2c64d4;\n --color-dark-status-info-press: #63aafd;\n --color-dark-status-muted-alt-attention: #412f22;\n --color-dark-status-muted-alt-attention-hover: #543a27;\n --color-dark-status-muted-alt-attention-inverted: #fde6c8;\n --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;\n --color-dark-status-muted-alt-attention-inverted-press: #f0c492;\n --color-dark-status-muted-alt-attention-press: #6a462c;\n --color-dark-status-muted-alt-info: #293044;\n --color-dark-status-muted-alt-info-hover: #2f3a55;\n --color-dark-status-muted-alt-info-inverted: #e4f0ff;\n --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;\n --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;\n --color-dark-status-muted-alt-info-press: #38476c;\n --color-dark-status-muted-alt-negative: #442926;\n --color-dark-status-muted-alt-negative-hover: #55312e;\n --color-dark-status-muted-alt-negative-inverted: #ffdfdf;\n --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;\n --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;\n --color-dark-status-muted-alt-negative-press: #6b3b34;\n --color-dark-status-muted-alt-positive: #253528;\n --color-dark-status-muted-alt-positive-hover: #273f2d;\n --color-dark-status-muted-alt-positive-inverted: #d1f1d7;\n --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;\n --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;\n --color-dark-status-muted-alt-positive-press: #2d4e33;\n --color-dark-status-muted-attention: #36291f;\n --color-dark-status-muted-attention-hover: #412f22;\n --color-dark-status-muted-attention-inverted: #ffefd9;\n --color-dark-status-muted-attention-inverted-hover: #fde6c8;\n --color-dark-status-muted-attention-inverted-press: #f6d7af;\n --color-dark-status-muted-attention-press: #543a27;\n --color-dark-status-muted-info: #222a3e;\n --color-dark-status-muted-info-hover: #293044;\n --color-dark-status-muted-info-inverted: #e4f0ff;\n --color-dark-status-muted-info-inverted-hover: #d8eaff;\n --color-dark-status-muted-info-inverted-press: #c1dbf7;\n --color-dark-status-muted-info-press: #2f3a55;\n --color-dark-status-muted-negative: #392523;\n --color-dark-status-muted-negative-hover: #442926;\n --color-dark-status-muted-negative-inverted: #ffebeb;\n --color-dark-status-muted-negative-inverted-hover: #ffdfdf;\n --color-dark-status-muted-negative-inverted-press: #f9ccca;\n --color-dark-status-muted-negative-press: #55312e;\n --color-dark-status-muted-positive: #232d25;\n --color-dark-status-muted-positive-hover: #253528;\n --color-dark-status-muted-positive-inverted: #dff8e5;\n --color-dark-status-muted-positive-inverted-hover: #d1f1d7;\n --color-dark-status-muted-positive-inverted-press: #bbe8c3;\n --color-dark-status-muted-positive-press: #273f2d;\n --color-dark-status-negative: #ff4837;\n --color-dark-status-negative-hover: #ff755e;\n --color-dark-status-negative-inverted: #ff4837;\n --color-dark-status-negative-inverted-hover: #ec2d20;\n --color-dark-status-negative-inverted-press: #c7241f;\n --color-dark-status-negative-press: #ff8d79;\n --color-dark-status-positive: #17d055;\n --color-dark-status-positive-hover: #22e068;\n --color-dark-status-positive-inverted: #0cc44d;\n --color-dark-status-positive-inverted-hover: #04b545;\n --color-dark-status-positive-inverted-press: #01a53d;\n --color-dark-status-positive-press: #4ae777;\n --color-dark-text-attention: #fa9313;\n --color-dark-text-attention-hover: #fdb24d;\n --color-dark-text-attention-inverted: #ea8313;\n --color-dark-text-attention-inverted-hover: #d57111;\n --color-dark-text-attention-inverted-press: #b45a06;\n --color-dark-text-attention-press: #ffbf70;\n --color-dark-text-info: #4a9dfc;\n --color-dark-text-info-hover: #63aafd;\n --color-dark-text-info-inverted: #2a77ef;\n --color-dark-text-info-inverted-hover: #2c64d4;\n --color-dark-text-info-inverted-press: #2453b4;\n --color-dark-text-info-press: #7fb6ff;\n --color-dark-text-negative: #ff4837;\n --color-dark-text-negative-hover: #ff755e;\n --color-dark-text-negative-inverted: #ec2d20;\n --color-dark-text-negative-inverted-hover: #c7241f;\n --color-dark-text-negative-inverted-press: #a6201e;\n --color-dark-text-negative-press: #ff8d79;\n --color-dark-text-positive: #0cc44d;\n --color-dark-text-positive-hover: #22e068;\n --color-dark-text-positive-inverted: #0d9336;\n --color-dark-text-positive-inverted-hover: #0a7d2c;\n --color-dark-text-positive-inverted-press: #036625;\n --color-dark-text-positive-press: #4ae777;\n --color-dark-text-primary: rgba(255, 255, 255, 0.94);\n --color-dark-text-primary-hover: rgba(255, 255, 255, 0.7);\n --color-dark-text-primary-inverted: rgba(3, 3, 6, 0.88);\n --color-dark-text-primary-inverted-hover: rgba(1, 1, 12, 0.63);\n --color-dark-text-primary-inverted-press: rgba(4, 4, 19, 0.55);\n --color-dark-text-primary-press: rgba(255, 255, 255, 0.6);\n --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);\n --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);\n --color-dark-text-secondary: rgba(238, 238, 251, 0.55);\n --color-dark-text-secondary-hover: rgba(239, 240, 252, 0.65);\n --color-dark-text-secondary-inverted: rgba(4, 4, 19, 0.55);\n --color-dark-text-secondary-inverted-hover: rgba(1, 1, 12, 0.63);\n --color-dark-text-secondary-inverted-press: rgba(0, 0, 10, 0.71);\n --color-dark-text-secondary-press: rgba(243, 245, 254, 0.75);\n --color-dark-text-tertiary: rgba(233, 233, 250, 0.37);\n --color-dark-text-tertiary-hover: rgba(238, 238, 254, 0.46);\n --color-dark-text-tertiary-inverted: rgba(5, 8, 29, 0.38);\n --color-dark-text-tertiary-inverted-hover: rgba(4, 4, 21, 0.47);\n --color-dark-text-tertiary-inverted-press: rgba(4, 4, 19, 0.55);\n --color-dark-text-tertiary-press: rgba(238, 238, 251, 0.55);\n --color-dark-transparent-default: rgba(255, 255, 255, 0);\n --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07);\n --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06);\n --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08);\n --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09);\n --color-light-accent-primary: #ef3124;\n --color-light-accent-primary-hover: #e32a17;\n --color-light-accent-primary-inverted: #f83a2a;\n --color-light-accent-primary-inverted-hover: #ff503e;\n --color-light-accent-primary-inverted-press: #fd624e;\n --color-light-accent-primary-press: #d72505;\n --color-light-accent-secondary: #212124;\n --color-light-accent-secondary-hover: #2f2f32;\n --color-light-accent-secondary-inverted: #f2f3f5;\n --color-light-accent-secondary-inverted-hover: #dcdde1;\n --color-light-accent-secondary-inverted-press: #d2d3d9;\n --color-light-accent-secondary-press: #353539;\n --color-light-base-bg-alt-primary: #f2f3f5;\n --color-light-base-bg-alt-primary-inverted: #121213;\n --color-light-base-bg-alt-secondary: #fff;\n --color-light-base-bg-alt-secondary-inverted: #1c1c1e;\n --color-light-base-bg-alt-tertiary: #f2f3f5;\n --color-light-base-bg-alt-tertiary-inverted: #29292c;\n --color-light-base-bg-primary: #fff;\n --color-light-base-bg-primary-inverted: #121213;\n --color-light-base-bg-secondary: #f2f3f5;\n --color-light-base-bg-secondary-inverted: #1c1c1e;\n --color-light-base-bg-tertiary: #fff;\n --color-light-base-bg-tertiary-inverted: #29292c;\n --color-light-modal-bg-alt-primary: #f2f3f5;\n --color-light-modal-bg-alt-primary-inverted: #1c1c1e;\n --color-light-modal-bg-alt-secondary: #fff;\n --color-light-modal-bg-alt-secondary-inverted: #29292c;\n --color-light-modal-bg-alt-tertiary: #f2f3f5;\n --color-light-modal-bg-alt-tertiary-inverted: #353539;\n --color-light-modal-bg-primary: #fff;\n --color-light-modal-bg-primary-inverted: #1c1c1e;\n --color-light-modal-bg-secondary: #f2f3f5;\n --color-light-modal-bg-secondary-inverted: #29292c;\n --color-light-modal-bg-tertiary: #fff;\n --color-light-modal-bg-tertiary-inverted: #353539;\n --color-light-neutral-0: #fff;\n --color-light-neutral-0-hover: #e7e8eb;\n --color-light-neutral-0-inverted: #262629;\n --color-light-neutral-0-inverted-hover: #2f2f32;\n --color-light-neutral-0-inverted-press: #353539;\n --color-light-neutral-0-press: #dcdde1;\n --color-light-neutral-100: #f2f3f5;\n --color-light-neutral-100-hover: #e7e8eb;\n --color-light-neutral-100-inverted: #1c1c1e;\n --color-light-neutral-100-inverted-hover: #212124;\n --color-light-neutral-100-inverted-press: #29292c;\n --color-light-neutral-100-press: #dcdde1;\n --color-light-neutral-1300: #212124;\n --color-light-neutral-1300-hover: #3f3f45;\n --color-light-neutral-1300-inverted: #f2f3f5;\n --color-light-neutral-1300-inverted-hover: #d2d3d9;\n --color-light-neutral-1300-inverted-press: #babbc2;\n --color-light-neutral-1300-press: #5f5f66;\n --color-light-neutral-1500: #121213;\n --color-light-neutral-1500-hover: #3f3f45;\n --color-light-neutral-1500-inverted: #fff;\n --color-light-neutral-1500-inverted-hover: #babbc2;\n --color-light-neutral-1500-inverted-press: #a0a1a9;\n --color-light-neutral-1500-press: #5f5f66;\n --color-light-neutral-200: #edeef0;\n --color-light-neutral-200-hover: #e7e8eb;\n --color-light-neutral-200-inverted: #212124;\n --color-light-neutral-200-inverted-hover: #29292c;\n --color-light-neutral-200-inverted-press: #2f2f32;\n --color-light-neutral-200-press: #dcdde1;\n --color-light-neutral-300: #e7e8eb;\n --color-light-neutral-300-hover: #dcdde1;\n --color-light-neutral-300-inverted: #29292c;\n --color-light-neutral-300-inverted-hover: #2f2f32;\n --color-light-neutral-300-inverted-press: #353539;\n --color-light-neutral-300-press: #d2d3d9;\n --color-light-neutral-400: #d2d3d9;\n --color-light-neutral-400-hover: #babbc2;\n --color-light-neutral-400-inverted: #353539;\n --color-light-neutral-400-inverted-hover: #3f3f45;\n --color-light-neutral-400-inverted-press: #4a4a51;\n --color-light-neutral-400-press: #a0a1a9;\n --color-light-neutral-500: #babbc2;\n --color-light-neutral-500-hover: #a0a1a9;\n --color-light-neutral-500-inverted: #4a4a51;\n --color-light-neutral-500-inverted-hover: #5f5f66;\n --color-light-neutral-500-inverted-press: #75757d;\n --color-light-neutral-500-press: #898991;\n --color-light-neutral-700: #898991;\n --color-light-neutral-700-hover: #75757d;\n --color-light-neutral-700-inverted: #898991;\n --color-light-neutral-700-inverted-hover: #a0a1a9;\n --color-light-neutral-700-inverted-press: #babbc2;\n --color-light-neutral-700-press: #5f5f66;\n --color-light-neutral-translucent-0: #fff;\n --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);\n --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);\n --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);\n --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);\n --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);\n --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);\n --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);\n --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);\n --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);\n --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);\n --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);\n --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);\n --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);\n --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);\n --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);\n --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);\n --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);\n --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);\n --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);\n --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);\n --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);\n --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);\n --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);\n --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);\n --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);\n --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);\n --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);\n --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);\n --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18);\n --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);\n --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);\n --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);\n --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);\n --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);\n --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);\n --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);\n --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);\n --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);\n --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);\n --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);\n --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);\n --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);\n --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);\n --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);\n --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);\n --color-light-overlay-default: rgba(0, 0, 0, 0.6);\n --color-light-status-attention: #fa9313;\n --color-light-status-attention-hover: #f18d0b;\n --color-light-status-attention-inverted: #fda136;\n --color-light-status-attention-inverted-hover: #fdb24d;\n --color-light-status-attention-inverted-press: #ffbf70;\n --color-light-status-attention-press: #ea8313;\n --color-light-status-info: #2288fa;\n --color-light-status-info-hover: #2a77ef;\n --color-light-status-info-inverted: #3193fc;\n --color-light-status-info-inverted-hover: #4a9dfc;\n --color-light-status-info-inverted-press: #63aafd;\n --color-light-status-info-press: #2c64d4;\n --color-light-status-muted-alt-attention: #fde6c8;\n --color-light-status-muted-alt-attention-hover: #f6d7af;\n --color-light-status-muted-alt-attention-inverted: #412f22;\n --color-light-status-muted-alt-attention-inverted-hover: #543a27;\n --color-light-status-muted-alt-attention-inverted-press: #6a462c;\n --color-light-status-muted-alt-attention-press: #f0c492;\n --color-light-status-muted-alt-info: #d8eaff;\n --color-light-status-muted-alt-info-hover: #c1dbf7;\n --color-light-status-muted-alt-info-inverted: #293044;\n --color-light-status-muted-alt-info-inverted-hover: #2f3a55;\n --color-light-status-muted-alt-info-inverted-press: #38476c;\n --color-light-status-muted-alt-info-press: #a7cbf2;\n --color-light-status-muted-alt-negative: #ffdfdf;\n --color-light-status-muted-alt-negative-hover: #f9ccca;\n --color-light-status-muted-alt-negative-inverted: #442926;\n --color-light-status-muted-alt-negative-inverted-hover: #55312e;\n --color-light-status-muted-alt-negative-inverted-press: #6b3b34;\n --color-light-status-muted-alt-negative-press: #f3b6af;\n --color-light-status-muted-alt-positive: #d1f1d7;\n --color-light-status-muted-alt-positive-hover: #bbe8c3;\n --color-light-status-muted-alt-positive-inverted: #253528;\n --color-light-status-muted-alt-positive-inverted-hover: #273f2d;\n --color-light-status-muted-alt-positive-inverted-press: #2d4e33;\n --color-light-status-muted-alt-positive-press: #a1dba8;\n --color-light-status-muted-attention: #ffefd9;\n --color-light-status-muted-attention-hover: #fde6c8;\n --color-light-status-muted-attention-inverted: #36291f;\n --color-light-status-muted-attention-inverted-hover: #412f22;\n --color-light-status-muted-attention-inverted-press: #543a27;\n --color-light-status-muted-attention-press: #f6d7af;\n --color-light-status-muted-info: #e4f0ff;\n --color-light-status-muted-info-hover: #d8eaff;\n --color-light-status-muted-info-inverted: #222a3e;\n --color-light-status-muted-info-inverted-hover: #293044;\n --color-light-status-muted-info-inverted-press: #2f3a55;\n --color-light-status-muted-info-press: #c1dbf7;\n --color-light-status-muted-negative: #ffebeb;\n --color-light-status-muted-negative-hover: #ffdfdf;\n --color-light-status-muted-negative-inverted: #392523;\n --color-light-status-muted-negative-inverted-hover: #442926;\n --color-light-status-muted-negative-inverted-press: #55312e;\n --color-light-status-muted-negative-press: #f9ccca;\n --color-light-status-muted-positive: #dff8e5;\n --color-light-status-muted-positive-hover: #d1f1d7;\n --color-light-status-muted-positive-inverted: #232d25;\n --color-light-status-muted-positive-inverted-hover: #253528;\n --color-light-status-muted-positive-inverted-press: #273f2d;\n --color-light-status-muted-positive-press: #bbe8c3;\n --color-light-status-negative: #ff4837;\n --color-light-status-negative-hover: #ec2d20;\n --color-light-status-negative-inverted: #ff4837;\n --color-light-status-negative-inverted-hover: #ff755e;\n --color-light-status-negative-inverted-press: #ff8d79;\n --color-light-status-negative-press: #c7241f;\n --color-light-status-positive: #0cc44d;\n --color-light-status-positive-hover: #04b545;\n --color-light-status-positive-inverted: #17d055;\n --color-light-status-positive-inverted-hover: #22e068;\n --color-light-status-positive-inverted-press: #4ae777;\n --color-light-status-positive-press: #01a53d;\n --color-light-text-attention: #ea8313;\n --color-light-text-attention-hover: #d57111;\n --color-light-text-attention-inverted: #fa9313;\n --color-light-text-attention-inverted-hover: #fdb24d;\n --color-light-text-attention-inverted-press: #ffbf70;\n --color-light-text-attention-press: #b45a06;\n --color-light-text-info: #2a77ef;\n --color-light-text-info-hover: #2c64d4;\n --color-light-text-info-inverted: #4a9dfc;\n --color-light-text-info-inverted-hover: #63aafd;\n --color-light-text-info-inverted-press: #7fb6ff;\n --color-light-text-info-press: #2453b4;\n --color-light-text-negative: #ec2d20;\n --color-light-text-negative-hover: #c7241f;\n --color-light-text-negative-inverted: #ff4837;\n --color-light-text-negative-inverted-hover: #ff755e;\n --color-light-text-negative-inverted-press: #ff8d79;\n --color-light-text-negative-press: #a6201e;\n --color-light-text-positive: #0d9336;\n --color-light-text-positive-hover: #0a7d2c;\n --color-light-text-positive-inverted: #0cc44d;\n --color-light-text-positive-inverted-hover: #22e068;\n --color-light-text-positive-inverted-press: #4ae777;\n --color-light-text-positive-press: #036625;\n --color-light-text-primary: rgba(3, 3, 6, 0.88);\n --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);\n --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);\n --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);\n --color-light-text-primary-press: rgba(4, 4, 19, 0.55);\n --color-light-text-quaternary: rgba(5, 11, 44, 0.18);\n --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);\n --color-light-text-secondary: rgba(4, 4, 19, 0.55);\n --color-light-text-secondary-hover: rgba(1, 1, 12, 0.63);\n --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);\n --color-light-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-light-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);\n --color-light-text-secondary-press: rgba(0, 0, 10, 0.71);\n --color-light-text-tertiary: rgba(5, 8, 29, 0.38);\n --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);\n --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);\n --color-light-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);\n --color-light-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);\n --color-light-text-tertiary-press: rgba(4, 4, 19, 0.55);\n --color-light-transparent-default: rgba(255, 255, 255, 0);\n --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);\n --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);\n --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);\n --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);\n --color-static-accent-primary: #ef3124;\n --color-static-accent-primary-hover: #e32a17;\n --color-static-accent-primary-inverted: #f83a2a;\n --color-static-accent-primary-inverted-hover: #ff503e;\n --color-static-accent-primary-inverted-press: #fd624e;\n --color-static-accent-primary-press: #d72505;\n --color-static-accent-secondary: #212124;\n --color-static-accent-secondary-hover: #2f2f32;\n --color-static-accent-secondary-inverted: #f2f3f5;\n --color-static-accent-secondary-inverted-hover: #dcdde1;\n --color-static-accent-secondary-inverted-press: #d2d3d9;\n --color-static-accent-secondary-press: #353539;\n --color-static-bg-primary-dark: #121213;\n --color-static-neutral-0: #fff;\n --color-static-neutral-0-hover: #e7e8eb;\n --color-static-neutral-0-inverted: #262629;\n --color-static-neutral-0-inverted-hover: #2f2f32;\n --color-static-neutral-0-inverted-press: #353539;\n --color-static-neutral-0-press: #dcdde1;\n --color-static-neutral-100: #f2f3f5;\n --color-static-neutral-100-hover: #e7e8eb;\n --color-static-neutral-100-inverted: #1c1c1e;\n --color-static-neutral-100-inverted-hover: #212124;\n --color-static-neutral-100-inverted-press: #29292c;\n --color-static-neutral-100-press: #dcdde1;\n --color-static-neutral-1300: #212124;\n --color-static-neutral-1300-hover: #3f3f45;\n --color-static-neutral-1300-inverted: #f2f3f5;\n --color-static-neutral-1300-inverted-hover: #d2d3d9;\n --color-static-neutral-1300-inverted-press: #babbc2;\n --color-static-neutral-1300-press: #5f5f66;\n --color-static-neutral-1500: #121213;\n --color-static-neutral-1500-hover: #3f3f45;\n --color-static-neutral-1500-inverted: #fff;\n --color-static-neutral-1500-inverted-hover: #babbc2;\n --color-static-neutral-1500-inverted-press: #a0a1a9;\n --color-static-neutral-1500-press: #5f5f66;\n --color-static-neutral-200: #edeef0;\n --color-static-neutral-200-hover: #e7e8eb;\n --color-static-neutral-200-inverted: #212124;\n --color-static-neutral-200-inverted-hover: #29292c;\n --color-static-neutral-200-inverted-press: #2f2f32;\n --color-static-neutral-200-press: #dcdde1;\n --color-static-neutral-300: #e7e8eb;\n --color-static-neutral-300-hover: #dcdde1;\n --color-static-neutral-300-inverted: #29292c;\n --color-static-neutral-300-inverted-hover: #2f2f32;\n --color-static-neutral-300-inverted-press: #353539;\n --color-static-neutral-300-press: #d2d3d9;\n --color-static-neutral-400: #d2d3d9;\n --color-static-neutral-400-hover: #babbc2;\n --color-static-neutral-400-inverted: #353539;\n --color-static-neutral-400-inverted-hover: #3f3f45;\n --color-static-neutral-400-inverted-press: #4a4a51;\n --color-static-neutral-400-press: #a0a1a9;\n --color-static-neutral-500: #babbc2;\n --color-static-neutral-500-hover: #a0a1a9;\n --color-static-neutral-500-inverted: #4a4a51;\n --color-static-neutral-500-inverted-hover: #5f5f66;\n --color-static-neutral-500-inverted-press: #75757d;\n --color-static-neutral-500-press: #898991;\n --color-static-neutral-700: #898991;\n --color-static-neutral-700-hover: #75757d;\n --color-static-neutral-700-inverted: #898991;\n --color-static-neutral-700-inverted-hover: #a0a1a9;\n --color-static-neutral-700-inverted-press: #babbc2;\n --color-static-neutral-700-press: #5f5f66;\n --color-static-neutral-translucent-0: #fff;\n --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);\n --color-static-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);\n --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);\n --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);\n --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06);\n --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);\n --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);\n --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);\n --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);\n --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);\n --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);\n --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);\n --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);\n --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);\n --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);\n --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);\n --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);\n --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);\n --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08);\n --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);\n --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);\n --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);\n --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);\n --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);\n --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);\n --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);\n --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);\n --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);\n --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);\n --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);\n --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);\n --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);\n --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);\n --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);\n --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28);\n --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);\n --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);\n --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);\n --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);\n --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);\n --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);\n --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);\n --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);\n --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);\n --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);\n --color-static-status-attention: #fa9313;\n --color-static-status-attention-inverted: #fda136;\n --color-static-status-info: #2288fa;\n --color-static-status-info-inverted: #3193fc;\n --color-static-status-muted-alt-attention: #fde6c8;\n --color-static-status-muted-alt-attention-inverted: #412f22;\n --color-static-status-muted-alt-info: #d8eaff;\n --color-static-status-muted-alt-info-inverted: #293044;\n --color-static-status-muted-alt-negative: #ffdfdf;\n --color-static-status-muted-alt-negative-inverted: #442926;\n --color-static-status-muted-alt-positive: #d1f1d7;\n --color-static-status-muted-alt-positive-inverted: #253528;\n --color-static-status-muted-attention: #ffefd9;\n --color-static-status-muted-attention-inverted: #36291f;\n --color-static-status-muted-info: #e4f0ff;\n --color-static-status-muted-info-inverted: #222a3e;\n --color-static-status-muted-negative: #ffebeb;\n --color-static-status-muted-negative-inverted: #392523;\n --color-static-status-muted-positive: #dff8e5;\n --color-static-status-muted-positive-inverted: #232d25;\n --color-static-status-negative: #ff4837;\n --color-static-status-negative-inverted: #ff4837;\n --color-static-status-positive: #0cc44d;\n --color-static-status-positive-inverted: #17d055;\n --color-static-text-attention: #ea8313;\n --color-static-text-attention-hover: #d57111;\n --color-static-text-attention-inverted: #fa9313;\n --color-static-text-attention-inverted-hover: #fdb24d;\n --color-static-text-attention-inverted-press: #ffbf70;\n --color-static-text-attention-press: #b45a06;\n --color-static-text-info: #2a77ef;\n --color-static-text-info-hover: #2c64d4;\n --color-static-text-info-inverted: #4a9dfc;\n --color-static-text-info-inverted-hover: #63aafd;\n --color-static-text-info-inverted-press: #7fb6ff;\n --color-static-text-info-press: #2453b4;\n --color-static-text-negative: #ec2d20;\n --color-static-text-negative-hover: #c7241f;\n --color-static-text-negative-inverted: #ff4837;\n --color-static-text-negative-inverted-hover: #ff755e;\n --color-static-text-negative-inverted-press: #ff8d79;\n --color-static-text-negative-press: #a6201e;\n --color-static-text-positive: #0d9336;\n --color-static-text-positive-hover: #0a7d2c;\n --color-static-text-positive-inverted: #0cc44d;\n --color-static-text-positive-inverted-hover: #22e068;\n --color-static-text-positive-inverted-press: #4ae777;\n --color-static-text-positive-press: #036625;\n --color-static-text-primary: rgba(3, 3, 6, 0.88);\n --color-static-text-primary-dark: #0e0e0e;\n --color-static-text-primary-hover: rgba(1, 1, 12, 0.63);\n --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);\n --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.6);\n --color-static-text-primary-light: #fff;\n --color-static-text-primary-press: rgba(4, 4, 19, 0.55);\n --color-static-text-quaternary: rgba(5, 11, 44, 0.18);\n --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);\n --color-static-text-secondary: rgba(4, 4, 19, 0.55);\n --color-static-text-secondary-dark: rgba(4, 4, 19, 0.55);\n --color-static-text-secondary-hover: rgba(1, 1, 12, 0.63);\n --color-static-text-secondary-inverted: rgba(238, 238, 251, 0.55);\n --color-static-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-static-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);\n --color-static-text-secondary-light: rgba(238, 238, 251, 0.55);\n --color-static-text-secondary-press: rgba(0, 0, 10, 0.71);\n --color-static-text-tertiary: rgba(5, 8, 29, 0.38);\n --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);\n --color-static-text-tertiary-hover: rgba(4, 4, 21, 0.47);\n --color-static-text-tertiary-inverted: rgba(233, 233, 250, 0.37);\n --color-static-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);\n --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);\n --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);\n --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);\n --color-dark-bg-accent: #ef3124; /* deprecated */\n --color-dark-bg-attention-muted: #36291f; /* deprecated */\n --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */\n --color-dark-bg-info: #001c3c; /* deprecated */\n --color-dark-bg-info-muted: #242a39; /* deprecated */\n --color-dark-bg-link-muted: #001c3c; /* deprecated */\n --color-dark-bg-negative-muted: #392523; /* deprecated */\n --color-dark-bg-neutral: #3a3a3c; /* deprecated */\n --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-dark-bg-positive-muted: #232d25; /* deprecated */\n --color-dark-bg-primary: #121213; /* deprecated */\n --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */\n --color-dark-bg-primary-inverted: #fff; /* deprecated */\n --color-dark-bg-quaternary: #36363a; /* deprecated */\n --color-dark-bg-quaternary-inverted: #dcdee2; /* deprecated */\n --color-dark-bg-secondary: #1c1c1e; /* deprecated */\n --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */\n --color-dark-bg-secondary-inverted: #f2f3f5; /* deprecated */\n --color-dark-bg-tertiary: #27272a; /* deprecated */\n --color-dark-bg-tertiary-grouped: #404045; /* deprecated */\n --color-dark-bg-tertiary-inverted: #e7e8ea; /* deprecated */\n --color-dark-border-accent: #ef3124; /* deprecated */\n --color-dark-border-key: #fff; /* deprecated */\n --color-dark-border-key-inverted: #000; /* deprecated */\n --color-dark-border-link: #3193fc; /* deprecated */\n --color-dark-border-primary: #36363a; /* deprecated */\n --color-dark-border-primary-inverted: #d5d6dc; /* deprecated */\n --color-dark-border-secondary: #27272a; /* deprecated */\n --color-dark-border-secondary-inverted: #e7e8ec; /* deprecated */\n --color-dark-border-tertiary: #1c1c1e; /* deprecated */\n --color-dark-border-tertiary-inverted: #f2f3f5; /* deprecated */\n --color-dark-border-underline: #49494f; /* deprecated */\n --color-dark-border-underline-inverted: #b8b9c0; /* deprecated */\n --color-dark-graphic-accent: #ef3124; /* deprecated */\n --color-dark-graphic-attention: #fda136; /* deprecated */\n --color-dark-graphic-link: #3193fc; /* deprecated */\n --color-dark-graphic-negative: #ff5431; /* deprecated */\n --color-dark-graphic-neutral: #2a2a2c; /* deprecated */\n --color-dark-graphic-positive: #17d055; /* deprecated */\n --color-dark-graphic-primary: #f1f1f1; /* deprecated */\n --color-dark-graphic-primary-inverted: #212124; /* deprecated */\n --color-dark-graphic-quaternary: #27272a; /* deprecated */\n --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */\n --color-dark-graphic-secondary: #898991; /* deprecated */\n --color-dark-graphic-secondary-inverted: #898991; /* deprecated */\n --color-dark-graphic-tertiary: #49494f; /* deprecated */\n --color-dark-graphic-tertiary-inverted: #b8b9c0; /* deprecated */\n --color-dark-specialbg-component: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */\n --color-dark-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */\n --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-dark-specialbg-overlay-fallback: #0e0e0f; /* deprecated */\n --color-dark-specialbg-primary-grouped: #1c1c1e; /* deprecated */\n --color-dark-specialbg-secondary-grouped: #27272a; /* deprecated */\n --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07); /* deprecated */\n --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06); /* deprecated */\n --color-dark-specialbg-tertiary-grouped: #36363a; /* deprecated */\n --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08); /* deprecated */\n --color-dark-text-accent: #ef3124; /* deprecated */\n --color-dark-text-disabled: rgba(236, 236, 254, 0.18); /* deprecated */\n --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18); /* deprecated */\n --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */\n --color-dark-text-link: #4a9dfc; /* deprecated */\n --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */\n --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */\n --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */\n --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */\n --color-light-bg-accent: #ef3124; /* deprecated */\n --color-light-bg-attention-muted: #ffefd9; /* deprecated */\n --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */\n --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */\n --color-light-bg-info: #d6e8fc; /* deprecated */\n --color-light-bg-info-muted: #e4f0ff; /* deprecated */\n --color-light-bg-link-muted: #d6e8fc; /* deprecated */\n --color-light-bg-negative-muted: #ffebeb; /* deprecated */\n --color-light-bg-neutral: #dcdcdd; /* deprecated */\n --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-light-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-light-bg-overlay: rgba(0, 0, 0, 0.65); /* deprecated */\n --color-light-bg-positive-muted: #dff8e5; /* deprecated */\n --color-light-bg-primary: #fff; /* deprecated */\n --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */\n --color-light-bg-primary-inverted: #121213; /* deprecated */\n --color-light-bg-quaternary: #dcdee2; /* deprecated */\n --color-light-bg-quaternary-inverted: #36363a; /* deprecated */\n --color-light-bg-secondary: #f2f3f5; /* deprecated */\n --color-light-bg-secondary-grouped: #fff; /* deprecated */\n --color-light-bg-secondary-inverted: #1c1c1e; /* deprecated */\n --color-light-bg-tertiary: #e7e8ea; /* deprecated */\n --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */\n --color-light-bg-tertiary-inverted: #27272a; /* deprecated */\n --color-light-border-accent: #ef3124; /* deprecated */\n --color-light-border-key: #000; /* deprecated */\n --color-light-border-key-inverted: #fff; /* deprecated */\n --color-light-border-link: #2288fa; /* deprecated */\n --color-light-border-primary: #d5d6dc; /* deprecated */\n --color-light-border-primary-inverted: #36363a; /* deprecated */\n --color-light-border-secondary: #e7e8ec; /* deprecated */\n --color-light-border-secondary-inverted: #27272a; /* deprecated */\n --color-light-border-tertiary: #f2f3f5; /* deprecated */\n --color-light-border-tertiary-inverted: #1c1c1e; /* deprecated */\n --color-light-border-underline: #b8b9c0; /* deprecated */\n --color-light-border-underline-inverted: #49494f; /* deprecated */\n --color-light-graphic-accent: #ef3124; /* deprecated */\n --color-light-graphic-attention: #fa9313; /* deprecated */\n --color-light-graphic-link: #2288fa; /* deprecated */\n --color-light-graphic-negative: #ff5431; /* deprecated */\n --color-light-graphic-neutral: #dcdcdd; /* deprecated */\n --color-light-graphic-positive: #0cc44d; /* deprecated */\n --color-light-graphic-primary: #212124; /* deprecated */\n --color-light-graphic-primary-inverted: #f1f1f1; /* deprecated */\n --color-light-graphic-quaternary: #e7e8ec; /* deprecated */\n --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */\n --color-light-graphic-secondary: #898991; /* deprecated */\n --color-light-graphic-secondary-inverted: #898991; /* deprecated */\n --color-light-graphic-tertiary: #b8b9c0; /* deprecated */\n --color-light-graphic-tertiary-inverted: #49494f; /* deprecated */\n --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */\n --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */\n --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */\n --color-light-specialbg-overlay-fallback: #49494f; /* deprecated */\n --color-light-specialbg-primary-grouped: #f2f3f5; /* deprecated */\n --color-light-specialbg-secondary-grouped: #fff; /* deprecated */\n --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06); /* deprecated */\n --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07); /* deprecated */\n --color-light-specialbg-tertiary-grouped: #f2f3f5; /* deprecated */\n --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */\n --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */\n --color-light-text-accent: #ef3124; /* deprecated */\n --color-light-text-disabled: rgba(5, 11, 44, 0.18); /* deprecated */\n --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18); /* deprecated */\n --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */\n --color-light-text-link: #2a77ef; /* deprecated */\n --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */\n --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */\n --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */\n --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */\n --color-static-bg-accent: #ef3124; /* deprecated */\n --color-static-bg-dark: #000; /* deprecated */\n --color-static-bg-light: #fff; /* deprecated */\n --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */\n --color-static-bg-neutral-light: #dcdcdd; /* deprecated */\n --color-static-bg-primary-light: #fff; /* deprecated */\n --color-static-bg-quaternary-dark: #36363a; /* deprecated */\n --color-static-bg-quaternary-light: #e7e8ec; /* deprecated */\n --color-static-bg-secondary-dark: #1c1c1e; /* deprecated */\n --color-static-bg-secondary-light: #f2f3f5; /* deprecated */\n --color-static-bg-tertiary-dark: #27272a; /* deprecated */\n --color-static-bg-tertiary-light: #edeef0; /* deprecated */\n --color-static-border-accent: #ef3124; /* deprecated */\n --color-static-graphic-accent: #ef3124; /* deprecated */\n --color-static-graphic-dark: #212124; /* deprecated */\n --color-static-graphic-light: #f1f1f1; /* deprecated */\n --color-static-text-accent: #ef3124; /* deprecated */\n --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */\n --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */\n --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */\n --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */\n --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */\n --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */\n --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */\n --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */\n --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */\n --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */\n --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */\n --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964); /* deprecated */\n --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */\n --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4); /* deprecated */\n --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */\n --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916); /* deprecated */\n --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884); /* deprecated */\n --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898); /* deprecated */\n --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */\n --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */\n --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */\n --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */\n --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64); /* deprecated */\n --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685); /* deprecated */\n --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */\n --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73); /* deprecated */\n --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */\n --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685); /* deprecated */\n --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */\n --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */\n --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */\n --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */\n --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */\n --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */\n --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */\n --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */\n --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928); /* deprecated */\n --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */\n --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958); /* deprecated */\n --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442); /* deprecated */\n --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949); /* deprecated */\n --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */\n --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */\n --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */\n --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */\n --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64); /* deprecated */\n --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685); /* deprecated */\n --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */\n --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */\n --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */\n --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */\n --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */\n --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */\n --color-static-bg-primary-dark-tint-15: rgb(54, 54, 54); /* deprecated */\n --color-static-bg-primary-dark-tint-20: rgb(65, 65, 66); /* deprecated */\n --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */\n --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */\n --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */\n --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */\n --color-dark-bg-primary-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */\n --color-dark-bg-primary-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */\n --color-dark-bg-primary-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */\n --color-dark-bg-primary-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */\n --color-dark-bg-primary-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */\n --color-dark-bg-primary-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */\n --color-dark-bg-primary-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */\n --color-dark-bg-primary-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */\n --color-dark-bg-primary-alpha-37: rgba(18, 18, 19, 0.37); /* deprecated */\n --color-dark-bg-primary-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */\n --color-dark-bg-primary-tint-7: rgb(35, 35, 36); /* deprecated */\n --color-dark-bg-primary-tint-15: rgb(54, 54, 54); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */\n --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */\n --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */\n --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */\n --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */\n --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72); /* deprecated */\n --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78); /* deprecated */\n --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88); /* deprecated */\n --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117); /* deprecated */\n --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */\n --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192); /* deprecated */\n --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181); /* deprecated */\n --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */\n --color-dark-bg-secondary-shade-15: rgb(24, 24, 25); /* deprecated */\n --color-dark-bg-secondary-shade-20: rgb(22, 22, 24); /* deprecated */\n --color-dark-bg-secondary-tint-7: rgb(44, 44, 46); /* deprecated */\n --color-dark-bg-secondary-tint-15: rgb(62, 62, 64); /* deprecated */\n --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */\n --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208); /* deprecated */\n --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196); /* deprecated */\n --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246); /* deprecated */\n --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246); /* deprecated */\n --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57); /* deprecated */\n --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */\n --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */\n --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */\n --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */\n --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */\n --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */\n --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */\n --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */\n --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */\n --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */\n --color-dark-graphic-negative-shade-20: rgb(204, 67, 39); /* deprecated */\n --color-dark-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */\n --color-dark-graphic-negative-tint-7: rgb(255, 96, 63); /* deprecated */\n --color-dark-graphic-negative-tint-15: rgb(255, 110, 80); /* deprecated */\n --color-dark-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */\n --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */\n --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */\n --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */\n --color-dark-graphic-primary-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */\n --color-dark-graphic-primary-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */\n --color-dark-graphic-primary-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */\n --color-dark-graphic-primary-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */\n --color-dark-graphic-primary-shade-15: rgb(205, 205, 205); /* deprecated */\n --color-dark-graphic-primary-shade-20: rgb(193, 193, 193); /* deprecated */\n --color-dark-graphic-primary-shade-30: rgb(169, 169, 169); /* deprecated */\n --color-dark-graphic-primary-tint-10: rgb(242, 242, 242); /* deprecated */\n --color-dark-graphic-primary-tint-30: rgb(245, 245, 245); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-7: rgb(49, 49, 51); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-10: rgb(55, 55, 58); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-15: rgb(66, 66, 69); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-30: rgb(100, 100, 102); /* deprecated */\n --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */\n --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */\n --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200); /* deprecated */\n --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123); /* deprecated */\n --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116); /* deprecated */\n --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156); /* deprecated */\n --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178); /* deprecated */\n --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67); /* deprecated */\n --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63); /* deprecated */\n --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91); /* deprecated */\n --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105); /* deprecated */\n --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163); /* deprecated */\n --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154); /* deprecated */\n --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */\n --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19); /* deprecated */\n --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */\n --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37); /* deprecated */\n --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */\n --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */\n --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */\n --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */\n --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */\n --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */\n --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351); /* deprecated */\n --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */\n --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */\n --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264); /* deprecated */\n --color-dark-text-link-shade-30: rgb(52, 110, 176); /* deprecated */\n --color-dark-text-link-shade-50: rgb(37, 79, 126); /* deprecated */\n --color-dark-text-link-tint-20: rgb(110, 177, 253); /* deprecated */\n --color-dark-text-link-tint-40: rgb(146, 196, 253); /* deprecated */\n --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */\n --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */\n --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */\n --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */\n --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */\n --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */\n --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */\n --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */\n --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */\n --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */\n --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 19, 0.03); /* deprecated */\n --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */\n --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 19, 0.05); /* deprecated */\n --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 19, 0.07); /* deprecated */\n --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */\n --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */\n --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */\n --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */\n --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */\n --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */\n --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 19, 0.24); /* deprecated */\n --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */\n --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */\n --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */\n --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 19, 0.5); /* deprecated */\n --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 36); /* deprecated */\n --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54); /* deprecated */\n --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 66); /* deprecated */\n --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */\n --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */\n --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */\n --color-light-bg-quaternary-shade-15: rgb(187, 189, 192); /* deprecated */\n --color-light-bg-quaternary-shade-30: rgb(154, 155, 158); /* deprecated */\n --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */\n --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88); /* deprecated */\n --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97); /* deprecated */\n --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */\n --color-light-bg-secondary-tint-15: rgb(244, 245, 246); /* deprecated */\n --color-light-bg-secondary-tint-20: rgb(245, 245, 247); /* deprecated */\n --color-light-bg-secondary-shade-7: rgb(225, 226, 228); /* deprecated */\n --color-light-bg-secondary-shade-15: rgb(206, 207, 208); /* deprecated */\n --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */\n --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64); /* deprecated */\n --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75); /* deprecated */\n --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28); /* deprecated */\n --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25); /* deprecated */\n --color-light-bg-tertiary-shade-7: rgb(215, 216, 218); /* deprecated */\n --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */\n --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */\n --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */\n --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */\n --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */\n --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */\n --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */\n --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */\n --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */\n --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */\n --color-light-graphic-negative-tint-20: rgb(255, 118, 90); /* deprecated */\n --color-light-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */\n --color-light-graphic-negative-shade-7: rgb(237, 78, 46); /* deprecated */\n --color-light-graphic-negative-shade-15: rgb(217, 71, 42); /* deprecated */\n --color-light-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */\n --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */\n --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */\n --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */\n --color-light-graphic-primary-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */\n --color-light-graphic-primary-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */\n --color-light-graphic-primary-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */\n --color-light-graphic-primary-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */\n --color-light-graphic-primary-tint-15: rgb(66, 66, 69); /* deprecated */\n --color-light-graphic-primary-tint-20: rgb(77, 77, 80); /* deprecated */\n --color-light-graphic-primary-tint-30: rgb(100, 100, 102); /* deprecated */\n --color-light-graphic-primary-shade-10: rgb(30, 30, 32); /* deprecated */\n --color-light-graphic-primary-shade-30: rgb(23, 23, 25); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */\n --color-light-graphic-primary-inverted-shade-7: rgb(224, 224, 224); /* deprecated */\n --color-light-graphic-primary-inverted-shade-10: rgb(217, 217, 217); /* deprecated */\n --color-light-graphic-primary-inverted-shade-15: rgb(205, 205, 205); /* deprecated */\n --color-light-graphic-primary-inverted-shade-30: rgb(169, 169, 169); /* deprecated */\n --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */\n --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */\n --color-light-graphic-secondary-shade-50: rgb(69, 69, 73); /* deprecated */\n --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162); /* deprecated */\n --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167); /* deprecated */\n --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131); /* deprecated */\n --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102); /* deprecated */\n --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201); /* deprecated */\n --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205); /* deprecated */\n --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179); /* deprecated */\n --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163); /* deprecated */\n --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105); /* deprecated */\n --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114); /* deprecated */\n --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */\n --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */\n --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */\n --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */\n --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */\n --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */\n --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */\n --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */\n --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */\n --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */\n --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258); /* deprecated */\n --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */\n --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */\n --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256); /* deprecated */\n --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444); /* deprecated */\n --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */\n --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */\n --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296); /* deprecated */\n --color-light-text-link-tint-30: rgb(106, 160, 244); /* deprecated */\n --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */\n --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */\n --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */\n --color-static-graphic-light-shade-7: rgb(224, 224, 224); /* deprecated */\n --color-static-graphic-light-shade-15: rgb(205, 205, 205); /* deprecated */\n}\n\n:root {\n --color-static-brand-black: #000;\n --color-static-brand-blue: #0056ff;\n --color-static-brand-bright-blue: #00e8f0;\n --color-static-brand-green: #31e300;\n --color-static-brand-red: #ef3124;\n --color-static-brand-violet: #6a4dff;\n --color-static-brand-warm-green: #a8f000;\n --color-static-brand-white: #fff;\n}\n\n:root {\n --color-static-monochrome-black-2: rgba(0, 0, 0, 0.02);\n --color-static-monochrome-black-4: rgba(0, 0, 0, 0.04);\n --color-static-monochrome-black-6: rgba(0, 0, 0, 0.06);\n --color-static-monochrome-black-8: rgba(0, 0, 0, 0.08);\n --color-static-monochrome-black-10: rgba(0, 0, 0, 0.1);\n --color-static-monochrome-black-12: rgba(0, 0, 0, 0.12);\n --color-static-monochrome-black-16: rgba(0, 0, 0, 0.16);\n --color-static-monochrome-black-20: rgba(0, 0, 0, 0.2);\n --color-static-monochrome-black-24: rgba(0, 0, 0, 0.24);\n --color-static-monochrome-black-32: rgba(0, 0, 0, 0.32);\n --color-static-monochrome-black-40: rgba(0, 0, 0, 0.4);\n --color-static-monochrome-black-44: rgba(0, 0, 0, 0.44);\n --color-static-monochrome-black-48: rgba(0, 0, 0, 0.48);\n --color-static-monochrome-black-56: rgba(0, 0, 0, 0.56);\n --color-static-monochrome-black-64: rgba(0, 0, 0, 0.64);\n --color-static-monochrome-black-72: rgba(0, 0, 0, 0.72);\n --color-static-monochrome-black-80: rgba(0, 0, 0, 0.8);\n --color-static-monochrome-black-88: rgba(0, 0, 0, 0.88);\n --color-static-monochrome-black-100: #000;\n --color-static-monochrome-white-2: rgba(255, 255, 255, 0.02);\n --color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);\n --color-static-monochrome-white-6: rgba(255, 255, 255, 0.06);\n --color-static-monochrome-white-8: rgba(255, 255, 255, 0.08);\n --color-static-monochrome-white-10: rgba(255, 255, 255, 0.1);\n --color-static-monochrome-white-12: rgba(255, 255, 255, 0.12);\n --color-static-monochrome-white-16: rgba(255, 255, 255, 0.16);\n --color-static-monochrome-white-20: rgba(255, 255, 255, 0.2);\n --color-static-monochrome-white-24: rgba(255, 255, 255, 0.24);\n --color-static-monochrome-white-32: rgba(255, 255, 255, 0.32);\n --color-static-monochrome-white-40: rgba(255, 255, 255, 0.4);\n --color-static-monochrome-white-44: rgba(255, 255, 255, 0.44);\n --color-static-monochrome-white-48: rgba(255, 255, 255, 0.48);\n --color-static-monochrome-white-56: rgba(255, 255, 255, 0.56);\n --color-static-monochrome-white-64: rgba(255, 255, 255, 0.64);\n --color-static-monochrome-white-72: rgba(255, 255, 255, 0.72);\n --color-static-monochrome-white-80: rgba(255, 255, 255, 0.8);\n --color-static-monochrome-white-88: rgba(255, 255, 255, 0.88);\n --color-static-monochrome-white-100: #fff;\n --color-light-monochrome-black-2: rgba(0, 0, 0, 0.02);\n --color-light-monochrome-black-2-inverted: rgba(255, 255, 255, 0.02);\n --color-light-monochrome-black-4: rgba(0, 0, 0, 0.04);\n --color-light-monochrome-black-4-inverted: rgba(255, 255, 255, 0.04);\n --color-light-monochrome-black-6: rgba(0, 0, 0, 0.06);\n --color-light-monochrome-black-6-inverted: rgba(255, 255, 255, 0.06);\n --color-light-monochrome-black-8: rgba(0, 0, 0, 0.08);\n --color-light-monochrome-black-8-inverted: rgba(255, 255, 255, 0.08);\n --color-light-monochrome-black-10: rgba(0, 0, 0, 0.1);\n --color-light-monochrome-black-10-inverted: rgba(255, 255, 255, 0.1);\n --color-light-monochrome-black-12: rgba(0, 0, 0, 0.12);\n --color-light-monochrome-black-12-inverted: rgba(255, 255, 255, 0.12);\n --color-light-monochrome-black-16: rgba(0, 0, 0, 0.16);\n --color-light-monochrome-black-16-inverted: rgba(255, 255, 255, 0.16);\n --color-light-monochrome-black-20: rgba(0, 0, 0, 0.2);\n --color-light-monochrome-black-20-inverted: rgba(255, 255, 255, 0.2);\n --color-light-monochrome-black-24: rgba(0, 0, 0, 0.24);\n --color-light-monochrome-black-24-inverted: rgba(255, 255, 255, 0.24);\n --color-light-monochrome-black-32: rgba(0, 0, 0, 0.32);\n --color-light-monochrome-black-32-inverted: rgba(255, 255, 255, 0.32);\n --color-light-monochrome-black-40: rgba(0, 0, 0, 0.4);\n --color-light-monochrome-black-40-inverted: rgba(255, 255, 255, 0.4);\n --color-light-monochrome-black-44: rgba(0, 0, 0, 0.44);\n --color-light-monochrome-black-44-inverted: rgba(255, 255, 255, 0.44);\n --color-light-monochrome-black-48: rgba(0, 0, 0, 0.48);\n --color-light-monochrome-black-48-inverted: rgba(255, 255, 255, 0.48);\n --color-light-monochrome-black-56: rgba(0, 0, 0, 0.56);\n --color-light-monochrome-black-56-inverted: rgba(255, 255, 255, 0.56);\n --color-light-monochrome-black-64: rgba(0, 0, 0, 0.64);\n --color-light-monochrome-black-64-inverted: rgba(255, 255, 255, 0.64);\n --color-light-monochrome-black-72: rgba(0, 0, 0, 0.72);\n --color-light-monochrome-black-72-inverted: rgba(255, 255, 255, 0.72);\n --color-light-monochrome-black-80: rgba(0, 0, 0, 0.8);\n --color-light-monochrome-black-80-inverted: rgba(255, 255, 255, 0.8);\n --color-light-monochrome-black-88: rgba(0, 0, 0, 0.88);\n --color-light-monochrome-black-88-inverted: rgba(255, 255, 255, 0.88);\n --color-light-monochrome-black-100: #000;\n --color-light-monochrome-black-100-inverted: #fff;\n --color-light-monochrome-white-2: rgba(255, 255, 255, 0.02);\n --color-light-monochrome-white-2-inverted: rgba(0, 0, 0, 0.02);\n --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);\n --color-light-monochrome-white-4-inverted: rgba(0, 0, 0, 0.04);\n --color-light-monochrome-white-6: rgba(255, 255, 255, 0.06);\n --color-light-monochrome-white-6-inverted: rgba(0, 0, 0, 0.06);\n --color-light-monochrome-white-8: rgba(255, 255, 255, 0.08);\n --color-light-monochrome-white-8-inverted: rgba(0, 0, 0, 0.08);\n --color-light-monochrome-white-10: rgba(255, 255, 255, 0.1);\n --color-light-monochrome-white-10-inverted: rgba(0, 0, 0, 0.1);\n --color-light-monochrome-white-12: rgba(255, 255, 255, 0.12);\n --color-light-monochrome-white-12-inverted: rgba(0, 0, 0, 0.12);\n --color-light-monochrome-white-16: rgba(255, 255, 255, 0.16);\n --color-light-monochrome-white-16-inverted: rgba(0, 0, 0, 0.16);\n --color-light-monochrome-white-20: rgba(255, 255, 255, 0.2);\n --color-light-monochrome-white-20-inverted: rgba(0, 0, 0, 0.2);\n --color-light-monochrome-white-24: rgba(255, 255, 255, 0.24);\n --color-light-monochrome-white-24-inverted: rgba(0, 0, 0, 0.24);\n --color-light-monochrome-white-32: rgba(255, 255, 255, 0.32);\n --color-light-monochrome-white-32-inverted: rgba(0, 0, 0, 0.32);\n --color-light-monochrome-white-40: rgba(255, 255, 255, 0.4);\n --color-light-monochrome-white-40-inverted: rgba(0, 0, 0, 0.4);\n --color-light-monochrome-white-44: rgba(255, 255, 255, 0.44);\n --color-light-monochrome-white-44-inverted: rgba(0, 0, 0, 0.44);\n --color-light-monochrome-white-48: rgba(255, 255, 255, 0.48);\n --color-light-monochrome-white-48-inverted: rgba(0, 0, 0, 0.48);\n --color-light-monochrome-white-56: rgba(255, 255, 255, 0.56);\n --color-light-monochrome-white-56-inverted: rgba(0, 0, 0, 0.56);\n --color-light-monochrome-white-64: rgba(255, 255, 255, 0.64);\n --color-light-monochrome-white-64-inverted: rgba(0, 0, 0, 0.64);\n --color-light-monochrome-white-72: rgba(255, 255, 255, 0.72);\n --color-light-monochrome-white-72-inverted: rgba(0, 0, 0, 0.72);\n --color-light-monochrome-white-80: rgba(255, 255, 255, 0.8);\n --color-light-monochrome-white-80-inverted: rgba(0, 0, 0, 0.8);\n --color-light-monochrome-white-88: rgba(255, 255, 255, 0.88);\n --color-light-monochrome-white-88-inverted: rgba(0, 0, 0, 0.88);\n --color-light-monochrome-white-100: #fff;\n --color-light-monochrome-white-100-inverted: #000;\n --color-dark-monochrome-black-2: rgba(255, 255, 255, 0.02);\n --color-dark-monochrome-black-2-inverted: rgba(0, 0, 0, 0.02);\n --color-dark-monochrome-black-4: rgba(255, 255, 255, 0.04);\n --color-dark-monochrome-black-4-inverted: rgba(0, 0, 0, 0.04);\n --color-dark-monochrome-black-6: rgba(255, 255, 255, 0.06);\n --color-dark-monochrome-black-6-inverted: rgba(0, 0, 0, 0.06);\n --color-dark-monochrome-black-8: rgba(255, 255, 255, 0.08);\n --color-dark-monochrome-black-8-inverted: rgba(0, 0, 0, 0.08);\n --color-dark-monochrome-black-10: rgba(255, 255, 255, 0.1);\n --color-dark-monochrome-black-10-inverted: rgba(0, 0, 0, 0.1);\n --color-dark-monochrome-black-12: rgba(255, 255, 255, 0.12);\n --color-dark-monochrome-black-12-inverted: rgba(0, 0, 0, 0.12);\n --color-dark-monochrome-black-16: rgba(255, 255, 255, 0.16);\n --color-dark-monochrome-black-16-inverted: rgba(0, 0, 0, 0.16);\n --color-dark-monochrome-black-20: rgba(255, 255, 255, 0.2);\n --color-dark-monochrome-black-20-inverted: rgba(0, 0, 0, 0.2);\n --color-dark-monochrome-black-24: rgba(255, 255, 255, 0.24);\n --color-dark-monochrome-black-24-inverted: rgba(0, 0, 0, 0.24);\n --color-dark-monochrome-black-32: rgba(255, 255, 255, 0.32);\n --color-dark-monochrome-black-32-inverted: rgba(0, 0, 0, 0.32);\n --color-dark-monochrome-black-40: rgba(255, 255, 255, 0.4);\n --color-dark-monochrome-black-40-inverted: rgba(0, 0, 0, 0.4);\n --color-dark-monochrome-black-44: rgba(255, 255, 255, 0.44);\n --color-dark-monochrome-black-44-inverted: rgba(0, 0, 0, 0.44);\n --color-dark-monochrome-black-48: rgba(255, 255, 255, 0.48);\n --color-dark-monochrome-black-48-inverted: rgba(0, 0, 0, 0.48);\n --color-dark-monochrome-black-56: rgba(255, 255, 255, 0.56);\n --color-dark-monochrome-black-56-inverted: rgba(0, 0, 0, 0.56);\n --color-dark-monochrome-black-64: rgba(255, 255, 255, 0.64);\n --color-dark-monochrome-black-64-inverted: rgba(0, 0, 0, 0.64);\n --color-dark-monochrome-black-72: rgba(255, 255, 255, 0.72);\n --color-dark-monochrome-black-72-inverted: rgba(0, 0, 0, 0.72);\n --color-dark-monochrome-black-80: rgba(255, 255, 255, 0.8);\n --color-dark-monochrome-black-80-inverted: rgba(0, 0, 0, 0.8);\n --color-dark-monochrome-black-88: rgba(255, 255, 255, 0.88);\n --color-dark-monochrome-black-88-inverted: rgba(0, 0, 0, 0.88);\n --color-dark-monochrome-black-100: #fff;\n --color-dark-monochrome-black-100-inverted: #000;\n --color-dark-monochrome-white-2: rgba(0, 0, 0, 0.02);\n --color-dark-monochrome-white-2-inverted: rgba(255, 255, 255, 0.02);\n --color-dark-monochrome-white-4: rgba(0, 0, 0, 0.04);\n --color-dark-monochrome-white-4-inverted: rgba(255, 255, 255, 0.04);\n --color-dark-monochrome-white-6: rgba(0, 0, 0, 0.06);\n --color-dark-monochrome-white-6-inverted: rgba(255, 255, 255, 0.06);\n --color-dark-monochrome-white-8: rgba(0, 0, 0, 0.08);\n --color-dark-monochrome-white-8-inverted: rgba(255, 255, 255, 0.08);\n --color-dark-monochrome-white-10: rgba(0, 0, 0, 0.1);\n --color-dark-monochrome-white-10-inverted: rgba(255, 255, 255, 0.1);\n --color-dark-monochrome-white-12: rgba(0, 0, 0, 0.12);\n --color-dark-monochrome-white-12-inverted: rgba(255, 255, 255, 0.12);\n --color-dark-monochrome-white-16: rgba(0, 0, 0, 0.16);\n --color-dark-monochrome-white-16-inverted: rgba(255, 255, 255, 0.16);\n --color-dark-monochrome-white-20: rgba(0, 0, 0, 0.2);\n --color-dark-monochrome-white-20-inverted: rgba(255, 255, 255, 0.2);\n --color-dark-monochrome-white-24: rgba(0, 0, 0, 0.24);\n --color-dark-monochrome-white-24-inverted: rgba(255, 255, 255, 0.24);\n --color-dark-monochrome-white-32: rgba(0, 0, 0, 0.32);\n --color-dark-monochrome-white-32-inverted: rgba(255, 255, 255, 0.32);\n --color-dark-monochrome-white-40: rgba(0, 0, 0, 0.4);\n --color-dark-monochrome-white-40-inverted: rgba(255, 255, 255, 0.4);\n --color-dark-monochrome-white-44: rgba(0, 0, 0, 0.44);\n --color-dark-monochrome-white-44-inverted: rgba(255, 255, 255, 0.44);\n --color-dark-monochrome-white-48: rgba(0, 0, 0, 0.48);\n --color-dark-monochrome-white-48-inverted: rgba(255, 255, 255, 0.48);\n --color-dark-monochrome-white-56: rgba(0, 0, 0, 0.56);\n --color-dark-monochrome-white-56-inverted: rgba(255, 255, 255, 0.56);\n --color-dark-monochrome-white-64: rgba(0, 0, 0, 0.64);\n --color-dark-monochrome-white-64-inverted: rgba(255, 255, 255, 0.64);\n --color-dark-monochrome-white-72: rgba(0, 0, 0, 0.72);\n --color-dark-monochrome-white-72-inverted: rgba(255, 255, 255, 0.72);\n --color-dark-monochrome-white-80: rgba(0, 0, 0, 0.8);\n --color-dark-monochrome-white-80-inverted: rgba(255, 255, 255, 0.8);\n --color-dark-monochrome-white-88: rgba(0, 0, 0, 0.88);\n --color-dark-monochrome-white-88-inverted: rgba(255, 255, 255, 0.88);\n --color-dark-monochrome-white-100: #000;\n --color-dark-monochrome-white-100-inverted: #fff;\n}\n\n:root {\n --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);\n --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);\n --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);\n}\n\n:root {\n --color-dark-promo-muted-menthol: #1b2816;\n --color-dark-promo-muted-sonata: #222a3e;\n --color-dark-promo-muted-tomato: #3e2321;\n --color-light-promo-muted-menthol: #eafae2;\n --color-light-promo-muted-sonata: #e9f6fd;\n --color-light-promo-muted-tomato: #fdf1f1;\n --color-static-promo-chardonnay: #ffcf99;\n --color-static-promo-conclave: #b3ccff;\n --color-static-promo-gravel: #2a2c2f;\n --color-static-promo-lagoon: #9df2f5;\n --color-static-promo-menthol: #bff0a8;\n --color-static-promo-oasis: #dfbfff;\n --color-static-promo-pale-chardonnay: #ffe5c7;\n --color-static-promo-pale-conclave: #d6e6ff;\n --color-static-promo-pale-lagoon: #c5f8fa;\n --color-static-promo-pale-oasis: #ebd6ff;\n --color-static-promo-pale-pearl: #f1f4f4;\n --color-static-promo-pale-primrose: #eaffb3;\n --color-static-promo-pale-seafoam: #d6ffe7;\n --color-static-promo-pale-tomato: #ffdbd8;\n --color-static-promo-peach: #ffcbb3;\n --color-static-promo-pearl: #eaeeee;\n --color-static-promo-prelude: #c7bfff;\n --color-static-promo-primrose: #d6f09a;\n --color-static-promo-seafoam: #a0fac6;\n --color-static-promo-sonata: #9edfff;\n --color-static-promo-tomato: #ffcac7;\n --color-static-promo-vibrant-chardonnay: #fa9319;\n --color-static-promo-vibrant-conclave: #266fff;\n --color-static-promo-vibrant-lagoon: #00e8f0;\n --color-static-promo-vibrant-menthol: #31e300;\n --color-static-promo-vibrant-oasis: #93f;\n --color-static-promo-vibrant-peach: #ff681c;\n --color-static-promo-vibrant-prelude: #6a4dff;\n --color-static-promo-vibrant-primrose: #a8f000;\n --color-static-promo-vibrant-seafoam: #00f064;\n --color-static-promo-vibrant-sonata: #17a0e5;\n --color-static-promo-vibrant-tomato: #ef3124;\n}\n\n:root {\n --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */\n --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */\n --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */\n --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */\n --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */\n --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */\n --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */\n --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */\n --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */\n --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */\n --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */\n --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */\n --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */\n --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */\n}\n\n:root {\n --color-dark-indigo: #0b1f35; /* deprecated */\n --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */\n --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */\n --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */\n --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */\n --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */\n --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */\n --color-dark-indigo-60-flat: #6d7986; /* deprecated */\n --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */\n --color-dark-indigo-15-flat: #dbdee1; /* deprecated */\n --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */\n --color-dark-indigo-07-flat: #eeeff1; /* deprecated */\n --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */\n --color-red-brand: #ef3124; /* deprecated */\n --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */\n --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */\n --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */\n --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */\n --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */\n --color-red-brand-85-flat: #f15045; /* deprecated */\n --color-red-brand-70-flat: #f46f66; /* deprecated */\n --color-red-brand-50-flat: #f69791; /* deprecated */\n --color-red-brand-30-flat: #fbc2bd; /* deprecated */\n --color-red-brand-20-flat: #fcd6d3; /* deprecated */\n --color-red-brand-10-flat: #feebea; /* deprecated */\n --color-red-brand-05-flat: #fef5f4; /* deprecated */\n --color-red-dark: #d91d0b; /* deprecated */\n --color-red-error: #ff5c5c; /* deprecated */\n --color-green-text: #13a463; /* deprecated */\n --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */\n --color-green-text-60-flat: #71c8a1; /* deprecated */\n --color-green-done: #2fc26e; /* deprecated */\n --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */\n --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */\n --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */\n --color-green-done-20-flat: #d5f3e2; /* deprecated */\n --color-green-done-10-flat: #ebf9f1; /* deprecated */\n --color-green-done-05-flat: #f4fcf7; /* deprecated */\n --color-blue-action: #0e60b9; /* deprecated */\n --color-blue-swipe-a: #2670c6; /* deprecated */\n --color-blue-swipe-b: #3781d8; /* deprecated */\n --color-blue-swipe-c: #4a90e2; /* deprecated */\n --color-blue-link-mobile: #007aff; /* deprecated */\n --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */\n --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */\n --color-blue-link-web: #0f62fe; /* deprecated */\n --color-sand: #f6bf65; /* deprecated */\n --color-lavender: #8888ad; /* deprecated */\n --color-amethyst: #a489aa; /* deprecated */\n --color-black: #000; /* deprecated */\n --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */\n --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */\n --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */\n --color-black-60-flat: #666; /* deprecated */\n --color-black-30-flat: #b3b3b3; /* deprecated */\n --color-black-10-flat: #e6e6e6; /* deprecated */\n --color-white: #fff; /* deprecated */\n --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */\n --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-bg-corporate: #212a33; /* deprecated */\n --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */\n --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */\n --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */\n --color-bg-corporate-90-flat: #384048; /* deprecated */\n --color-bg-corporate-60-flat: #7a7f85; /* deprecated */\n --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */\n --color-light-blue: #f5f7f9; /* deprecated */\n}\n\n:root {\n --focus-color: var(--color-light-status-info);\n --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif;\n --disabled-cursor: not-allowed;\n --arrow-transform: rotate(180deg);\n --size-xxs-height: 32px;\n --size-xs-height: 40px;\n --size-s-height: 48px;\n --size-m-height: 56px;\n --size-l-height: 64px;\n --size-xl-height: 72px;\n}\n\n:root {\n --gap-3xs: 2px; /* deprecated */\n --gap-2xs: 4px; /* deprecated */\n --gap-xs: 8px; /* deprecated */\n --gap-s: 12px; /* deprecated */\n --gap-2s: 14px; /* deprecated */\n --gap-m: 16px; /* deprecated */\n --gap-l: 20px; /* deprecated */\n --gap-xl: 24px; /* deprecated */\n --gap-2xl: 32px; /* deprecated */\n --gap-3xl: 40px; /* deprecated */\n --gap-4xl: 48px; /* deprecated */\n --gap-5xl: 64px; /* deprecated */\n --gap-6xl: 72px; /* deprecated */\n --gap-7xl: 96px; /* deprecated */\n --gap-8xl: 128px; /* deprecated */\n --gap-3xs-neg: -2px; /* deprecated */\n --gap-2xs-neg: -4px; /* deprecated */\n --gap-xs-neg: -8px; /* deprecated */\n --gap-s-neg: -12px; /* deprecated */\n --gap-m-neg: -16px; /* deprecated */\n --gap-l-neg: -20px; /* deprecated */\n --gap-xl-neg: -24px; /* deprecated */\n --gap-2xl-neg: -32px; /* deprecated */\n --gap-3xl-neg: -40px; /* deprecated */\n --gap-4xl-neg: -48px; /* deprecated */\n --gap-5xl-neg: -64px; /* deprecated */\n --gap-6xl-neg: -72px; /* deprecated */\n --gap-7xl-neg: -96px; /* deprecated */\n --gap-8xl-neg: -128px; /* deprecated */\n\n /* новые значения, используйте их */\n\n /* no-unit может приводить к проблемам в calc (#1559) */\n /* stylelint-disable-next-line length-zero-no-unit */\n --gap-0: 0px;\n --gap-2: var(--gap-3xs);\n --gap-4: var(--gap-2xs);\n --gap-8: var(--gap-xs);\n --gap-12: var(--gap-s);\n --gap-16: var(--gap-m);\n --gap-20: var(--gap-l);\n --gap-24: var(--gap-xl);\n --gap-32: var(--gap-2xl);\n --gap-40: var(--gap-3xl);\n --gap-48: var(--gap-4xl);\n --gap-56: 56px;\n --gap-64: var(--gap-5xl);\n --gap-72: var(--gap-6xl);\n --gap-80: 80px;\n --gap-96: var(--gap-7xl);\n --gap-128: var(--gap-8xl);\n --gap-2-neg: var(--gap-3xs-neg);\n --gap-4-neg: var(--gap-2xs-neg);\n --gap-8-neg: var(--gap-xs-neg);\n --gap-12-neg: var(--gap-s-neg);\n --gap-16-neg: var(--gap-m-neg);\n --gap-20-neg: var(--gap-l-neg);\n --gap-24-neg: var(--gap-xl-neg);\n --gap-32-neg: var(--gap-2xl-neg);\n --gap-40-neg: var(--gap-3xl-neg);\n --gap-48-neg: var(--gap-4xl-neg);\n --gap-56-neg: -56px;\n --gap-64-neg: var(--gap-5xl-neg);\n --gap-72-neg: var(--gap-6xl-neg);\n --gap-80-neg: -80px;\n --gap-96-neg: var(--gap-7xl-neg);\n --gap-128-neg: var(--gap-8xl-neg);\n}\n\n/* сбрасывает синюю подсветку при нажатии */\n\n:root {\n --sat: env(safe-area-inset-top, var(--gap-0));\n --sar: env(safe-area-inset-right, var(--gap-0));\n --sab: env(safe-area-inset-bottom, var(--gap-0));\n --sal: env(safe-area-inset-left, var(--gap-0));\n}\n\n:root {\n --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);\n --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n 0 0 1px rgba(0, 0, 0, 0.04);\n --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);\n --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 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);\n --shadow-xl: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);\n\n /* Hard */\n --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);\n --shadow-s-hard: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n 0 0 1px rgba(0, 0, 0, 0.16);\n --shadow-m-hard: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);\n --shadow-l-hard: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 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);\n --shadow-xl-hard: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);\n\n /* Up */\n --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);\n --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);\n --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);\n --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);\n --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);\n\n /* Hard up */\n --shadow-xs-hard-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n 0 -2px 4px rgba(0, 0, 0, 0.16);\n --shadow-s-hard-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n 0 -4px 8px rgba(0, 0, 0, 0.16);\n --shadow-m-hard-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16);\n --shadow-l-hard-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16);\n --shadow-xl-hard-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16);\n}\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n:root {\n /* primary */\n --button-primary-base-bg-color: var(--color-light-accent-primary);\n --button-primary-hover-bg-color: var(--color-light-accent-primary-hover);\n --button-primary-active-bg-color: var(--color-light-accent-primary-press);\n --button-primary-color: var(--color-static-text-primary-inverted);\n --button-primary-disabled-bg-color: var(--color-light-neutral-translucent-100);\n /* primary-inverted */\n --button-inverted-primary-base-bg-color: var(--color-light-accent-primary-inverted);\n --button-inverted-primary-hover-bg-color: var(--color-light-accent-primary-inverted-hover);\n --button-inverted-primary-active-bg-color: var(--color-light-accent-primary-inverted-press);\n --button-inverted-primary-color: var(--color-static-text-primary-inverted);\n --button-inverted-primary-disabled-bg-color: var(\n --color-light-neutral-translucent-100-inverted\n );\n /* primary mobile */\n --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);\n --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);\n --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);\n --button-primary-mobile-color: var(--color-static-text-primary-inverted);\n /* primary inverted mobile */\n --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);\n --button-inverted-primary-mobile-hover-bg-color: var(\n --color-light-accent-primary-inverted-hover\n );\n --button-inverted-primary-mobile-active-bg-color: var(\n --color-light-accent-primary-inverted-press\n );\n --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);\n /* spinner */\n --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);\n --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);\n /* spinner mobile */\n --button-spinner-primary-mobile-color: var(--color-static-neutral-translucent-1300-inverted);\n --button-spinner-inverted-primary-mobile-color: var(\n --color-static-neutral-translucent-1300-inverted\n );\n /* theme */\n --form-control-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-sub-paddings: 0;\n --form-control-bg-backdrop-filter: blur(20px);\n --form-control-border-bottom: 1px solid var(--color-light-neutral-500);\n --form-control-inverted-border-bottom: 1px solid var(--color-light-neutral-500-inverted);\n --form-control-bg-color: var(--color-light-neutral-translucent-100);\n --form-control-inverted-bg-color: var(--color-light-neutral-translucent-100-inverted);\n --form-control-disabled-filled-label-color: var(--color-light-text-secondary);\n --form-control-inverted-disabled-filled-label-color: var(--color-light-text-secondary-inverted);\n /* focus */\n --form-control-focus-shadow: none;\n --form-control-focus-border-bottom: 1px solid var(--color-light-neutral-translucent-1300);\n --form-control-inverted-focus-bg-color: var(--color-light-neutral-translucent-400-inverted);\n --form-control-focus-bg-color: var(--color-light-neutral-translucent-400);\n --form-control-inverted-focus-border-bottom: 1px solid\n var(--color-light-neutral-translucent-1300-inverted);\n --form-control-inverted-focus-shadow: none;\n --form-control-focus-error-shadow: none;\n --form-control-inverted-focus-error-shadow: none;\n /* hover */\n --form-control-hover-bg-color: var(--color-light-neutral-translucent-400);\n --form-control-inverted-hover-bg-color: var(--color-light-neutral-translucent-400-inverted);\n /* error */\n --form-control-error-color: var(--color-static-accent-primary);\n --form-control-inverted-error-color: var(--color-static-accent-primary);\n --form-control-error-border-bottom: 1px solid var(--color-light-status-negative);\n --form-control-error-shadow: none;\n --form-control-inverted-error-shadow: none;\n --form-control-inverted-error-border-bottom: 1px solid\n var(--color-light-status-negative-inverted);\n --form-control-error-bg-color: var(--color-light-neutral-translucent-100);\n --form-control-inverted-error-bg-color: var(--color-light-neutral-translucent-100-inverted);\n /* disabled */\n --form-control-disabled-border-bottom: 1px dashed var(--color-light-neutral-500);\n --form-control-inverted-disabled-border-bottom: 1px dashed\n var(--color-light-neutral-500-inverted);\n --form-control-disabled-bg-color: var(--color-light-neutral-translucent-400);\n --form-control-inverted-disabled-bg-color: var(--color-light-neutral-translucent-400-inverted);\n /* color mobile */\n --form-control-mobile-bg-color: var(--color-light-neutral-translucent-100);\n --form-control-inverted-mobile-bg-color: var(--color-light-neutral-translucent-100-inverted);\n /* error mobile */\n --form-control-error-mobile-disabled-shadow: var(--form-control-error-shadow);\n --form-control-inverted-error-mobile-disabled-shadow: var(--form-control-inverted-error-shadow);\n /* theme */\n --primary-tablist-m-gaps: var(--gap-48);\n --primary-tablist-m-font-weight: 500;\n --primary-tablist-l-gaps: var(--gap-48);\n --primary-tablist-l-font-weight: 500;\n --primary-tablist-bottom-border-color: var(--color-light-neutral-500);\n --input-error-icon-display: flex;\n --input-error-icon-not-alone-display: flex;\n --input-disabled-color: var(--color-light-text-secondary);\n --input-inverted-disabled-color: var(--color-light-text-secondary-inverted);\n --input-read-only-color: var(--color-light-text-secondary);\n --input-inverted-read-only-color: var(--color-light-text-secondary-inverted);\n --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-400);\n --select-options-list-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);\n --select-options-list-offset: var(--gap-0);\n /* select mobile footer */\n --select-mobile-footer-border-top: 1px solid var(--color-light-neutral-400);\n --slider-input-s-border-bottom-radius: 0;\n --slider-input-m-border-bottom-radius: 0;\n --slider-input-l-border-bottom-radius: 0;\n --slider-input-xl-border-bottom-radius: 0;\n --slider-input-progress-margin-horizontal: 0;\n --slider-input-xl-progress-margin-horizontal: 0;\n --slider-input-progress-border-radius: 0;\n --slider-input-progress-bg-color: var(--color-light-neutral-300);\n --slider-input-progress-hover-bg-color: var(--color-light-neutral-300);\n --slider-input-origin-width: 100%;\n --slider-input-origin-right: var(--gap-0);\n --calendar-input-popover-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);\n /* mobile */\n --checkbox-group-mobile-sub-padding-left: var(--gap-0);\n --checkbox-group-mobile-list-padding-left: var(--gap-0);\n /* mobile */\n --radio-group-mobile-sub-padding-left: var(--gap-0);\n --radio-group-mobile-list-padding-left: var(--gap-0);\n /* checked */\n --radio-checked-bg-color: var(--color-light-accent-primary);\n --radio-checked-hover-bg-color: var(--color-light-accent-primary-hover);\n --radio-checked-active-bg-color: var(--color-light-accent-primary-press);\n /* icon */\n --radio-icon-color: var(--color-static-neutral-translucent-1300-inverted);\n /* checked */\n --checkbox-checked-bg-color: var(--color-light-accent-primary);\n --checkbox-checked-hover-bg-color: var(--color-light-accent-primary-hover);\n --checkbox-checked-active-bg-color: var(--color-light-accent-primary-press);\n /* icon */\n --checkbox-icon-color: var(--color-static-neutral-translucent-1300-inverted);\n --checkbox-icon-indeterminate-color: var(--color-static-neutral-translucent-1300-inverted);\n /* checked */\n --switch-checked-bg-color: var(--color-light-accent-primary);\n --switch-checked-hover-bg-color: var(--color-light-accent-primary-hover);\n}\n";
1
+ declare const _default: ":root {\n --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif;\n --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif;\n --font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif;\n}\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n:root {\n --border-radius-xs: 2px; /* deprecated */\n --border-radius-s: 4px; /* deprecated */\n --border-radius-m: 8px; /* deprecated */\n --border-radius-l: 12px; /* deprecated */\n --border-radius-xl: 16px; /* deprecated */\n --border-radius-xxl: 20px; /* deprecated */\n --border-radius-3xl: 24px; /* deprecated */\n --border-radius-circle: 50%;\n --border-radius-pill: 99px;\n\n /* новые значения, используйте их */\n --border-radius-0: 0;\n --border-radius-2: var(--border-radius-xs);\n --border-radius-4: var(--border-radius-s);\n --border-radius-6: 6px;\n --border-radius-8: var(--border-radius-m);\n --border-radius-10: 10px;\n --border-radius-12: var(--border-radius-l);\n --border-radius-14: 14px;\n --border-radius-16: var(--border-radius-xl);\n --border-radius-20: var(--border-radius-xxl);\n --border-radius-24: var(--border-radius-3xl);\n --border-radius-32: 32px;\n --border-radius-36: 36px;\n --border-radius-64: 64px;\n}\n\n:root {\n --color-static-corpbg-neutral: #bdc0c2; /* deprecated */\n --color-static-corpbg-primary: #212a33; /* deprecated */\n --color-static-corpbg-secondary: #384048; /* deprecated */\n --color-static-corpbg-tertiary: #7a7f85; /* deprecated */\n --color-static-graphic-amethyst: #a489aa; /* deprecated */\n --color-static-graphic-blackberry: #bfafc6; /* deprecated */\n --color-static-graphic-blue-chill: #0f9c8c; /* deprecated */\n --color-static-graphic-blue-maya: #7eb3ff; /* deprecated */\n --color-static-graphic-blue-moody: #7879cf; /* deprecated */\n --color-static-graphic-blue-steel: #4f84ba; /* deprecated */\n --color-static-graphic-botticelli: #cee5e5; /* deprecated */\n --color-static-graphic-boulder: #7a7a7a; /* deprecated */\n --color-static-graphic-brink-pink: #fc617c; /* deprecated */\n --color-static-graphic-burnt-sienna: #eb7a58; /* deprecated */\n --color-static-graphic-carrot: #e8bba3; /* deprecated */\n --color-static-graphic-chatelle: #bfafc6; /* deprecated */\n --color-static-graphic-chathams-blue: #155966; /* deprecated */\n --color-static-graphic-chick: #f2db9e; /* deprecated */\n --color-static-graphic-crete: #847128; /* deprecated */\n --color-static-graphic-curious-blue: #2381db; /* deprecated */\n --color-static-graphic-curious-blue-light: #3b99d9; /* deprecated */\n --color-static-graphic-eastern-blue: #269cb3; /* deprecated */\n --color-static-graphic-french-lilac: #d3baed; /* deprecated */\n --color-static-graphic-fuel-yellow: #f29d32; /* deprecated */\n --color-static-graphic-fun-blue: #1d6ab5; /* deprecated */\n --color-static-graphic-gallery: #eee; /* deprecated */\n --color-static-graphic-green-jungle: #2fc26e; /* deprecated */\n --color-static-graphic-hippie-blue: #5aa4b0; /* deprecated */\n --color-static-graphic-jaffa: #f07134; /* deprecated */\n --color-static-graphic-jaffa-light: #f18836; /* deprecated */\n --color-static-graphic-java: #15c0e0; /* deprecated */\n --color-static-graphic-jungle-green: #2ab79a; /* deprecated */\n --color-static-graphic-lavender: #8888ad; /* deprecated */\n --color-static-graphic-mantis: #63cd4f; /* deprecated */\n --color-static-graphic-matisse: #16548f; /* deprecated */\n --color-static-graphic-milano-red: #cd1501; /* deprecated */\n --color-static-graphic-mirage: #1d2434; /* deprecated */\n --color-static-graphic-moon-raker: #e9dbf7; /* deprecated */\n --color-static-graphic-moss-green: #a6d29c; /* deprecated */\n --color-static-graphic-nevada: #626b75; /* deprecated */\n --color-static-graphic-olive: #bfd3c9; /* deprecated */\n --color-static-graphic-olivine: #87b965; /* deprecated */\n --color-static-graphic-peach: #fcc99b; /* deprecated */\n --color-static-graphic-persimmon: #ff5c5c; /* deprecated */\n --color-static-graphic-pewter: #96a5a5; /* deprecated */\n --color-static-graphic-pickled-bluewood: #2d3f50; /* deprecated */\n --color-static-graphic-porsche: #e7b965; /* deprecated */\n --color-static-graphic-raspberry: #dfb2bb; /* deprecated */\n --color-static-graphic-red-damask: #da713c; /* deprecated */\n --color-static-graphic-saffron: #f0c330; /* deprecated */\n --color-static-graphic-salomie: #fee984; /* deprecated */\n --color-static-graphic-sand: #f6bf65; /* deprecated */\n --color-static-graphic-sandy-brown: #f38f6f; /* deprecated */\n --color-static-graphic-seawater: #aecfd9; /* deprecated */\n --color-static-graphic-serenade: #fff0e3; /* deprecated */\n --color-static-graphic-sky: #a6c0db; /* deprecated */\n --color-static-graphic-soft-peach: #f3eaeb; /* deprecated */\n --color-static-graphic-solitude: #e8f2fe; /* deprecated */\n --color-static-graphic-strawberry: #f8b6a9; /* deprecated */\n --color-static-graphic-sundust: #d9d6ce; /* deprecated */\n --color-static-graphic-turkish-rose: #b56a6b; /* deprecated */\n --color-static-graphic-turquoise-blue: #6bd3e6; /* deprecated */\n --color-static-graphic-valencia: #d8463b; /* deprecated */\n --color-static-graphic-waikawa-gray: #5b6d9c; /* deprecated */\n --color-static-graphic-whisper: #f2eff6; /* deprecated */\n --color-static-graphic-zanah: #e1f0de; /* deprecated */\n --color-static-local-light-blue: #f5f7f9; /* deprecated */\n --color-static-overlay-black-high: rgba(0, 0, 0, 0.32); /* deprecated */\n --color-static-overlay-black-low: rgba(0, 0, 0, 0.16); /* deprecated */\n --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24); /* deprecated */\n --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4); /* deprecated */\n --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08); /* deprecated */\n --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32); /* deprecated */\n --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16); /* deprecated */\n --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24); /* deprecated */\n --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4); /* deprecated */\n --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08); /* deprecated */\n --color-static-overlay-white-high: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-static-overlay-white-low: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24); /* deprecated */\n --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08); /* deprecated */\n --color-static-status-blue: #007aff; /* deprecated */\n --color-static-status-green: #13a463; /* deprecated */\n --color-static-status-grey: #6d7986; /* deprecated */\n --color-static-status-orange: #de6a00; /* deprecated */\n --color-static-status-purple: #673ab7; /* deprecated */\n --color-static-status-red: #d91d0b; /* deprecated */\n --color-static-status-teal: #219187; /* deprecated */\n --color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */\n --color-static-graphic-boulder-old: #7a7a7a; /* deprecated */\n --color-static-graphic-brink-pink-old: #fc617c; /* deprecated */\n --color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */\n --color-static-graphic-chatelle-old: #bfafc6; /* deprecated */\n --color-static-graphic-chathams-blue-old: #155966; /* deprecated */\n --color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */\n --color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */\n --color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */\n --color-static-graphic-jaffa-light-old: #f18836; /* deprecated */\n --color-static-graphic-java-old: #15c0e0; /* deprecated */\n --color-static-graphic-mantis-old: #63cd4f; /* deprecated */\n --color-static-graphic-matisse-old: #16548f; /* deprecated */\n --color-static-graphic-maya: #7eb3ff; /* deprecated */\n --color-static-graphic-milano-red-old: #cd1501; /* deprecated */\n --color-static-graphic-mirage-old: #1d2434; /* deprecated */\n --color-static-graphic-nevada-old: #626b75; /* deprecated */\n --color-static-graphic-olivine-old: #87b965; /* deprecated */\n --color-static-graphic-permission: #ff5c5c; /* deprecated */\n --color-static-graphic-pewter-old: #96a5a5; /* deprecated */\n --color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */\n --color-static-graphic-porsche-old: #e7b965; /* deprecated */\n --color-static-graphic-red-damask-old: #da713c; /* deprecated */\n --color-static-graphic-saffron-old: #f0c330; /* deprecated */\n --color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */\n --color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */\n --color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */\n --color-static-graphic-valencia-old: #d8463b; /* deprecated */\n --color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */\n --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1); /* deprecated */\n --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1); /* deprecated */\n --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1); /* deprecated */\n --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1); /* deprecated */\n --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1); /* deprecated */\n --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1); /* deprecated */\n --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1); /* deprecated */\n}\n\n:root {\n --color-dark-accent-primary: #f83a2a;\n --color-dark-accent-primary-hover: #ff503e;\n --color-dark-accent-primary-inverted: #ef3124;\n --color-dark-accent-primary-inverted-hover: #e32a17;\n --color-dark-accent-primary-inverted-press: #d72505;\n --color-dark-accent-primary-press: #fd624e;\n --color-dark-accent-secondary: #f2f3f5;\n --color-dark-accent-secondary-hover: #dcdde1;\n --color-dark-accent-secondary-inverted: #212124;\n --color-dark-accent-secondary-inverted-hover: #2f2f32;\n --color-dark-accent-secondary-inverted-press: #353539;\n --color-dark-accent-secondary-press: #d2d3d9;\n --color-dark-base-bg-alt-primary: #121213;\n --color-dark-base-bg-alt-primary-inverted: #f2f3f5;\n --color-dark-base-bg-alt-secondary: #1c1c1e;\n --color-dark-base-bg-alt-secondary-inverted: #fff;\n --color-dark-base-bg-alt-tertiary: #29292c;\n --color-dark-base-bg-alt-tertiary-inverted: #f2f3f5;\n --color-dark-base-bg-primary: #121213;\n --color-dark-base-bg-primary-inverted: #fff;\n --color-dark-base-bg-secondary: #1c1c1e;\n --color-dark-base-bg-secondary-inverted: #f2f3f5;\n --color-dark-base-bg-tertiary: #29292c;\n --color-dark-base-bg-tertiary-inverted: #fff;\n --color-dark-modal-bg-alt-primary: #1c1c1e;\n --color-dark-modal-bg-alt-primary-inverted: #f2f3f5;\n --color-dark-modal-bg-alt-secondary: #29292c;\n --color-dark-modal-bg-alt-secondary-inverted: #fff;\n --color-dark-modal-bg-alt-tertiary: #353539;\n --color-dark-modal-bg-alt-tertiary-inverted: #f2f3f5;\n --color-dark-modal-bg-primary: #1c1c1e;\n --color-dark-modal-bg-primary-inverted: #fff;\n --color-dark-modal-bg-secondary: #29292c;\n --color-dark-modal-bg-secondary-inverted: #f2f3f5;\n --color-dark-modal-bg-tertiary: #353539;\n --color-dark-modal-bg-tertiary-inverted: #fff;\n --color-dark-neutral-0: #262629;\n --color-dark-neutral-0-hover: #2f2f32;\n --color-dark-neutral-0-inverted: #fff;\n --color-dark-neutral-0-inverted-hover: #e7e8eb;\n --color-dark-neutral-0-inverted-press: #dcdde1;\n --color-dark-neutral-0-press: #353539;\n --color-dark-neutral-100: #1c1c1e;\n --color-dark-neutral-100-hover: #212124;\n --color-dark-neutral-100-inverted: #f2f3f5;\n --color-dark-neutral-100-inverted-hover: #e7e8eb;\n --color-dark-neutral-100-inverted-press: #dcdde1;\n --color-dark-neutral-100-press: #29292c;\n --color-dark-neutral-1300: #f2f3f5;\n --color-dark-neutral-1300-hover: #d2d3d9;\n --color-dark-neutral-1300-inverted: #212124;\n --color-dark-neutral-1300-inverted-hover: #3f3f45;\n --color-dark-neutral-1300-inverted-press: #5f5f66;\n --color-dark-neutral-1300-press: #babbc2;\n --color-dark-neutral-1500: #fff;\n --color-dark-neutral-1500-hover: #babbc2;\n --color-dark-neutral-1500-inverted: #121213;\n --color-dark-neutral-1500-inverted-hover: #3f3f45;\n --color-dark-neutral-1500-inverted-press: #5f5f66;\n --color-dark-neutral-1500-press: #a0a1a9;\n --color-dark-neutral-200: #212124;\n --color-dark-neutral-200-hover: #29292c;\n --color-dark-neutral-200-inverted: #edeef0;\n --color-dark-neutral-200-inverted-hover: #e7e8eb;\n --color-dark-neutral-200-inverted-press: #dcdde1;\n --color-dark-neutral-200-press: #2f2f32;\n --color-dark-neutral-300: #29292c;\n --color-dark-neutral-300-hover: #2f2f32;\n --color-dark-neutral-300-inverted: #e7e8eb;\n --color-dark-neutral-300-inverted-hover: #dcdde1;\n --color-dark-neutral-300-inverted-press: #d2d3d9;\n --color-dark-neutral-300-press: #353539;\n --color-dark-neutral-400: #353539;\n --color-dark-neutral-400-hover: #3f3f45;\n --color-dark-neutral-400-inverted: #d2d3d9;\n --color-dark-neutral-400-inverted-hover: #babbc2;\n --color-dark-neutral-400-inverted-press: #a0a1a9;\n --color-dark-neutral-400-press: #4a4a51;\n --color-dark-neutral-500: #4a4a51;\n --color-dark-neutral-500-hover: #5f5f66;\n --color-dark-neutral-500-inverted: #babbc2;\n --color-dark-neutral-500-inverted-hover: #a0a1a9;\n --color-dark-neutral-500-inverted-press: #898991;\n --color-dark-neutral-500-press: #75757d;\n --color-dark-neutral-700: #898991;\n --color-dark-neutral-700-hover: #a0a1a9;\n --color-dark-neutral-700-inverted: #898991;\n --color-dark-neutral-700-inverted-hover: #75757d;\n --color-dark-neutral-700-inverted-press: #5f5f66;\n --color-dark-neutral-700-press: #babbc2;\n --color-dark-neutral-translucent-0: rgba(214, 214, 229, 0.07);\n --color-dark-neutral-translucent-0-hover: rgba(225, 225, 248, 0.09);\n --color-dark-neutral-translucent-0-inverted: #fff;\n --color-dark-neutral-translucent-0-inverted-hover: rgba(38, 55, 88, 0.06);\n --color-dark-neutral-translucent-0-inverted-press: rgba(30, 43, 68, 0.08);\n --color-dark-neutral-translucent-0-press: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-100: rgba(214, 214, 229, 0.07);\n --color-dark-neutral-translucent-100-hover: rgba(225, 225, 248, 0.09);\n --color-dark-neutral-translucent-100-inverted: rgba(38, 55, 88, 0.06);\n --color-dark-neutral-translucent-100-inverted-hover: rgba(15, 25, 55, 0.1);\n --color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);\n --color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);\n --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);\n --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);\n --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);\n --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);\n --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);\n --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);\n --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);\n --color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);\n --color-dark-neutral-translucent-1500-press: rgba(239, 240, 252, 0.65);\n --color-dark-neutral-translucent-200: rgba(225, 225, 248, 0.09);\n --color-dark-neutral-translucent-200-hover: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-200-inverted: rgba(30, 43, 68, 0.08);\n --color-dark-neutral-translucent-200-inverted-hover: rgba(15, 25, 55, 0.1);\n --color-dark-neutral-translucent-200-inverted-press: rgba(5, 12, 41, 0.14);\n --color-dark-neutral-translucent-200-press: rgba(234, 234, 248, 0.15);\n --color-dark-neutral-translucent-300: rgba(222, 222, 238, 0.13);\n --color-dark-neutral-translucent-300-hover: rgba(234, 234, 248, 0.15);\n --color-dark-neutral-translucent-300-inverted: rgba(15, 25, 55, 0.1);\n --color-dark-neutral-translucent-300-inverted-hover: rgba(5, 12, 41, 0.14);\n --color-dark-neutral-translucent-300-inverted-press: rgba(5, 11, 44, 0.18);\n --color-dark-neutral-translucent-300-press: rgba(231, 231, 248, 0.18);\n --color-dark-neutral-translucent-400: rgba(231, 231, 248, 0.18);\n --color-dark-neutral-translucent-400-hover: rgba(227, 227, 250, 0.23);\n --color-dark-neutral-translucent-400-inverted: rgba(5, 11, 44, 0.18);\n --color-dark-neutral-translucent-400-inverted-hover: rgba(9, 12, 37, 0.28);\n --color-dark-neutral-translucent-400-inverted-press: rgba(5, 8, 29, 0.38);\n --color-dark-neutral-translucent-400-press: rgba(228, 228, 251, 0.28);\n --color-dark-neutral-translucent-500: rgba(228, 228, 251, 0.28);\n --color-dark-neutral-translucent-500-hover: rgba(233, 233, 250, 0.37);\n --color-dark-neutral-translucent-500-inverted: rgba(9, 12, 37, 0.28);\n --color-dark-neutral-translucent-500-inverted-hover: rgba(5, 8, 29, 0.38);\n --color-dark-neutral-translucent-500-inverted-press: rgba(4, 4, 21, 0.47);\n --color-dark-neutral-translucent-500-press: rgba(238, 238, 254, 0.46);\n --color-dark-neutral-translucent-700: rgba(238, 238, 251, 0.55);\n --color-dark-neutral-translucent-700-hover: rgba(239, 240, 252, 0.65);\n --color-dark-neutral-translucent-700-inverted: rgba(4, 4, 21, 0.47);\n --color-dark-neutral-translucent-700-inverted-hover: rgba(4, 4, 19, 0.55);\n --color-dark-neutral-translucent-700-inverted-press: rgba(1, 1, 12, 0.63);\n --color-dark-neutral-translucent-700-press: rgba(243, 245, 254, 0.75);\n --color-dark-overlay-default: rgba(0, 0, 0, 0.7);\n --color-dark-status-attention: #fda136;\n --color-dark-status-attention-hover: #fdb24d;\n --color-dark-status-attention-inverted: #fa9313;\n --color-dark-status-attention-inverted-hover: #f18d0b;\n --color-dark-status-attention-inverted-press: #ea8313;\n --color-dark-status-attention-press: #ffbf70;\n --color-dark-status-info: #3193fc;\n --color-dark-status-info-hover: #4a9dfc;\n --color-dark-status-info-inverted: #2288fa;\n --color-dark-status-info-inverted-hover: #2a77ef;\n --color-dark-status-info-inverted-press: #2c64d4;\n --color-dark-status-info-press: #63aafd;\n --color-dark-status-muted-alt-attention: #412f22;\n --color-dark-status-muted-alt-attention-hover: #543a27;\n --color-dark-status-muted-alt-attention-inverted: #fde6c8;\n --color-dark-status-muted-alt-attention-inverted-hover: #f6d7af;\n --color-dark-status-muted-alt-attention-inverted-press: #f0c492;\n --color-dark-status-muted-alt-attention-press: #6a462c;\n --color-dark-status-muted-alt-info: #293044;\n --color-dark-status-muted-alt-info-hover: #2f3a55;\n --color-dark-status-muted-alt-info-inverted: #e4f0ff;\n --color-dark-status-muted-alt-info-inverted-hover: #c1dbf7;\n --color-dark-status-muted-alt-info-inverted-press: #a7cbf2;\n --color-dark-status-muted-alt-info-press: #38476c;\n --color-dark-status-muted-alt-negative: #442926;\n --color-dark-status-muted-alt-negative-hover: #55312e;\n --color-dark-status-muted-alt-negative-inverted: #ffdfdf;\n --color-dark-status-muted-alt-negative-inverted-hover: #f9ccca;\n --color-dark-status-muted-alt-negative-inverted-press: #f3b6af;\n --color-dark-status-muted-alt-negative-press: #6b3b34;\n --color-dark-status-muted-alt-positive: #253528;\n --color-dark-status-muted-alt-positive-hover: #273f2d;\n --color-dark-status-muted-alt-positive-inverted: #d1f1d7;\n --color-dark-status-muted-alt-positive-inverted-hover: #bbe8c3;\n --color-dark-status-muted-alt-positive-inverted-press: #a1dba8;\n --color-dark-status-muted-alt-positive-press: #2d4e33;\n --color-dark-status-muted-attention: #36291f;\n --color-dark-status-muted-attention-hover: #412f22;\n --color-dark-status-muted-attention-inverted: #ffefd9;\n --color-dark-status-muted-attention-inverted-hover: #fde6c8;\n --color-dark-status-muted-attention-inverted-press: #f6d7af;\n --color-dark-status-muted-attention-press: #543a27;\n --color-dark-status-muted-info: #222a3e;\n --color-dark-status-muted-info-hover: #293044;\n --color-dark-status-muted-info-inverted: #e4f0ff;\n --color-dark-status-muted-info-inverted-hover: #d8eaff;\n --color-dark-status-muted-info-inverted-press: #c1dbf7;\n --color-dark-status-muted-info-press: #2f3a55;\n --color-dark-status-muted-negative: #392523;\n --color-dark-status-muted-negative-hover: #442926;\n --color-dark-status-muted-negative-inverted: #ffebeb;\n --color-dark-status-muted-negative-inverted-hover: #ffdfdf;\n --color-dark-status-muted-negative-inverted-press: #f9ccca;\n --color-dark-status-muted-negative-press: #55312e;\n --color-dark-status-muted-positive: #232d25;\n --color-dark-status-muted-positive-hover: #253528;\n --color-dark-status-muted-positive-inverted: #dff8e5;\n --color-dark-status-muted-positive-inverted-hover: #d1f1d7;\n --color-dark-status-muted-positive-inverted-press: #bbe8c3;\n --color-dark-status-muted-positive-press: #273f2d;\n --color-dark-status-negative: #ff4837;\n --color-dark-status-negative-hover: #ff755e;\n --color-dark-status-negative-inverted: #ff4837;\n --color-dark-status-negative-inverted-hover: #ec2d20;\n --color-dark-status-negative-inverted-press: #c7241f;\n --color-dark-status-negative-press: #ff8d79;\n --color-dark-status-positive: #17d055;\n --color-dark-status-positive-hover: #22e068;\n --color-dark-status-positive-inverted: #0cc44d;\n --color-dark-status-positive-inverted-hover: #04b545;\n --color-dark-status-positive-inverted-press: #01a53d;\n --color-dark-status-positive-press: #4ae777;\n --color-dark-text-attention: #fa9313;\n --color-dark-text-attention-hover: #fdb24d;\n --color-dark-text-attention-inverted: #ea8313;\n --color-dark-text-attention-inverted-hover: #d57111;\n --color-dark-text-attention-inverted-press: #b45a06;\n --color-dark-text-attention-press: #ffbf70;\n --color-dark-text-info: #4a9dfc;\n --color-dark-text-info-hover: #63aafd;\n --color-dark-text-info-inverted: #2a77ef;\n --color-dark-text-info-inverted-hover: #2c64d4;\n --color-dark-text-info-inverted-press: #2453b4;\n --color-dark-text-info-press: #7fb6ff;\n --color-dark-text-negative: #ff4837;\n --color-dark-text-negative-hover: #ff755e;\n --color-dark-text-negative-inverted: #ec2d20;\n --color-dark-text-negative-inverted-hover: #c7241f;\n --color-dark-text-negative-inverted-press: #a6201e;\n --color-dark-text-negative-press: #ff8d79;\n --color-dark-text-positive: #0cc44d;\n --color-dark-text-positive-hover: #22e068;\n --color-dark-text-positive-inverted: #0d9336;\n --color-dark-text-positive-inverted-hover: #0a7d2c;\n --color-dark-text-positive-inverted-press: #036625;\n --color-dark-text-positive-press: #4ae777;\n --color-dark-text-primary: rgba(255, 255, 255, 0.94);\n --color-dark-text-primary-hover: rgba(255, 255, 255, 0.7);\n --color-dark-text-primary-inverted: rgba(3, 3, 6, 0.88);\n --color-dark-text-primary-inverted-hover: rgba(1, 1, 12, 0.63);\n --color-dark-text-primary-inverted-press: rgba(4, 4, 19, 0.55);\n --color-dark-text-primary-press: rgba(255, 255, 255, 0.6);\n --color-dark-text-quaternary: rgba(231, 231, 248, 0.18);\n --color-dark-text-quaternary-inverted: rgba(5, 11, 44, 0.18);\n --color-dark-text-secondary: rgba(238, 238, 251, 0.55);\n --color-dark-text-secondary-hover: rgba(239, 240, 252, 0.65);\n --color-dark-text-secondary-inverted: rgba(4, 4, 19, 0.55);\n --color-dark-text-secondary-inverted-hover: rgba(1, 1, 12, 0.63);\n --color-dark-text-secondary-inverted-press: rgba(0, 0, 10, 0.71);\n --color-dark-text-secondary-press: rgba(243, 245, 254, 0.75);\n --color-dark-text-tertiary: rgba(233, 233, 250, 0.37);\n --color-dark-text-tertiary-hover: rgba(238, 238, 254, 0.46);\n --color-dark-text-tertiary-inverted: rgba(5, 8, 29, 0.38);\n --color-dark-text-tertiary-inverted-hover: rgba(4, 4, 21, 0.47);\n --color-dark-text-tertiary-inverted-press: rgba(4, 4, 19, 0.55);\n --color-dark-text-tertiary-press: rgba(238, 238, 251, 0.55);\n --color-dark-transparent-default: rgba(255, 255, 255, 0);\n --color-dark-transparent-default-hover: rgba(214, 214, 229, 0.07);\n --color-dark-transparent-default-inverted-hover: rgba(38, 55, 88, 0.06);\n --color-dark-transparent-default-inverted-press: rgba(30, 43, 68, 0.08);\n --color-dark-transparent-default-press: rgba(225, 225, 248, 0.09);\n --color-light-accent-primary: #ef3124;\n --color-light-accent-primary-hover: #e32a17;\n --color-light-accent-primary-inverted: #f83a2a;\n --color-light-accent-primary-inverted-hover: #ff503e;\n --color-light-accent-primary-inverted-press: #fd624e;\n --color-light-accent-primary-press: #d72505;\n --color-light-accent-secondary: #212124;\n --color-light-accent-secondary-hover: #2f2f32;\n --color-light-accent-secondary-inverted: #f2f3f5;\n --color-light-accent-secondary-inverted-hover: #dcdde1;\n --color-light-accent-secondary-inverted-press: #d2d3d9;\n --color-light-accent-secondary-press: #353539;\n --color-light-base-bg-alt-primary: #f2f3f5;\n --color-light-base-bg-alt-primary-inverted: #121213;\n --color-light-base-bg-alt-secondary: #fff;\n --color-light-base-bg-alt-secondary-inverted: #1c1c1e;\n --color-light-base-bg-alt-tertiary: #f2f3f5;\n --color-light-base-bg-alt-tertiary-inverted: #29292c;\n --color-light-base-bg-primary: #fff;\n --color-light-base-bg-primary-inverted: #121213;\n --color-light-base-bg-secondary: #f2f3f5;\n --color-light-base-bg-secondary-inverted: #1c1c1e;\n --color-light-base-bg-tertiary: #fff;\n --color-light-base-bg-tertiary-inverted: #29292c;\n --color-light-modal-bg-alt-primary: #f2f3f5;\n --color-light-modal-bg-alt-primary-inverted: #1c1c1e;\n --color-light-modal-bg-alt-secondary: #fff;\n --color-light-modal-bg-alt-secondary-inverted: #29292c;\n --color-light-modal-bg-alt-tertiary: #f2f3f5;\n --color-light-modal-bg-alt-tertiary-inverted: #353539;\n --color-light-modal-bg-primary: #fff;\n --color-light-modal-bg-primary-inverted: #1c1c1e;\n --color-light-modal-bg-secondary: #f2f3f5;\n --color-light-modal-bg-secondary-inverted: #29292c;\n --color-light-modal-bg-tertiary: #fff;\n --color-light-modal-bg-tertiary-inverted: #353539;\n --color-light-neutral-0: #fff;\n --color-light-neutral-0-hover: #e7e8eb;\n --color-light-neutral-0-inverted: #262629;\n --color-light-neutral-0-inverted-hover: #2f2f32;\n --color-light-neutral-0-inverted-press: #353539;\n --color-light-neutral-0-press: #dcdde1;\n --color-light-neutral-100: #f2f3f5;\n --color-light-neutral-100-hover: #e7e8eb;\n --color-light-neutral-100-inverted: #1c1c1e;\n --color-light-neutral-100-inverted-hover: #212124;\n --color-light-neutral-100-inverted-press: #29292c;\n --color-light-neutral-100-press: #dcdde1;\n --color-light-neutral-1300: #212124;\n --color-light-neutral-1300-hover: #3f3f45;\n --color-light-neutral-1300-inverted: #f2f3f5;\n --color-light-neutral-1300-inverted-hover: #d2d3d9;\n --color-light-neutral-1300-inverted-press: #babbc2;\n --color-light-neutral-1300-press: #5f5f66;\n --color-light-neutral-1500: #121213;\n --color-light-neutral-1500-hover: #3f3f45;\n --color-light-neutral-1500-inverted: #fff;\n --color-light-neutral-1500-inverted-hover: #babbc2;\n --color-light-neutral-1500-inverted-press: #a0a1a9;\n --color-light-neutral-1500-press: #5f5f66;\n --color-light-neutral-200: #edeef0;\n --color-light-neutral-200-hover: #e7e8eb;\n --color-light-neutral-200-inverted: #212124;\n --color-light-neutral-200-inverted-hover: #29292c;\n --color-light-neutral-200-inverted-press: #2f2f32;\n --color-light-neutral-200-press: #dcdde1;\n --color-light-neutral-300: #e7e8eb;\n --color-light-neutral-300-hover: #dcdde1;\n --color-light-neutral-300-inverted: #29292c;\n --color-light-neutral-300-inverted-hover: #2f2f32;\n --color-light-neutral-300-inverted-press: #353539;\n --color-light-neutral-300-press: #d2d3d9;\n --color-light-neutral-400: #d2d3d9;\n --color-light-neutral-400-hover: #babbc2;\n --color-light-neutral-400-inverted: #353539;\n --color-light-neutral-400-inverted-hover: #3f3f45;\n --color-light-neutral-400-inverted-press: #4a4a51;\n --color-light-neutral-400-press: #a0a1a9;\n --color-light-neutral-500: #babbc2;\n --color-light-neutral-500-hover: #a0a1a9;\n --color-light-neutral-500-inverted: #4a4a51;\n --color-light-neutral-500-inverted-hover: #5f5f66;\n --color-light-neutral-500-inverted-press: #75757d;\n --color-light-neutral-500-press: #898991;\n --color-light-neutral-700: #898991;\n --color-light-neutral-700-hover: #75757d;\n --color-light-neutral-700-inverted: #898991;\n --color-light-neutral-700-inverted-hover: #a0a1a9;\n --color-light-neutral-700-inverted-press: #babbc2;\n --color-light-neutral-700-press: #5f5f66;\n --color-light-neutral-translucent-0: #fff;\n --color-light-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);\n --color-light-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);\n --color-light-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);\n --color-light-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);\n --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);\n --color-light-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);\n --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);\n --color-light-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);\n --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);\n --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);\n --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);\n --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);\n --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);\n --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);\n --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);\n --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);\n --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);\n --color-light-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);\n --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);\n --color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);\n --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);\n --color-light-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);\n --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);\n --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);\n --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);\n --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);\n --color-light-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);\n --color-light-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);\n --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);\n --color-light-neutral-translucent-400: rgba(5, 11, 44, 0.18);\n --color-light-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);\n --color-light-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);\n --color-light-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);\n --color-light-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);\n --color-light-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);\n --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);\n --color-light-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);\n --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);\n --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);\n --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);\n --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);\n --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);\n --color-light-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);\n --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);\n --color-light-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-light-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);\n --color-light-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);\n --color-light-overlay-default: rgba(0, 0, 0, 0.6);\n --color-light-status-attention: #fa9313;\n --color-light-status-attention-hover: #f18d0b;\n --color-light-status-attention-inverted: #fda136;\n --color-light-status-attention-inverted-hover: #fdb24d;\n --color-light-status-attention-inverted-press: #ffbf70;\n --color-light-status-attention-press: #ea8313;\n --color-light-status-info: #2288fa;\n --color-light-status-info-hover: #2a77ef;\n --color-light-status-info-inverted: #3193fc;\n --color-light-status-info-inverted-hover: #4a9dfc;\n --color-light-status-info-inverted-press: #63aafd;\n --color-light-status-info-press: #2c64d4;\n --color-light-status-muted-alt-attention: #fde6c8;\n --color-light-status-muted-alt-attention-hover: #f6d7af;\n --color-light-status-muted-alt-attention-inverted: #412f22;\n --color-light-status-muted-alt-attention-inverted-hover: #543a27;\n --color-light-status-muted-alt-attention-inverted-press: #6a462c;\n --color-light-status-muted-alt-attention-press: #f0c492;\n --color-light-status-muted-alt-info: #d8eaff;\n --color-light-status-muted-alt-info-hover: #c1dbf7;\n --color-light-status-muted-alt-info-inverted: #293044;\n --color-light-status-muted-alt-info-inverted-hover: #2f3a55;\n --color-light-status-muted-alt-info-inverted-press: #38476c;\n --color-light-status-muted-alt-info-press: #a7cbf2;\n --color-light-status-muted-alt-negative: #ffdfdf;\n --color-light-status-muted-alt-negative-hover: #f9ccca;\n --color-light-status-muted-alt-negative-inverted: #442926;\n --color-light-status-muted-alt-negative-inverted-hover: #55312e;\n --color-light-status-muted-alt-negative-inverted-press: #6b3b34;\n --color-light-status-muted-alt-negative-press: #f3b6af;\n --color-light-status-muted-alt-positive: #d1f1d7;\n --color-light-status-muted-alt-positive-hover: #bbe8c3;\n --color-light-status-muted-alt-positive-inverted: #253528;\n --color-light-status-muted-alt-positive-inverted-hover: #273f2d;\n --color-light-status-muted-alt-positive-inverted-press: #2d4e33;\n --color-light-status-muted-alt-positive-press: #a1dba8;\n --color-light-status-muted-attention: #ffefd9;\n --color-light-status-muted-attention-hover: #fde6c8;\n --color-light-status-muted-attention-inverted: #36291f;\n --color-light-status-muted-attention-inverted-hover: #412f22;\n --color-light-status-muted-attention-inverted-press: #543a27;\n --color-light-status-muted-attention-press: #f6d7af;\n --color-light-status-muted-info: #e4f0ff;\n --color-light-status-muted-info-hover: #d8eaff;\n --color-light-status-muted-info-inverted: #222a3e;\n --color-light-status-muted-info-inverted-hover: #293044;\n --color-light-status-muted-info-inverted-press: #2f3a55;\n --color-light-status-muted-info-press: #c1dbf7;\n --color-light-status-muted-negative: #ffebeb;\n --color-light-status-muted-negative-hover: #ffdfdf;\n --color-light-status-muted-negative-inverted: #392523;\n --color-light-status-muted-negative-inverted-hover: #442926;\n --color-light-status-muted-negative-inverted-press: #55312e;\n --color-light-status-muted-negative-press: #f9ccca;\n --color-light-status-muted-positive: #dff8e5;\n --color-light-status-muted-positive-hover: #d1f1d7;\n --color-light-status-muted-positive-inverted: #232d25;\n --color-light-status-muted-positive-inverted-hover: #253528;\n --color-light-status-muted-positive-inverted-press: #273f2d;\n --color-light-status-muted-positive-press: #bbe8c3;\n --color-light-status-negative: #ff4837;\n --color-light-status-negative-hover: #ec2d20;\n --color-light-status-negative-inverted: #ff4837;\n --color-light-status-negative-inverted-hover: #ff755e;\n --color-light-status-negative-inverted-press: #ff8d79;\n --color-light-status-negative-press: #c7241f;\n --color-light-status-positive: #0cc44d;\n --color-light-status-positive-hover: #04b545;\n --color-light-status-positive-inverted: #17d055;\n --color-light-status-positive-inverted-hover: #22e068;\n --color-light-status-positive-inverted-press: #4ae777;\n --color-light-status-positive-press: #01a53d;\n --color-light-text-attention: #ea8313;\n --color-light-text-attention-hover: #d57111;\n --color-light-text-attention-inverted: #fa9313;\n --color-light-text-attention-inverted-hover: #fdb24d;\n --color-light-text-attention-inverted-press: #ffbf70;\n --color-light-text-attention-press: #b45a06;\n --color-light-text-info: #2a77ef;\n --color-light-text-info-hover: #2c64d4;\n --color-light-text-info-inverted: #4a9dfc;\n --color-light-text-info-inverted-hover: #63aafd;\n --color-light-text-info-inverted-press: #7fb6ff;\n --color-light-text-info-press: #2453b4;\n --color-light-text-negative: #ec2d20;\n --color-light-text-negative-hover: #c7241f;\n --color-light-text-negative-inverted: #ff4837;\n --color-light-text-negative-inverted-hover: #ff755e;\n --color-light-text-negative-inverted-press: #ff8d79;\n --color-light-text-negative-press: #a6201e;\n --color-light-text-positive: #0d9336;\n --color-light-text-positive-hover: #0a7d2c;\n --color-light-text-positive-inverted: #0cc44d;\n --color-light-text-positive-inverted-hover: #22e068;\n --color-light-text-positive-inverted-press: #4ae777;\n --color-light-text-positive-press: #036625;\n --color-light-text-primary: rgba(3, 3, 6, 0.88);\n --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);\n --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);\n --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);\n --color-light-text-primary-press: rgba(4, 4, 19, 0.55);\n --color-light-text-quaternary: rgba(5, 11, 44, 0.18);\n --color-light-text-quaternary-inverted: rgba(231, 231, 248, 0.18);\n --color-light-text-secondary: rgba(4, 4, 19, 0.55);\n --color-light-text-secondary-hover: rgba(1, 1, 12, 0.63);\n --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);\n --color-light-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-light-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);\n --color-light-text-secondary-press: rgba(0, 0, 10, 0.71);\n --color-light-text-tertiary: rgba(5, 8, 29, 0.38);\n --color-light-text-tertiary-hover: rgba(4, 4, 21, 0.47);\n --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);\n --color-light-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);\n --color-light-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);\n --color-light-text-tertiary-press: rgba(4, 4, 19, 0.55);\n --color-light-transparent-default: rgba(255, 255, 255, 0);\n --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);\n --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);\n --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);\n --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);\n --color-static-accent-primary: #ef3124;\n --color-static-accent-primary-hover: #e32a17;\n --color-static-accent-primary-inverted: #f83a2a;\n --color-static-accent-primary-inverted-hover: #ff503e;\n --color-static-accent-primary-inverted-press: #fd624e;\n --color-static-accent-primary-press: #d72505;\n --color-static-accent-secondary: #212124;\n --color-static-accent-secondary-hover: #2f2f32;\n --color-static-accent-secondary-inverted: #f2f3f5;\n --color-static-accent-secondary-inverted-hover: #dcdde1;\n --color-static-accent-secondary-inverted-press: #d2d3d9;\n --color-static-accent-secondary-press: #353539;\n --color-static-bg-primary-dark: #121213;\n --color-static-neutral-0: #fff;\n --color-static-neutral-0-hover: #e7e8eb;\n --color-static-neutral-0-inverted: #262629;\n --color-static-neutral-0-inverted-hover: #2f2f32;\n --color-static-neutral-0-inverted-press: #353539;\n --color-static-neutral-0-press: #dcdde1;\n --color-static-neutral-100: #f2f3f5;\n --color-static-neutral-100-hover: #e7e8eb;\n --color-static-neutral-100-inverted: #1c1c1e;\n --color-static-neutral-100-inverted-hover: #212124;\n --color-static-neutral-100-inverted-press: #29292c;\n --color-static-neutral-100-press: #dcdde1;\n --color-static-neutral-1300: #212124;\n --color-static-neutral-1300-hover: #3f3f45;\n --color-static-neutral-1300-inverted: #f2f3f5;\n --color-static-neutral-1300-inverted-hover: #d2d3d9;\n --color-static-neutral-1300-inverted-press: #babbc2;\n --color-static-neutral-1300-press: #5f5f66;\n --color-static-neutral-1500: #121213;\n --color-static-neutral-1500-hover: #3f3f45;\n --color-static-neutral-1500-inverted: #fff;\n --color-static-neutral-1500-inverted-hover: #babbc2;\n --color-static-neutral-1500-inverted-press: #a0a1a9;\n --color-static-neutral-1500-press: #5f5f66;\n --color-static-neutral-200: #edeef0;\n --color-static-neutral-200-hover: #e7e8eb;\n --color-static-neutral-200-inverted: #212124;\n --color-static-neutral-200-inverted-hover: #29292c;\n --color-static-neutral-200-inverted-press: #2f2f32;\n --color-static-neutral-200-press: #dcdde1;\n --color-static-neutral-300: #e7e8eb;\n --color-static-neutral-300-hover: #dcdde1;\n --color-static-neutral-300-inverted: #29292c;\n --color-static-neutral-300-inverted-hover: #2f2f32;\n --color-static-neutral-300-inverted-press: #353539;\n --color-static-neutral-300-press: #d2d3d9;\n --color-static-neutral-400: #d2d3d9;\n --color-static-neutral-400-hover: #babbc2;\n --color-static-neutral-400-inverted: #353539;\n --color-static-neutral-400-inverted-hover: #3f3f45;\n --color-static-neutral-400-inverted-press: #4a4a51;\n --color-static-neutral-400-press: #a0a1a9;\n --color-static-neutral-500: #babbc2;\n --color-static-neutral-500-hover: #a0a1a9;\n --color-static-neutral-500-inverted: #4a4a51;\n --color-static-neutral-500-inverted-hover: #5f5f66;\n --color-static-neutral-500-inverted-press: #75757d;\n --color-static-neutral-500-press: #898991;\n --color-static-neutral-700: #898991;\n --color-static-neutral-700-hover: #75757d;\n --color-static-neutral-700-inverted: #898991;\n --color-static-neutral-700-inverted-hover: #a0a1a9;\n --color-static-neutral-700-inverted-press: #babbc2;\n --color-static-neutral-700-press: #5f5f66;\n --color-static-neutral-translucent-0: #fff;\n --color-static-neutral-translucent-0-hover: rgba(38, 55, 88, 0.06);\n --color-static-neutral-translucent-0-inverted: rgba(214, 214, 229, 0.07);\n --color-static-neutral-translucent-0-inverted-hover: rgba(225, 225, 248, 0.09);\n --color-static-neutral-translucent-0-inverted-press: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-0-press: rgba(30, 43, 68, 0.08);\n --color-static-neutral-translucent-100: rgba(38, 55, 88, 0.06);\n --color-static-neutral-translucent-100-hover: rgba(15, 25, 55, 0.1);\n --color-static-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);\n --color-static-neutral-translucent-100-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);\n --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);\n --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);\n --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);\n --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);\n --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);\n --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);\n --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);\n --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);\n --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);\n --color-static-neutral-translucent-1500-press: rgba(1, 1, 12, 0.63);\n --color-static-neutral-translucent-200: rgba(30, 43, 68, 0.08);\n --color-static-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);\n --color-static-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);\n --color-static-neutral-translucent-200-inverted-hover: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-200-inverted-press: rgba(234, 234, 248, 0.15);\n --color-static-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);\n --color-static-neutral-translucent-300: rgba(15, 25, 55, 0.1);\n --color-static-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);\n --color-static-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);\n --color-static-neutral-translucent-300-inverted-hover: rgba(234, 234, 248, 0.15);\n --color-static-neutral-translucent-300-inverted-press: rgba(231, 231, 248, 0.18);\n --color-static-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);\n --color-static-neutral-translucent-400: rgba(5, 11, 44, 0.18);\n --color-static-neutral-translucent-400-hover: rgba(9, 12, 37, 0.28);\n --color-static-neutral-translucent-400-inverted: rgba(231, 231, 248, 0.18);\n --color-static-neutral-translucent-400-inverted-hover: rgba(227, 227, 250, 0.23);\n --color-static-neutral-translucent-400-inverted-press: rgba(228, 228, 251, 0.28);\n --color-static-neutral-translucent-400-press: rgba(5, 8, 29, 0.38);\n --color-static-neutral-translucent-500: rgba(9, 12, 37, 0.28);\n --color-static-neutral-translucent-500-hover: rgba(5, 8, 29, 0.38);\n --color-static-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);\n --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);\n --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);\n --color-static-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);\n --color-static-neutral-translucent-700: rgba(4, 4, 21, 0.47);\n --color-static-neutral-translucent-700-hover: rgba(4, 4, 19, 0.55);\n --color-static-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);\n --color-static-neutral-translucent-700-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-static-neutral-translucent-700-inverted-press: rgba(243, 245, 254, 0.75);\n --color-static-neutral-translucent-700-press: rgba(1, 1, 12, 0.63);\n --color-static-status-attention: #fa9313;\n --color-static-status-attention-inverted: #fda136;\n --color-static-status-info: #2288fa;\n --color-static-status-info-inverted: #3193fc;\n --color-static-status-muted-alt-attention: #fde6c8;\n --color-static-status-muted-alt-attention-inverted: #412f22;\n --color-static-status-muted-alt-info: #d8eaff;\n --color-static-status-muted-alt-info-inverted: #293044;\n --color-static-status-muted-alt-negative: #ffdfdf;\n --color-static-status-muted-alt-negative-inverted: #442926;\n --color-static-status-muted-alt-positive: #d1f1d7;\n --color-static-status-muted-alt-positive-inverted: #253528;\n --color-static-status-muted-attention: #ffefd9;\n --color-static-status-muted-attention-inverted: #36291f;\n --color-static-status-muted-info: #e4f0ff;\n --color-static-status-muted-info-inverted: #222a3e;\n --color-static-status-muted-negative: #ffebeb;\n --color-static-status-muted-negative-inverted: #392523;\n --color-static-status-muted-positive: #dff8e5;\n --color-static-status-muted-positive-inverted: #232d25;\n --color-static-status-negative: #ff4837;\n --color-static-status-negative-inverted: #ff4837;\n --color-static-status-positive: #0cc44d;\n --color-static-status-positive-inverted: #17d055;\n --color-static-text-attention: #ea8313;\n --color-static-text-attention-hover: #d57111;\n --color-static-text-attention-inverted: #fa9313;\n --color-static-text-attention-inverted-hover: #fdb24d;\n --color-static-text-attention-inverted-press: #ffbf70;\n --color-static-text-attention-press: #b45a06;\n --color-static-text-info: #2a77ef;\n --color-static-text-info-hover: #2c64d4;\n --color-static-text-info-inverted: #4a9dfc;\n --color-static-text-info-inverted-hover: #63aafd;\n --color-static-text-info-inverted-press: #7fb6ff;\n --color-static-text-info-press: #2453b4;\n --color-static-text-negative: #ec2d20;\n --color-static-text-negative-hover: #c7241f;\n --color-static-text-negative-inverted: #ff4837;\n --color-static-text-negative-inverted-hover: #ff755e;\n --color-static-text-negative-inverted-press: #ff8d79;\n --color-static-text-negative-press: #a6201e;\n --color-static-text-positive: #0d9336;\n --color-static-text-positive-hover: #0a7d2c;\n --color-static-text-positive-inverted: #0cc44d;\n --color-static-text-positive-inverted-hover: #22e068;\n --color-static-text-positive-inverted-press: #4ae777;\n --color-static-text-positive-press: #036625;\n --color-static-text-primary: rgba(3, 3, 6, 0.88);\n --color-static-text-primary-dark: #0e0e0e;\n --color-static-text-primary-hover: rgba(1, 1, 12, 0.63);\n --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);\n --color-static-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);\n --color-static-text-primary-inverted-press: rgba(255, 255, 255, 0.6);\n --color-static-text-primary-light: #fff;\n --color-static-text-primary-press: rgba(4, 4, 19, 0.55);\n --color-static-text-quaternary: rgba(5, 11, 44, 0.18);\n --color-static-text-quaternary-inverted: rgba(231, 231, 248, 0.18);\n --color-static-text-secondary: rgba(4, 4, 19, 0.55);\n --color-static-text-secondary-dark: rgba(4, 4, 19, 0.55);\n --color-static-text-secondary-hover: rgba(1, 1, 12, 0.63);\n --color-static-text-secondary-inverted: rgba(238, 238, 251, 0.55);\n --color-static-text-secondary-inverted-hover: rgba(239, 240, 252, 0.65);\n --color-static-text-secondary-inverted-press: rgba(243, 245, 254, 0.75);\n --color-static-text-secondary-light: rgba(238, 238, 251, 0.55);\n --color-static-text-secondary-press: rgba(0, 0, 10, 0.71);\n --color-static-text-tertiary: rgba(5, 8, 29, 0.38);\n --color-static-text-tertiary-dark: rgba(5, 8, 29, 0.38);\n --color-static-text-tertiary-hover: rgba(4, 4, 21, 0.47);\n --color-static-text-tertiary-inverted: rgba(233, 233, 250, 0.37);\n --color-static-text-tertiary-inverted-hover: rgba(238, 238, 254, 0.46);\n --color-static-text-tertiary-inverted-press: rgba(238, 238, 251, 0.55);\n --color-static-text-tertiary-light: rgba(233, 233, 250, 0.37);\n --color-static-text-tertiary-press: rgba(4, 4, 19, 0.55);\n --color-dark-bg-accent: #ef3124; /* deprecated */\n --color-dark-bg-attention-muted: #36291f; /* deprecated */\n --color-dark-bg-component: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-dark-bg-component-inverted: rgba(0, 0, 0, 0.08); /* deprecated */\n --color-dark-bg-info: #001c3c; /* deprecated */\n --color-dark-bg-info-muted: #242a39; /* deprecated */\n --color-dark-bg-link-muted: #001c3c; /* deprecated */\n --color-dark-bg-negative-muted: #392523; /* deprecated */\n --color-dark-bg-neutral: #3a3a3c; /* deprecated */\n --color-dark-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-dark-bg-positive-muted: #232d25; /* deprecated */\n --color-dark-bg-primary: #121213; /* deprecated */\n --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */\n --color-dark-bg-primary-inverted: #fff; /* deprecated */\n --color-dark-bg-quaternary: #36363a; /* deprecated */\n --color-dark-bg-quaternary-inverted: #dcdee2; /* deprecated */\n --color-dark-bg-secondary: #1c1c1e; /* deprecated */\n --color-dark-bg-secondary-grouped: #2a2a2e; /* deprecated */\n --color-dark-bg-secondary-inverted: #f2f3f5; /* deprecated */\n --color-dark-bg-tertiary: #27272a; /* deprecated */\n --color-dark-bg-tertiary-grouped: #404045; /* deprecated */\n --color-dark-bg-tertiary-inverted: #e7e8ea; /* deprecated */\n --color-dark-border-accent: #ef3124; /* deprecated */\n --color-dark-border-key: #fff; /* deprecated */\n --color-dark-border-key-inverted: #000; /* deprecated */\n --color-dark-border-link: #3193fc; /* deprecated */\n --color-dark-border-primary: #36363a; /* deprecated */\n --color-dark-border-primary-inverted: #d5d6dc; /* deprecated */\n --color-dark-border-secondary: #27272a; /* deprecated */\n --color-dark-border-secondary-inverted: #e7e8ec; /* deprecated */\n --color-dark-border-tertiary: #1c1c1e; /* deprecated */\n --color-dark-border-tertiary-inverted: #f2f3f5; /* deprecated */\n --color-dark-border-underline: #49494f; /* deprecated */\n --color-dark-border-underline-inverted: #b8b9c0; /* deprecated */\n --color-dark-graphic-accent: #ef3124; /* deprecated */\n --color-dark-graphic-attention: #fda136; /* deprecated */\n --color-dark-graphic-link: #3193fc; /* deprecated */\n --color-dark-graphic-negative: #ff5431; /* deprecated */\n --color-dark-graphic-neutral: #2a2a2c; /* deprecated */\n --color-dark-graphic-positive: #17d055; /* deprecated */\n --color-dark-graphic-primary: #f1f1f1; /* deprecated */\n --color-dark-graphic-primary-inverted: #212124; /* deprecated */\n --color-dark-graphic-quaternary: #27272a; /* deprecated */\n --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */\n --color-dark-graphic-secondary: #898991; /* deprecated */\n --color-dark-graphic-secondary-inverted: #898991; /* deprecated */\n --color-dark-graphic-tertiary: #49494f; /* deprecated */\n --color-dark-graphic-tertiary-inverted: #b8b9c0; /* deprecated */\n --color-dark-specialbg-component: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-dark-specialbg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */\n --color-dark-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */\n --color-dark-specialbg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-dark-specialbg-overlay-fallback: #0e0e0f; /* deprecated */\n --color-dark-specialbg-primary-grouped: #1c1c1e; /* deprecated */\n --color-dark-specialbg-secondary-grouped: #27272a; /* deprecated */\n --color-dark-specialbg-secondary-transparent: rgba(214, 214, 229, 0.07); /* deprecated */\n --color-dark-specialbg-secondary-transparent-inverted: rgba(38, 55, 88, 0.06); /* deprecated */\n --color-dark-specialbg-tertiary-grouped: #36363a; /* deprecated */\n --color-dark-specialbg-tertiary-transparent: rgba(222, 222, 240, 0.12); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-inverted: rgba(30, 43, 68, 0.08); /* deprecated */\n --color-dark-text-accent: #ef3124; /* deprecated */\n --color-dark-text-disabled: rgba(236, 236, 254, 0.18); /* deprecated */\n --color-dark-text-disabled-inverted: rgba(5, 11, 44, 0.18); /* deprecated */\n --color-dark-text-disabled-transparent: rgba(220, 220, 243, 0.14); /* deprecated */\n --color-dark-text-link: #4a9dfc; /* deprecated */\n --color-dark-text-secondary-inverted-transparent: rgba(3, 3, 16, 0.56); /* deprecated */\n --color-dark-text-secondary-transparent: rgba(239, 239, 254, 0.53); /* deprecated */\n --color-dark-text-tertiary-inverted-transparent: rgba(1, 1, 18, 0.41); /* deprecated */\n --color-dark-text-tertiary-transparent: rgba(233, 233, 251, 0.35); /* deprecated */\n --color-light-bg-accent: #ef3124; /* deprecated */\n --color-light-bg-attention-muted: #ffefd9; /* deprecated */\n --color-light-bg-component: rgba(19, 19, 73, 0.11); /* deprecated */\n --color-light-bg-component-inverted: rgba(223, 223, 246, 0.13); /* deprecated */\n --color-light-bg-info: #d6e8fc; /* deprecated */\n --color-light-bg-info-muted: #e4f0ff; /* deprecated */\n --color-light-bg-link-muted: #d6e8fc; /* deprecated */\n --color-light-bg-negative-muted: #ffebeb; /* deprecated */\n --color-light-bg-neutral: #dcdcdd; /* deprecated */\n --color-light-bg-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-light-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-light-bg-overlay: rgba(0, 0, 0, 0.65); /* deprecated */\n --color-light-bg-positive-muted: #dff8e5; /* deprecated */\n --color-light-bg-primary: #fff; /* deprecated */\n --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */\n --color-light-bg-primary-inverted: #121213; /* deprecated */\n --color-light-bg-quaternary: #dcdee2; /* deprecated */\n --color-light-bg-quaternary-inverted: #36363a; /* deprecated */\n --color-light-bg-secondary: #f2f3f5; /* deprecated */\n --color-light-bg-secondary-grouped: #fff; /* deprecated */\n --color-light-bg-secondary-inverted: #1c1c1e; /* deprecated */\n --color-light-bg-tertiary: #e7e8ea; /* deprecated */\n --color-light-bg-tertiary-grouped: #f2f2f6; /* deprecated */\n --color-light-bg-tertiary-inverted: #27272a; /* deprecated */\n --color-light-border-accent: #ef3124; /* deprecated */\n --color-light-border-key: #000; /* deprecated */\n --color-light-border-key-inverted: #fff; /* deprecated */\n --color-light-border-link: #2288fa; /* deprecated */\n --color-light-border-primary: #d5d6dc; /* deprecated */\n --color-light-border-primary-inverted: #36363a; /* deprecated */\n --color-light-border-secondary: #e7e8ec; /* deprecated */\n --color-light-border-secondary-inverted: #27272a; /* deprecated */\n --color-light-border-tertiary: #f2f3f5; /* deprecated */\n --color-light-border-tertiary-inverted: #1c1c1e; /* deprecated */\n --color-light-border-underline: #b8b9c0; /* deprecated */\n --color-light-border-underline-inverted: #49494f; /* deprecated */\n --color-light-graphic-accent: #ef3124; /* deprecated */\n --color-light-graphic-attention: #fa9313; /* deprecated */\n --color-light-graphic-link: #2288fa; /* deprecated */\n --color-light-graphic-negative: #ff5431; /* deprecated */\n --color-light-graphic-neutral: #dcdcdd; /* deprecated */\n --color-light-graphic-positive: #0cc44d; /* deprecated */\n --color-light-graphic-primary: #212124; /* deprecated */\n --color-light-graphic-primary-inverted: #f1f1f1; /* deprecated */\n --color-light-graphic-quaternary: #e7e8ec; /* deprecated */\n --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */\n --color-light-graphic-secondary: #898991; /* deprecated */\n --color-light-graphic-secondary-inverted: #898991; /* deprecated */\n --color-light-graphic-tertiary: #b8b9c0; /* deprecated */\n --color-light-graphic-tertiary-inverted: #49494f; /* deprecated */\n --color-light-specialbg-component: rgba(11, 31, 53, 0.07); /* deprecated */\n --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-light-specialbg-nulled: rgba(255, 255, 255, 0); /* deprecated */\n --color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */\n --color-light-specialbg-overlay-fallback: #49494f; /* deprecated */\n --color-light-specialbg-primary-grouped: #f2f3f5; /* deprecated */\n --color-light-specialbg-secondary-grouped: #fff; /* deprecated */\n --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06); /* deprecated */\n --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07); /* deprecated */\n --color-light-specialbg-tertiary-grouped: #f2f3f5; /* deprecated */\n --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */\n --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12); /* deprecated */\n --color-light-text-accent: #ef3124; /* deprecated */\n --color-light-text-disabled: rgba(5, 11, 44, 0.18); /* deprecated */\n --color-light-text-disabled-inverted: rgba(231, 231, 248, 0.18); /* deprecated */\n --color-light-text-disabled-transparent: rgba(1, 1, 24, 0.26); /* deprecated */\n --color-light-text-link: #2a77ef; /* deprecated */\n --color-light-text-secondary-inverted-transparent: rgba(239, 239, 254, 0.53); /* deprecated */\n --color-light-text-secondary-transparent: rgba(3, 3, 16, 0.56); /* deprecated */\n --color-light-text-tertiary-inverted-transparent: rgba(233, 233, 251, 0.35); /* deprecated */\n --color-light-text-tertiary-transparent: rgba(1, 1, 18, 0.41); /* deprecated */\n --color-static-bg-accent: #ef3124; /* deprecated */\n --color-static-bg-dark: #000; /* deprecated */\n --color-static-bg-light: #fff; /* deprecated */\n --color-static-bg-neutral-dark: #3a3a3c; /* deprecated */\n --color-static-bg-neutral-light: #dcdcdd; /* deprecated */\n --color-static-bg-primary-light: #fff; /* deprecated */\n --color-static-bg-quaternary-dark: #36363a; /* deprecated */\n --color-static-bg-quaternary-light: #e7e8ec; /* deprecated */\n --color-static-bg-secondary-dark: #1c1c1e; /* deprecated */\n --color-static-bg-secondary-light: #f2f3f5; /* deprecated */\n --color-static-bg-tertiary-dark: #27272a; /* deprecated */\n --color-static-bg-tertiary-light: #edeef0; /* deprecated */\n --color-static-border-accent: #ef3124; /* deprecated */\n --color-static-graphic-accent: #ef3124; /* deprecated */\n --color-static-graphic-dark: #212124; /* deprecated */\n --color-static-graphic-light: #f1f1f1; /* deprecated */\n --color-static-text-accent: #ef3124; /* deprecated */\n --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */\n --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */\n --color-static-text-tertiary-dark-transparent: rgba(1, 1, 18, 0.41); /* deprecated */\n --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3); /* deprecated */\n --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */\n --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */\n --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-text-primary-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */\n --color-dark-text-primary-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */\n --color-dark-text-primary-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */\n --color-dark-text-primary-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */\n --color-dark-text-primary-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */\n --color-dark-text-primary-tint-40: rgba(255, 255, 255, 0.964); /* deprecated */\n --color-dark-text-primary-inverted-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */\n --color-dark-text-primary-inverted-alpha-40: rgba(3, 3, 6, 0.4); /* deprecated */\n --color-dark-text-primary-inverted-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */\n --color-dark-text-primary-inverted-shade-30: rgba(2, 2, 4, 0.916); /* deprecated */\n --color-dark-text-primary-inverted-tint-7: rgba(21, 21, 23, 0.8884); /* deprecated */\n --color-dark-text-primary-inverted-tint-15: rgba(41, 41, 43, 0.898); /* deprecated */\n --color-dark-text-primary-inverted-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */\n --color-dark-text-primary-inverted-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */\n --color-dark-text-primary-inverted-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */\n --color-dark-text-primary-inverted-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */\n --color-dark-text-secondary-shade-20: rgba(190, 190, 201, 0.64); /* deprecated */\n --color-dark-text-secondary-shade-30: rgba(167, 167, 176, 0.685); /* deprecated */\n --color-dark-text-secondary-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */\n --color-dark-text-secondary-tint-40: rgba(245, 245, 253, 0.73); /* deprecated */\n --color-dark-text-secondary-inverted-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */\n --color-dark-text-secondary-inverted-shade-30: rgba(3, 3, 13, 0.685); /* deprecated */\n --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15); /* deprecated */\n --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */\n --color-light-text-primary-alpha-30: rgba(3, 3, 6, 0.3); /* deprecated */\n --color-light-text-primary-tint-24: rgba(63, 63, 66, 0.9088); /* deprecated */\n --color-light-text-primary-tint-30: rgba(79, 79, 81, 0.916); /* deprecated */\n --color-light-text-primary-tint-40: rgba(104, 104, 106, 0.928); /* deprecated */\n --color-light-text-primary-tint-50: rgba(129, 129, 131, 0.94); /* deprecated */\n --color-light-text-primary-shade-20: rgba(2, 2, 5, 0.904); /* deprecated */\n --color-light-text-primary-shade-40: rgba(2, 2, 4, 0.928); /* deprecated */\n --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-light-text-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-light-text-primary-inverted-tint-20: rgba(255, 255, 255, 0.952); /* deprecated */\n --color-light-text-primary-inverted-tint-30: rgba(255, 255, 255, 0.958); /* deprecated */\n --color-light-text-primary-inverted-shade-7: rgba(237, 237, 237, 0.9442); /* deprecated */\n --color-light-text-primary-inverted-shade-15: rgba(217, 217, 217, 0.949); /* deprecated */\n --color-light-text-primary-inverted-shade-24: rgba(194, 194, 194, 0.9544); /* deprecated */\n --color-light-text-primary-inverted-shade-30: rgba(179, 179, 179, 0.958); /* deprecated */\n --color-light-text-primary-inverted-shade-40: rgba(153, 153, 153, 0.964); /* deprecated */\n --color-light-text-primary-inverted-shade-50: rgba(128, 128, 128, 0.97); /* deprecated */\n --color-light-text-secondary-tint-20: rgba(54, 54, 66, 0.64); /* deprecated */\n --color-light-text-secondary-tint-30: rgba(79, 79, 90, 0.685); /* deprecated */\n --color-light-text-secondary-shade-20: rgba(3, 3, 15, 0.64); /* deprecated */\n --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */\n --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */\n --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */\n --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */\n --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */\n --color-static-bg-primary-dark-tint-15: rgb(54, 54, 54); /* deprecated */\n --color-static-bg-primary-dark-tint-20: rgb(65, 65, 66); /* deprecated */\n --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-dark-bg-accent-shade-20: rgb(191, 39, 29); /* deprecated */\n --color-dark-bg-accent-tint-7: rgb(240, 63, 51); /* deprecated */\n --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */\n --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */\n --color-dark-bg-primary-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */\n --color-dark-bg-primary-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */\n --color-dark-bg-primary-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */\n --color-dark-bg-primary-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */\n --color-dark-bg-primary-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */\n --color-dark-bg-primary-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */\n --color-dark-bg-primary-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */\n --color-dark-bg-primary-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */\n --color-dark-bg-primary-alpha-37: rgba(18, 18, 19, 0.37); /* deprecated */\n --color-dark-bg-primary-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */\n --color-dark-bg-primary-tint-7: rgb(35, 35, 36); /* deprecated */\n --color-dark-bg-primary-tint-15: rgb(54, 54, 54); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-10: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-24: rgba(255, 255, 255, 0.24); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */\n --color-dark-bg-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */\n --color-dark-bg-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */\n --color-dark-bg-primary-inverted-shade-20: rgb(204, 204, 204); /* deprecated */\n --color-dark-bg-quaternary-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */\n --color-dark-bg-quaternary-tint-7: rgb(68, 68, 72); /* deprecated */\n --color-dark-bg-quaternary-tint-10: rgb(74, 74, 78); /* deprecated */\n --color-dark-bg-quaternary-tint-15: rgb(84, 84, 88); /* deprecated */\n --color-dark-bg-quaternary-tint-30: rgb(114, 114, 117); /* deprecated */\n --color-dark-bg-quaternary-inverted-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */\n --color-dark-bg-quaternary-inverted-shade-15: rgb(187, 189, 192); /* deprecated */\n --color-dark-bg-quaternary-inverted-shade-20: rgb(176, 178, 181); /* deprecated */\n --color-dark-bg-secondary-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */\n --color-dark-bg-secondary-shade-15: rgb(24, 24, 25); /* deprecated */\n --color-dark-bg-secondary-shade-20: rgb(22, 22, 24); /* deprecated */\n --color-dark-bg-secondary-tint-7: rgb(44, 44, 46); /* deprecated */\n --color-dark-bg-secondary-tint-15: rgb(62, 62, 64); /* deprecated */\n --color-dark-bg-secondary-inverted-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */\n --color-dark-bg-secondary-inverted-shade-15: rgb(206, 207, 208); /* deprecated */\n --color-dark-bg-secondary-inverted-shade-20: rgb(194, 194, 196); /* deprecated */\n --color-dark-bg-secondary-inverted-tint-7: rgb(243, 244, 246); /* deprecated */\n --color-dark-bg-secondary-inverted-tint-15: rgb(244, 245, 246); /* deprecated */\n --color-dark-bg-tertiary-tint-7: rgb(54, 54, 57); /* deprecated */\n --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */\n --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */\n --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */\n --color-dark-border-underline-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-dark-border-underline-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-dark-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-dark-graphic-accent-tint-7: rgb(240, 63, 51); /* deprecated */\n --color-dark-graphic-accent-tint-10: rgb(241, 70, 58); /* deprecated */\n --color-dark-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-dark-graphic-accent-tint-30: rgb(244, 111, 102); /* deprecated */\n --color-dark-graphic-link-alpha-15: rgba(49, 147, 252, 0.15); /* deprecated */\n --color-dark-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */\n --color-dark-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */\n --color-dark-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */\n --color-dark-graphic-negative-shade-20: rgb(204, 67, 39); /* deprecated */\n --color-dark-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */\n --color-dark-graphic-negative-tint-7: rgb(255, 96, 63); /* deprecated */\n --color-dark-graphic-negative-tint-15: rgb(255, 110, 80); /* deprecated */\n --color-dark-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */\n --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */\n --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */\n --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */\n --color-dark-graphic-primary-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */\n --color-dark-graphic-primary-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */\n --color-dark-graphic-primary-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */\n --color-dark-graphic-primary-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */\n --color-dark-graphic-primary-shade-15: rgb(205, 205, 205); /* deprecated */\n --color-dark-graphic-primary-shade-20: rgb(193, 193, 193); /* deprecated */\n --color-dark-graphic-primary-shade-30: rgb(169, 169, 169); /* deprecated */\n --color-dark-graphic-primary-tint-10: rgb(242, 242, 242); /* deprecated */\n --color-dark-graphic-primary-tint-30: rgb(245, 245, 245); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */\n --color-dark-graphic-primary-inverted-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-7: rgb(49, 49, 51); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-10: rgb(55, 55, 58); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-15: rgb(66, 66, 69); /* deprecated */\n --color-dark-graphic-primary-inverted-tint-30: rgb(100, 100, 102); /* deprecated */\n --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */\n --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */\n --color-dark-graphic-secondary-tint-50: rgb(196, 196, 200); /* deprecated */\n --color-dark-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-dark-graphic-secondary-inverted-shade-15: rgb(116, 116, 123); /* deprecated */\n --color-dark-graphic-secondary-inverted-shade-20: rgb(110, 110, 116); /* deprecated */\n --color-dark-graphic-secondary-inverted-tint-10: rgb(149, 149, 156); /* deprecated */\n --color-dark-graphic-secondary-inverted-tint-30: rgb(172, 172, 178); /* deprecated */\n --color-dark-graphic-tertiary-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-dark-graphic-tertiary-shade-15: rgb(62, 62, 67); /* deprecated */\n --color-dark-graphic-tertiary-shade-20: rgb(58, 58, 63); /* deprecated */\n --color-dark-graphic-tertiary-tint-7: rgb(86, 86, 91); /* deprecated */\n --color-dark-graphic-tertiary-tint-15: rgb(100, 100, 105); /* deprecated */\n --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163); /* deprecated */\n --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154); /* deprecated */\n --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163); /* deprecated */\n --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19); /* deprecated */\n --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */\n --color-dark-specialbg-component-tint-30: rgba(255, 255, 255, 0.37); /* deprecated */\n --color-dark-specialbg-component-alpha-2: rgba(255, 255, 255, 0.02); /* deprecated */\n --color-dark-specialbg-component-alpha-14: rgba(255, 255, 255, 0.14); /* deprecated */\n --color-dark-specialbg-component-alpha-23: rgba(255, 255, 255, 0.23); /* deprecated */\n --color-dark-specialbg-component-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */\n --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */\n --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256); /* deprecated */\n --color-dark-specialbg-secondary-transparent-tint-7: rgba(217, 217, 231, 0.1351); /* deprecated */\n --color-dark-specialbg-secondary-transparent-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */\n --color-dark-specialbg-secondary-transparent-inverted-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */\n --color-dark-specialbg-secondary-transparent-inverted-shade-20: rgba(30, 44, 70, 0.248); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-tint-7: rgba(224, 224, 241, 0.1816); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */\n --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264); /* deprecated */\n --color-dark-text-link-shade-30: rgb(52, 110, 176); /* deprecated */\n --color-dark-text-link-shade-50: rgb(37, 79, 126); /* deprecated */\n --color-dark-text-link-tint-20: rgb(110, 177, 253); /* deprecated */\n --color-dark-text-link-tint-40: rgb(146, 196, 253); /* deprecated */\n --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-light-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-light-bg-accent-tint-20: rgb(242, 90, 80); /* deprecated */\n --color-light-bg-accent-shade-7: rgb(222, 46, 33); /* deprecated */\n --color-light-bg-accent-shade-10: rgb(215, 44, 32); /* deprecated */\n --color-light-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-light-bg-accent-shade-30: rgb(167, 34, 25); /* deprecated */\n --color-light-bg-primary-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */\n --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08); /* deprecated */\n --color-light-bg-primary-alpha-12: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-light-bg-primary-alpha-16: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2); /* deprecated */\n --color-light-bg-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-light-bg-primary-alpha-32: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-light-bg-primary-alpha-37: rgba(255, 255, 255, 0.37); /* deprecated */\n --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */\n --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */\n --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */\n --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 19, 0.03); /* deprecated */\n --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */\n --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 19, 0.05); /* deprecated */\n --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 19, 0.07); /* deprecated */\n --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */\n --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */\n --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */\n --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */\n --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */\n --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */\n --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 19, 0.24); /* deprecated */\n --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */\n --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */\n --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */\n --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 19, 0.5); /* deprecated */\n --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 36); /* deprecated */\n --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54); /* deprecated */\n --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 66); /* deprecated */\n --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */\n --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */\n --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */\n --color-light-bg-quaternary-shade-15: rgb(187, 189, 192); /* deprecated */\n --color-light-bg-quaternary-shade-30: rgb(154, 155, 158); /* deprecated */\n --color-light-bg-quaternary-inverted-alpha-30: rgba(54, 54, 58, 0.3); /* deprecated */\n --color-light-bg-quaternary-inverted-tint-15: rgb(84, 84, 88); /* deprecated */\n --color-light-bg-quaternary-inverted-tint-20: rgb(94, 94, 97); /* deprecated */\n --color-light-bg-secondary-alpha-30: rgba(242, 243, 245, 0.3); /* deprecated */\n --color-light-bg-secondary-tint-15: rgb(244, 245, 246); /* deprecated */\n --color-light-bg-secondary-tint-20: rgb(245, 245, 247); /* deprecated */\n --color-light-bg-secondary-shade-7: rgb(225, 226, 228); /* deprecated */\n --color-light-bg-secondary-shade-15: rgb(206, 207, 208); /* deprecated */\n --color-light-bg-secondary-inverted-alpha-30: rgba(28, 28, 30, 0.3); /* deprecated */\n --color-light-bg-secondary-inverted-tint-15: rgb(62, 62, 64); /* deprecated */\n --color-light-bg-secondary-inverted-tint-20: rgb(73, 73, 75); /* deprecated */\n --color-light-bg-secondary-inverted-shade-7: rgb(26, 26, 28); /* deprecated */\n --color-light-bg-secondary-inverted-shade-15: rgb(24, 24, 25); /* deprecated */\n --color-light-bg-tertiary-shade-7: rgb(215, 216, 218); /* deprecated */\n --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07); /* deprecated */\n --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15); /* deprecated */\n --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07); /* deprecated */\n --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15); /* deprecated */\n --color-light-border-underline-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-light-border-underline-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-light-graphic-accent-tint-15: rgb(241, 80, 69); /* deprecated */\n --color-light-graphic-accent-shade-7: rgb(222, 46, 33); /* deprecated */\n --color-light-graphic-accent-shade-10: rgb(215, 44, 32); /* deprecated */\n --color-light-graphic-accent-shade-15: rgb(203, 42, 31); /* deprecated */\n --color-light-graphic-accent-shade-30: rgb(167, 34, 25); /* deprecated */\n --color-light-graphic-link-alpha-15: rgba(34, 136, 250, 0.15); /* deprecated */\n --color-light-graphic-negative-alpha-10: rgba(255, 84, 49, 0.1); /* deprecated */\n --color-light-graphic-negative-alpha-30: rgba(255, 84, 49, 0.3); /* deprecated */\n --color-light-graphic-negative-alpha-40: rgba(255, 84, 49, 0.4); /* deprecated */\n --color-light-graphic-negative-tint-20: rgb(255, 118, 90); /* deprecated */\n --color-light-graphic-negative-tint-30: rgb(255, 135, 111); /* deprecated */\n --color-light-graphic-negative-shade-7: rgb(237, 78, 46); /* deprecated */\n --color-light-graphic-negative-shade-15: rgb(217, 71, 42); /* deprecated */\n --color-light-graphic-negative-shade-30: rgb(179, 59, 34); /* deprecated */\n --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */\n --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */\n --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */\n --color-light-graphic-primary-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */\n --color-light-graphic-primary-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */\n --color-light-graphic-primary-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */\n --color-light-graphic-primary-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */\n --color-light-graphic-primary-tint-15: rgb(66, 66, 69); /* deprecated */\n --color-light-graphic-primary-tint-20: rgb(77, 77, 80); /* deprecated */\n --color-light-graphic-primary-tint-30: rgb(100, 100, 102); /* deprecated */\n --color-light-graphic-primary-shade-10: rgb(30, 30, 32); /* deprecated */\n --color-light-graphic-primary-shade-30: rgb(23, 23, 25); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */\n --color-light-graphic-primary-inverted-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */\n --color-light-graphic-primary-inverted-shade-7: rgb(224, 224, 224); /* deprecated */\n --color-light-graphic-primary-inverted-shade-10: rgb(217, 217, 217); /* deprecated */\n --color-light-graphic-primary-inverted-shade-15: rgb(205, 205, 205); /* deprecated */\n --color-light-graphic-primary-inverted-shade-30: rgb(169, 169, 169); /* deprecated */\n --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */\n --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */\n --color-light-graphic-secondary-shade-50: rgb(69, 69, 73); /* deprecated */\n --color-light-graphic-secondary-inverted-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */\n --color-light-graphic-secondary-inverted-tint-15: rgb(155, 155, 162); /* deprecated */\n --color-light-graphic-secondary-inverted-tint-20: rgb(161, 161, 167); /* deprecated */\n --color-light-graphic-secondary-inverted-shade-10: rgb(123, 123, 131); /* deprecated */\n --color-light-graphic-secondary-inverted-shade-30: rgb(96, 96, 102); /* deprecated */\n --color-light-graphic-tertiary-alpha-30: rgba(184, 185, 192, 0.3); /* deprecated */\n --color-light-graphic-tertiary-tint-15: rgb(195, 195, 201); /* deprecated */\n --color-light-graphic-tertiary-tint-20: rgb(198, 199, 205); /* deprecated */\n --color-light-graphic-tertiary-shade-7: rgb(171, 172, 179); /* deprecated */\n --color-light-graphic-tertiary-shade-15: rgb(156, 157, 163); /* deprecated */\n --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3); /* deprecated */\n --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105); /* deprecated */\n --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114); /* deprecated */\n --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351); /* deprecated */\n --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163); /* deprecated */\n --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095); /* deprecated */\n --color-light-specialbg-component-shade-30: rgba(8, 22, 37, 0.349); /* deprecated */\n --color-light-specialbg-component-alpha-2: rgba(11, 31, 53, 0.02); /* deprecated */\n --color-light-specialbg-component-alpha-14: rgba(11, 31, 53, 0.14); /* deprecated */\n --color-light-specialbg-component-alpha-23: rgba(11, 31, 53, 0.23); /* deprecated */\n --color-light-specialbg-component-alpha-30: rgba(11, 31, 53, 0.3); /* deprecated */\n --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235); /* deprecated */\n --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28); /* deprecated */\n --color-light-specialbg-secondary-transparent-shade-7: rgba(35, 51, 82, 0.1258); /* deprecated */\n --color-light-specialbg-secondary-transparent-shade-15: rgba(32, 47, 75, 0.201); /* deprecated */\n --color-light-specialbg-secondary-transparent-inverted-tint-15: rgba(220, 220, 233, 0.2095); /* deprecated */\n --color-light-specialbg-secondary-transparent-inverted-tint-20: rgba(222, 222, 234, 0.256); /* deprecated */\n --color-light-specialbg-tertiary-transparent-shade-7: rgba(28, 40, 63, 0.1444); /* deprecated */\n --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218); /* deprecated */\n --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252); /* deprecated */\n --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296); /* deprecated */\n --color-light-text-link-tint-30: rgb(106, 160, 244); /* deprecated */\n --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */\n --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */\n --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */\n --color-static-graphic-light-shade-7: rgb(224, 224, 224); /* deprecated */\n --color-static-graphic-light-shade-15: rgb(205, 205, 205); /* deprecated */\n}\n\n:root {\n --color-static-brand-black: #000;\n --color-static-brand-blue: #0056ff;\n --color-static-brand-bright-blue: #00e8f0;\n --color-static-brand-green: #31e300;\n --color-static-brand-red: #ef3124;\n --color-static-brand-violet: #6a4dff;\n --color-static-brand-warm-green: #a8f000;\n --color-static-brand-white: #fff;\n}\n\n:root {\n --color-static-monochrome-black-2: rgba(0, 0, 0, 0.02);\n --color-static-monochrome-black-4: rgba(0, 0, 0, 0.04);\n --color-static-monochrome-black-6: rgba(0, 0, 0, 0.06);\n --color-static-monochrome-black-8: rgba(0, 0, 0, 0.08);\n --color-static-monochrome-black-10: rgba(0, 0, 0, 0.1);\n --color-static-monochrome-black-12: rgba(0, 0, 0, 0.12);\n --color-static-monochrome-black-16: rgba(0, 0, 0, 0.16);\n --color-static-monochrome-black-20: rgba(0, 0, 0, 0.2);\n --color-static-monochrome-black-24: rgba(0, 0, 0, 0.24);\n --color-static-monochrome-black-32: rgba(0, 0, 0, 0.32);\n --color-static-monochrome-black-40: rgba(0, 0, 0, 0.4);\n --color-static-monochrome-black-44: rgba(0, 0, 0, 0.44);\n --color-static-monochrome-black-48: rgba(0, 0, 0, 0.48);\n --color-static-monochrome-black-56: rgba(0, 0, 0, 0.56);\n --color-static-monochrome-black-64: rgba(0, 0, 0, 0.64);\n --color-static-monochrome-black-72: rgba(0, 0, 0, 0.72);\n --color-static-monochrome-black-80: rgba(0, 0, 0, 0.8);\n --color-static-monochrome-black-88: rgba(0, 0, 0, 0.88);\n --color-static-monochrome-black-100: #000;\n --color-static-monochrome-white-2: rgba(255, 255, 255, 0.02);\n --color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);\n --color-static-monochrome-white-6: rgba(255, 255, 255, 0.06);\n --color-static-monochrome-white-8: rgba(255, 255, 255, 0.08);\n --color-static-monochrome-white-10: rgba(255, 255, 255, 0.1);\n --color-static-monochrome-white-12: rgba(255, 255, 255, 0.12);\n --color-static-monochrome-white-16: rgba(255, 255, 255, 0.16);\n --color-static-monochrome-white-20: rgba(255, 255, 255, 0.2);\n --color-static-monochrome-white-24: rgba(255, 255, 255, 0.24);\n --color-static-monochrome-white-32: rgba(255, 255, 255, 0.32);\n --color-static-monochrome-white-40: rgba(255, 255, 255, 0.4);\n --color-static-monochrome-white-44: rgba(255, 255, 255, 0.44);\n --color-static-monochrome-white-48: rgba(255, 255, 255, 0.48);\n --color-static-monochrome-white-56: rgba(255, 255, 255, 0.56);\n --color-static-monochrome-white-64: rgba(255, 255, 255, 0.64);\n --color-static-monochrome-white-72: rgba(255, 255, 255, 0.72);\n --color-static-monochrome-white-80: rgba(255, 255, 255, 0.8);\n --color-static-monochrome-white-88: rgba(255, 255, 255, 0.88);\n --color-static-monochrome-white-100: #fff;\n --color-light-monochrome-black-2: rgba(0, 0, 0, 0.02);\n --color-light-monochrome-black-2-inverted: rgba(255, 255, 255, 0.02);\n --color-light-monochrome-black-4: rgba(0, 0, 0, 0.04);\n --color-light-monochrome-black-4-inverted: rgba(255, 255, 255, 0.04);\n --color-light-monochrome-black-6: rgba(0, 0, 0, 0.06);\n --color-light-monochrome-black-6-inverted: rgba(255, 255, 255, 0.06);\n --color-light-monochrome-black-8: rgba(0, 0, 0, 0.08);\n --color-light-monochrome-black-8-inverted: rgba(255, 255, 255, 0.08);\n --color-light-monochrome-black-10: rgba(0, 0, 0, 0.1);\n --color-light-monochrome-black-10-inverted: rgba(255, 255, 255, 0.1);\n --color-light-monochrome-black-12: rgba(0, 0, 0, 0.12);\n --color-light-monochrome-black-12-inverted: rgba(255, 255, 255, 0.12);\n --color-light-monochrome-black-16: rgba(0, 0, 0, 0.16);\n --color-light-monochrome-black-16-inverted: rgba(255, 255, 255, 0.16);\n --color-light-monochrome-black-20: rgba(0, 0, 0, 0.2);\n --color-light-monochrome-black-20-inverted: rgba(255, 255, 255, 0.2);\n --color-light-monochrome-black-24: rgba(0, 0, 0, 0.24);\n --color-light-monochrome-black-24-inverted: rgba(255, 255, 255, 0.24);\n --color-light-monochrome-black-32: rgba(0, 0, 0, 0.32);\n --color-light-monochrome-black-32-inverted: rgba(255, 255, 255, 0.32);\n --color-light-monochrome-black-40: rgba(0, 0, 0, 0.4);\n --color-light-monochrome-black-40-inverted: rgba(255, 255, 255, 0.4);\n --color-light-monochrome-black-44: rgba(0, 0, 0, 0.44);\n --color-light-monochrome-black-44-inverted: rgba(255, 255, 255, 0.44);\n --color-light-monochrome-black-48: rgba(0, 0, 0, 0.48);\n --color-light-monochrome-black-48-inverted: rgba(255, 255, 255, 0.48);\n --color-light-monochrome-black-56: rgba(0, 0, 0, 0.56);\n --color-light-monochrome-black-56-inverted: rgba(255, 255, 255, 0.56);\n --color-light-monochrome-black-64: rgba(0, 0, 0, 0.64);\n --color-light-monochrome-black-64-inverted: rgba(255, 255, 255, 0.64);\n --color-light-monochrome-black-72: rgba(0, 0, 0, 0.72);\n --color-light-monochrome-black-72-inverted: rgba(255, 255, 255, 0.72);\n --color-light-monochrome-black-80: rgba(0, 0, 0, 0.8);\n --color-light-monochrome-black-80-inverted: rgba(255, 255, 255, 0.8);\n --color-light-monochrome-black-88: rgba(0, 0, 0, 0.88);\n --color-light-monochrome-black-88-inverted: rgba(255, 255, 255, 0.88);\n --color-light-monochrome-black-100: #000;\n --color-light-monochrome-black-100-inverted: #fff;\n --color-light-monochrome-white-2: rgba(255, 255, 255, 0.02);\n --color-light-monochrome-white-2-inverted: rgba(0, 0, 0, 0.02);\n --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);\n --color-light-monochrome-white-4-inverted: rgba(0, 0, 0, 0.04);\n --color-light-monochrome-white-6: rgba(255, 255, 255, 0.06);\n --color-light-monochrome-white-6-inverted: rgba(0, 0, 0, 0.06);\n --color-light-monochrome-white-8: rgba(255, 255, 255, 0.08);\n --color-light-monochrome-white-8-inverted: rgba(0, 0, 0, 0.08);\n --color-light-monochrome-white-10: rgba(255, 255, 255, 0.1);\n --color-light-monochrome-white-10-inverted: rgba(0, 0, 0, 0.1);\n --color-light-monochrome-white-12: rgba(255, 255, 255, 0.12);\n --color-light-monochrome-white-12-inverted: rgba(0, 0, 0, 0.12);\n --color-light-monochrome-white-16: rgba(255, 255, 255, 0.16);\n --color-light-monochrome-white-16-inverted: rgba(0, 0, 0, 0.16);\n --color-light-monochrome-white-20: rgba(255, 255, 255, 0.2);\n --color-light-monochrome-white-20-inverted: rgba(0, 0, 0, 0.2);\n --color-light-monochrome-white-24: rgba(255, 255, 255, 0.24);\n --color-light-monochrome-white-24-inverted: rgba(0, 0, 0, 0.24);\n --color-light-monochrome-white-32: rgba(255, 255, 255, 0.32);\n --color-light-monochrome-white-32-inverted: rgba(0, 0, 0, 0.32);\n --color-light-monochrome-white-40: rgba(255, 255, 255, 0.4);\n --color-light-monochrome-white-40-inverted: rgba(0, 0, 0, 0.4);\n --color-light-monochrome-white-44: rgba(255, 255, 255, 0.44);\n --color-light-monochrome-white-44-inverted: rgba(0, 0, 0, 0.44);\n --color-light-monochrome-white-48: rgba(255, 255, 255, 0.48);\n --color-light-monochrome-white-48-inverted: rgba(0, 0, 0, 0.48);\n --color-light-monochrome-white-56: rgba(255, 255, 255, 0.56);\n --color-light-monochrome-white-56-inverted: rgba(0, 0, 0, 0.56);\n --color-light-monochrome-white-64: rgba(255, 255, 255, 0.64);\n --color-light-monochrome-white-64-inverted: rgba(0, 0, 0, 0.64);\n --color-light-monochrome-white-72: rgba(255, 255, 255, 0.72);\n --color-light-monochrome-white-72-inverted: rgba(0, 0, 0, 0.72);\n --color-light-monochrome-white-80: rgba(255, 255, 255, 0.8);\n --color-light-monochrome-white-80-inverted: rgba(0, 0, 0, 0.8);\n --color-light-monochrome-white-88: rgba(255, 255, 255, 0.88);\n --color-light-monochrome-white-88-inverted: rgba(0, 0, 0, 0.88);\n --color-light-monochrome-white-100: #fff;\n --color-light-monochrome-white-100-inverted: #000;\n --color-dark-monochrome-black-2: rgba(255, 255, 255, 0.02);\n --color-dark-monochrome-black-2-inverted: rgba(0, 0, 0, 0.02);\n --color-dark-monochrome-black-4: rgba(255, 255, 255, 0.04);\n --color-dark-monochrome-black-4-inverted: rgba(0, 0, 0, 0.04);\n --color-dark-monochrome-black-6: rgba(255, 255, 255, 0.06);\n --color-dark-monochrome-black-6-inverted: rgba(0, 0, 0, 0.06);\n --color-dark-monochrome-black-8: rgba(255, 255, 255, 0.08);\n --color-dark-monochrome-black-8-inverted: rgba(0, 0, 0, 0.08);\n --color-dark-monochrome-black-10: rgba(255, 255, 255, 0.1);\n --color-dark-monochrome-black-10-inverted: rgba(0, 0, 0, 0.1);\n --color-dark-monochrome-black-12: rgba(255, 255, 255, 0.12);\n --color-dark-monochrome-black-12-inverted: rgba(0, 0, 0, 0.12);\n --color-dark-monochrome-black-16: rgba(255, 255, 255, 0.16);\n --color-dark-monochrome-black-16-inverted: rgba(0, 0, 0, 0.16);\n --color-dark-monochrome-black-20: rgba(255, 255, 255, 0.2);\n --color-dark-monochrome-black-20-inverted: rgba(0, 0, 0, 0.2);\n --color-dark-monochrome-black-24: rgba(255, 255, 255, 0.24);\n --color-dark-monochrome-black-24-inverted: rgba(0, 0, 0, 0.24);\n --color-dark-monochrome-black-32: rgba(255, 255, 255, 0.32);\n --color-dark-monochrome-black-32-inverted: rgba(0, 0, 0, 0.32);\n --color-dark-monochrome-black-40: rgba(255, 255, 255, 0.4);\n --color-dark-monochrome-black-40-inverted: rgba(0, 0, 0, 0.4);\n --color-dark-monochrome-black-44: rgba(255, 255, 255, 0.44);\n --color-dark-monochrome-black-44-inverted: rgba(0, 0, 0, 0.44);\n --color-dark-monochrome-black-48: rgba(255, 255, 255, 0.48);\n --color-dark-monochrome-black-48-inverted: rgba(0, 0, 0, 0.48);\n --color-dark-monochrome-black-56: rgba(255, 255, 255, 0.56);\n --color-dark-monochrome-black-56-inverted: rgba(0, 0, 0, 0.56);\n --color-dark-monochrome-black-64: rgba(255, 255, 255, 0.64);\n --color-dark-monochrome-black-64-inverted: rgba(0, 0, 0, 0.64);\n --color-dark-monochrome-black-72: rgba(255, 255, 255, 0.72);\n --color-dark-monochrome-black-72-inverted: rgba(0, 0, 0, 0.72);\n --color-dark-monochrome-black-80: rgba(255, 255, 255, 0.8);\n --color-dark-monochrome-black-80-inverted: rgba(0, 0, 0, 0.8);\n --color-dark-monochrome-black-88: rgba(255, 255, 255, 0.88);\n --color-dark-monochrome-black-88-inverted: rgba(0, 0, 0, 0.88);\n --color-dark-monochrome-black-100: #fff;\n --color-dark-monochrome-black-100-inverted: #000;\n --color-dark-monochrome-white-2: rgba(0, 0, 0, 0.02);\n --color-dark-monochrome-white-2-inverted: rgba(255, 255, 255, 0.02);\n --color-dark-monochrome-white-4: rgba(0, 0, 0, 0.04);\n --color-dark-monochrome-white-4-inverted: rgba(255, 255, 255, 0.04);\n --color-dark-monochrome-white-6: rgba(0, 0, 0, 0.06);\n --color-dark-monochrome-white-6-inverted: rgba(255, 255, 255, 0.06);\n --color-dark-monochrome-white-8: rgba(0, 0, 0, 0.08);\n --color-dark-monochrome-white-8-inverted: rgba(255, 255, 255, 0.08);\n --color-dark-monochrome-white-10: rgba(0, 0, 0, 0.1);\n --color-dark-monochrome-white-10-inverted: rgba(255, 255, 255, 0.1);\n --color-dark-monochrome-white-12: rgba(0, 0, 0, 0.12);\n --color-dark-monochrome-white-12-inverted: rgba(255, 255, 255, 0.12);\n --color-dark-monochrome-white-16: rgba(0, 0, 0, 0.16);\n --color-dark-monochrome-white-16-inverted: rgba(255, 255, 255, 0.16);\n --color-dark-monochrome-white-20: rgba(0, 0, 0, 0.2);\n --color-dark-monochrome-white-20-inverted: rgba(255, 255, 255, 0.2);\n --color-dark-monochrome-white-24: rgba(0, 0, 0, 0.24);\n --color-dark-monochrome-white-24-inverted: rgba(255, 255, 255, 0.24);\n --color-dark-monochrome-white-32: rgba(0, 0, 0, 0.32);\n --color-dark-monochrome-white-32-inverted: rgba(255, 255, 255, 0.32);\n --color-dark-monochrome-white-40: rgba(0, 0, 0, 0.4);\n --color-dark-monochrome-white-40-inverted: rgba(255, 255, 255, 0.4);\n --color-dark-monochrome-white-44: rgba(0, 0, 0, 0.44);\n --color-dark-monochrome-white-44-inverted: rgba(255, 255, 255, 0.44);\n --color-dark-monochrome-white-48: rgba(0, 0, 0, 0.48);\n --color-dark-monochrome-white-48-inverted: rgba(255, 255, 255, 0.48);\n --color-dark-monochrome-white-56: rgba(0, 0, 0, 0.56);\n --color-dark-monochrome-white-56-inverted: rgba(255, 255, 255, 0.56);\n --color-dark-monochrome-white-64: rgba(0, 0, 0, 0.64);\n --color-dark-monochrome-white-64-inverted: rgba(255, 255, 255, 0.64);\n --color-dark-monochrome-white-72: rgba(0, 0, 0, 0.72);\n --color-dark-monochrome-white-72-inverted: rgba(255, 255, 255, 0.72);\n --color-dark-monochrome-white-80: rgba(0, 0, 0, 0.8);\n --color-dark-monochrome-white-80-inverted: rgba(255, 255, 255, 0.8);\n --color-dark-monochrome-white-88: rgba(0, 0, 0, 0.88);\n --color-dark-monochrome-white-88-inverted: rgba(255, 255, 255, 0.88);\n --color-dark-monochrome-white-100: #000;\n --color-dark-monochrome-white-100-inverted: #fff;\n}\n\n:root {\n --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);\n --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);\n --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);\n}\n\n:root {\n --color-dark-promo-muted-menthol: #1b2816;\n --color-dark-promo-muted-sonata: #222a3e;\n --color-dark-promo-muted-tomato: #3e2321;\n --color-light-promo-muted-menthol: #eafae2;\n --color-light-promo-muted-sonata: #e9f6fd;\n --color-light-promo-muted-tomato: #fdf1f1;\n --color-static-promo-chardonnay: #ffcf99;\n --color-static-promo-conclave: #b3ccff;\n --color-static-promo-gravel: #2a2c2f;\n --color-static-promo-lagoon: #9df2f5;\n --color-static-promo-menthol: #bff0a8;\n --color-static-promo-oasis: #dfbfff;\n --color-static-promo-pale-chardonnay: #ffe5c7;\n --color-static-promo-pale-conclave: #d6e6ff;\n --color-static-promo-pale-lagoon: #c5f8fa;\n --color-static-promo-pale-oasis: #ebd6ff;\n --color-static-promo-pale-pearl: #f1f4f4;\n --color-static-promo-pale-primrose: #eaffb3;\n --color-static-promo-pale-seafoam: #d6ffe7;\n --color-static-promo-pale-tomato: #ffdbd8;\n --color-static-promo-peach: #ffcbb3;\n --color-static-promo-pearl: #eaeeee;\n --color-static-promo-prelude: #c7bfff;\n --color-static-promo-primrose: #d6f09a;\n --color-static-promo-seafoam: #a0fac6;\n --color-static-promo-sonata: #9edfff;\n --color-static-promo-tomato: #ffcac7;\n --color-static-promo-vibrant-chardonnay: #fa9319;\n --color-static-promo-vibrant-conclave: #266fff;\n --color-static-promo-vibrant-lagoon: #00e8f0;\n --color-static-promo-vibrant-menthol: #31e300;\n --color-static-promo-vibrant-oasis: #93f;\n --color-static-promo-vibrant-peach: #ff681c;\n --color-static-promo-vibrant-prelude: #6a4dff;\n --color-static-promo-vibrant-primrose: #a8f000;\n --color-static-promo-vibrant-seafoam: #00f064;\n --color-static-promo-vibrant-sonata: #17a0e5;\n --color-static-promo-vibrant-tomato: #ef3124;\n}\n\n:root {\n --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */\n --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */\n --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */\n --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */\n --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */\n --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */\n --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */\n --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */\n --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */\n --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */\n --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */\n --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */\n --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */\n --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */\n --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */\n --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */\n --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */\n --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */\n --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */\n --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */\n}\n\n:root {\n --color-dark-indigo: #0b1f35; /* deprecated */\n --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */\n --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */\n --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */\n --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */\n --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */\n --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */\n --color-dark-indigo-60-flat: #6d7986; /* deprecated */\n --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */\n --color-dark-indigo-15-flat: #dbdee1; /* deprecated */\n --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */\n --color-dark-indigo-07-flat: #eeeff1; /* deprecated */\n --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */\n --color-red-brand: #ef3124; /* deprecated */\n --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */\n --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */\n --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */\n --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */\n --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */\n --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */\n --color-red-brand-85-flat: #f15045; /* deprecated */\n --color-red-brand-70-flat: #f46f66; /* deprecated */\n --color-red-brand-50-flat: #f69791; /* deprecated */\n --color-red-brand-30-flat: #fbc2bd; /* deprecated */\n --color-red-brand-20-flat: #fcd6d3; /* deprecated */\n --color-red-brand-10-flat: #feebea; /* deprecated */\n --color-red-brand-05-flat: #fef5f4; /* deprecated */\n --color-red-dark: #d91d0b; /* deprecated */\n --color-red-error: #ff5c5c; /* deprecated */\n --color-green-text: #13a463; /* deprecated */\n --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */\n --color-green-text-60-flat: #71c8a1; /* deprecated */\n --color-green-done: #2fc26e; /* deprecated */\n --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */\n --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */\n --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */\n --color-green-done-20-flat: #d5f3e2; /* deprecated */\n --color-green-done-10-flat: #ebf9f1; /* deprecated */\n --color-green-done-05-flat: #f4fcf7; /* deprecated */\n --color-blue-action: #0e60b9; /* deprecated */\n --color-blue-swipe-a: #2670c6; /* deprecated */\n --color-blue-swipe-b: #3781d8; /* deprecated */\n --color-blue-swipe-c: #4a90e2; /* deprecated */\n --color-blue-link-mobile: #007aff; /* deprecated */\n --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */\n --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */\n --color-blue-link-web: #0f62fe; /* deprecated */\n --color-sand: #f6bf65; /* deprecated */\n --color-lavender: #8888ad; /* deprecated */\n --color-amethyst: #a489aa; /* deprecated */\n --color-black: #000; /* deprecated */\n --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */\n --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */\n --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */\n --color-black-60-flat: #666; /* deprecated */\n --color-black-30-flat: #b3b3b3; /* deprecated */\n --color-black-10-flat: #e6e6e6; /* deprecated */\n --color-white: #fff; /* deprecated */\n --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */\n --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */\n --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */\n --color-bg-corporate: #212a33; /* deprecated */\n --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */\n --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */\n --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */\n --color-bg-corporate-90-flat: #384048; /* deprecated */\n --color-bg-corporate-60-flat: #7a7f85; /* deprecated */\n --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */\n --color-light-blue: #f5f7f9; /* deprecated */\n}\n\n:root {\n --focus-color: var(--color-light-status-info);\n --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif;\n --disabled-cursor: not-allowed;\n --arrow-transform: rotate(180deg);\n --size-xxs-height: 32px;\n --size-xs-height: 40px;\n --size-s-height: 48px;\n --size-m-height: 56px;\n --size-l-height: 64px;\n --size-xl-height: 72px;\n}\n\n:root {\n --gap-3xs: 2px; /* deprecated */\n --gap-2xs: 4px; /* deprecated */\n --gap-xs: 8px; /* deprecated */\n --gap-s: 12px; /* deprecated */\n --gap-2s: 14px; /* deprecated */\n --gap-m: 16px; /* deprecated */\n --gap-l: 20px; /* deprecated */\n --gap-xl: 24px; /* deprecated */\n --gap-2xl: 32px; /* deprecated */\n --gap-3xl: 40px; /* deprecated */\n --gap-4xl: 48px; /* deprecated */\n --gap-5xl: 64px; /* deprecated */\n --gap-6xl: 72px; /* deprecated */\n --gap-7xl: 96px; /* deprecated */\n --gap-8xl: 128px; /* deprecated */\n --gap-3xs-neg: -2px; /* deprecated */\n --gap-2xs-neg: -4px; /* deprecated */\n --gap-xs-neg: -8px; /* deprecated */\n --gap-s-neg: -12px; /* deprecated */\n --gap-m-neg: -16px; /* deprecated */\n --gap-l-neg: -20px; /* deprecated */\n --gap-xl-neg: -24px; /* deprecated */\n --gap-2xl-neg: -32px; /* deprecated */\n --gap-3xl-neg: -40px; /* deprecated */\n --gap-4xl-neg: -48px; /* deprecated */\n --gap-5xl-neg: -64px; /* deprecated */\n --gap-6xl-neg: -72px; /* deprecated */\n --gap-7xl-neg: -96px; /* deprecated */\n --gap-8xl-neg: -128px; /* deprecated */\n\n /* новые значения, используйте их */\n\n /* no-unit может приводить к проблемам в calc (#1559) */\n /* stylelint-disable-next-line length-zero-no-unit */\n --gap-0: 0px;\n --gap-2: var(--gap-3xs);\n --gap-4: var(--gap-2xs);\n --gap-8: var(--gap-xs);\n --gap-12: var(--gap-s);\n --gap-16: var(--gap-m);\n --gap-20: var(--gap-l);\n --gap-24: var(--gap-xl);\n --gap-32: var(--gap-2xl);\n --gap-40: var(--gap-3xl);\n --gap-48: var(--gap-4xl);\n --gap-56: 56px;\n --gap-64: var(--gap-5xl);\n --gap-72: var(--gap-6xl);\n --gap-80: 80px;\n --gap-96: var(--gap-7xl);\n --gap-128: var(--gap-8xl);\n --gap-2-neg: var(--gap-3xs-neg);\n --gap-4-neg: var(--gap-2xs-neg);\n --gap-8-neg: var(--gap-xs-neg);\n --gap-12-neg: var(--gap-s-neg);\n --gap-16-neg: var(--gap-m-neg);\n --gap-20-neg: var(--gap-l-neg);\n --gap-24-neg: var(--gap-xl-neg);\n --gap-32-neg: var(--gap-2xl-neg);\n --gap-40-neg: var(--gap-3xl-neg);\n --gap-48-neg: var(--gap-4xl-neg);\n --gap-56-neg: -56px;\n --gap-64-neg: var(--gap-5xl-neg);\n --gap-72-neg: var(--gap-6xl-neg);\n --gap-80-neg: -80px;\n --gap-96-neg: var(--gap-7xl-neg);\n --gap-128-neg: var(--gap-8xl-neg);\n}\n\n/* сбрасывает синюю подсветку при нажатии */\n\n:root {\n --sat: env(safe-area-inset-top, var(--gap-0));\n --sar: env(safe-area-inset-right, var(--gap-0));\n --sab: env(safe-area-inset-bottom, var(--gap-0));\n --sal: env(safe-area-inset-left, var(--gap-0));\n}\n\n:root {\n --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);\n --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n 0 0 1px rgba(0, 0, 0, 0.04);\n --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);\n --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 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);\n --shadow-xl: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);\n\n /* Hard */\n --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);\n --shadow-s-hard: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n 0 0 1px rgba(0, 0, 0, 0.16);\n --shadow-m-hard: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);\n --shadow-l-hard: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 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);\n --shadow-xl-hard: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);\n\n /* Up */\n --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);\n --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);\n --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);\n --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);\n --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);\n\n /* Hard up */\n --shadow-xs-hard-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n 0 -2px 4px rgba(0, 0, 0, 0.16);\n --shadow-s-hard-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n 0 -4px 8px rgba(0, 0, 0, 0.16);\n --shadow-m-hard-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16);\n --shadow-l-hard-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16);\n --shadow-xl-hard-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16);\n}\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n/* @deprecated */\n\n:root {\n /* primary */\n --button-primary-base-bg-color: var(--color-light-accent-primary);\n --button-primary-hover-bg-color: var(--color-light-accent-primary-hover);\n --button-primary-active-bg-color: var(--color-light-accent-primary-press);\n --button-primary-color: var(--color-static-text-primary-inverted);\n --button-primary-disabled-bg-color: var(--color-light-neutral-translucent-100);\n /* primary-inverted */\n --button-inverted-primary-base-bg-color: var(--color-light-accent-primary-inverted);\n --button-inverted-primary-hover-bg-color: var(--color-light-accent-primary-inverted-hover);\n --button-inverted-primary-active-bg-color: var(--color-light-accent-primary-inverted-press);\n --button-inverted-primary-color: var(--color-static-text-primary-inverted);\n --button-inverted-primary-disabled-bg-color: var(\n --color-light-neutral-translucent-100-inverted\n );\n /* primary mobile */\n --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);\n --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);\n --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);\n --button-primary-mobile-color: var(--color-static-text-primary-inverted);\n /* primary inverted mobile */\n --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);\n --button-inverted-primary-mobile-hover-bg-color: var(\n --color-light-accent-primary-inverted-hover\n );\n --button-inverted-primary-mobile-active-bg-color: var(\n --color-light-accent-primary-inverted-press\n );\n --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);\n /* spinner */\n --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);\n --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);\n /* spinner mobile */\n --button-spinner-primary-mobile-color: var(--color-static-neutral-translucent-1300-inverted);\n --button-spinner-inverted-primary-mobile-color: var(\n --color-static-neutral-translucent-1300-inverted\n );\n /* theme */\n --form-control-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-40-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-s-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-m-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-l-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-xl-border-radius: var(--border-radius-4) var(--border-radius-4) 0 0;\n --form-control-mobile-sub-paddings: 0;\n --form-control-bg-backdrop-filter: blur(20px);\n --form-control-border-bottom: 1px solid var(--color-light-neutral-500);\n --form-control-inverted-border-bottom: 1px solid var(--color-light-neutral-500-inverted);\n --form-control-bg-color: var(--color-light-neutral-translucent-100);\n --form-control-inverted-bg-color: var(--color-light-neutral-translucent-100-inverted);\n --form-control-disabled-filled-label-color: var(--color-light-text-secondary);\n --form-control-inverted-disabled-filled-label-color: var(--color-light-text-secondary-inverted);\n /* focus */\n --form-control-focus-shadow: none;\n --form-control-focus-border-bottom: 1px solid var(--color-light-neutral-translucent-1300);\n --form-control-inverted-focus-bg-color: var(--color-light-neutral-translucent-400-inverted);\n --form-control-focus-bg-color: var(--color-light-neutral-translucent-400);\n --form-control-inverted-focus-border-bottom: 1px solid\n var(--color-light-neutral-translucent-1300-inverted);\n --form-control-inverted-focus-shadow: none;\n --form-control-focus-error-shadow: none;\n --form-control-inverted-focus-error-shadow: none;\n /* hover */\n --form-control-hover-bg-color: var(--color-light-neutral-translucent-400);\n --form-control-inverted-hover-bg-color: var(--color-light-neutral-translucent-400-inverted);\n /* error */\n --form-control-error-color: var(--color-static-accent-primary);\n --form-control-inverted-error-color: var(--color-static-accent-primary);\n --form-control-error-border-bottom: 1px solid var(--color-light-status-negative);\n --form-control-error-shadow: none;\n --form-control-inverted-error-shadow: none;\n --form-control-inverted-error-border-bottom: 1px solid\n var(--color-light-status-negative-inverted);\n --form-control-error-bg-color: var(--color-light-neutral-translucent-100);\n --form-control-inverted-error-bg-color: var(--color-light-neutral-translucent-100-inverted);\n /* disabled */\n --form-control-disabled-border-bottom: 1px dashed var(--color-light-neutral-500);\n --form-control-inverted-disabled-border-bottom: 1px dashed\n var(--color-light-neutral-500-inverted);\n --form-control-disabled-bg-color: var(--color-light-neutral-translucent-400);\n --form-control-inverted-disabled-bg-color: var(--color-light-neutral-translucent-400-inverted);\n /* color mobile */\n --form-control-mobile-bg-color: var(--color-light-neutral-translucent-100);\n --form-control-inverted-mobile-bg-color: var(--color-light-neutral-translucent-100-inverted);\n /* error mobile */\n --form-control-error-mobile-disabled-shadow: var(--form-control-error-shadow);\n --form-control-inverted-error-mobile-disabled-shadow: var(--form-control-inverted-error-shadow);\n /* theme */\n --primary-tablist-m-gaps: var(--gap-48);\n --primary-tablist-m-font-weight: 500;\n --primary-tablist-l-gaps: var(--gap-48);\n --primary-tablist-l-font-weight: 500;\n --primary-tablist-bottom-border-color: var(--color-light-neutral-500);\n --input-error-icon-display: flex;\n --input-error-icon-not-alone-display: flex;\n --input-disabled-color: var(--color-light-text-secondary);\n --input-inverted-disabled-color: var(--color-light-text-secondary-inverted);\n --input-read-only-color: var(--color-light-text-secondary);\n --input-inverted-read-only-color: var(--color-light-text-secondary-inverted);\n --select-options-list-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);\n --select-options-list-offset: var(--gap-0);\n /* select mobile footer */\n --select-mobile-footer-border-top: 1px solid var(--color-light-neutral-400);\n --slider-input-s-border-bottom-radius: 0;\n --slider-input-m-border-bottom-radius: 0;\n --slider-input-l-border-bottom-radius: 0;\n --slider-input-xl-border-bottom-radius: 0;\n --slider-input-progress-margin-horizontal: 0;\n --slider-input-xl-progress-margin-horizontal: 0;\n --slider-input-progress-border-radius: 0;\n --slider-input-progress-bg-color: var(--color-light-neutral-300);\n --slider-input-progress-hover-bg-color: var(--color-light-neutral-300);\n --slider-input-origin-width: 100%;\n --slider-input-origin-right: var(--gap-0);\n --calendar-input-popover-border-radius: 0 0 var(--border-radius-8) var(--border-radius-8);\n /* mobile */\n --checkbox-group-mobile-sub-padding-left: var(--gap-0);\n --checkbox-group-mobile-list-padding-left: var(--gap-0);\n /* mobile */\n --radio-group-mobile-sub-padding-left: var(--gap-0);\n --radio-group-mobile-list-padding-left: var(--gap-0);\n /* checked */\n --radio-checked-bg-color: var(--color-light-accent-primary);\n --radio-checked-hover-bg-color: var(--color-light-accent-primary-hover);\n --radio-checked-active-bg-color: var(--color-light-accent-primary-press);\n /* icon */\n --radio-icon-color: var(--color-static-neutral-translucent-1300-inverted);\n /* checked */\n --checkbox-checked-bg-color: var(--color-light-accent-primary);\n --checkbox-checked-hover-bg-color: var(--color-light-accent-primary-hover);\n --checkbox-checked-active-bg-color: var(--color-light-accent-primary-press);\n /* icon */\n --checkbox-icon-color: var(--color-static-neutral-translucent-1300-inverted);\n --checkbox-icon-indeterminate-color: var(--color-static-neutral-translucent-1300-inverted);\n /* checked */\n --switch-checked-bg-color: var(--color-light-accent-primary);\n --switch-checked-hover-bg-color: var(--color-light-accent-primary-hover);\n}\n";
2
2
  export { _default as default };