@alfalab/core-components 48.25.0 → 48.26.0-beta.0

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