@epam/assets 5.4.1 → 5.4.2

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 (695) hide show
  1. package/css/theme/theme_electric.css +115 -17
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +43 -44
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +44 -40
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +42 -47
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +11 -0
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/icon-sources/12/action-add-bold.svg +1 -1
  12. package/icon-sources/12/action-add.svg +1 -1
  13. package/icon-sources/12/action-delete forever-outline.svg +4 -0
  14. package/icon-sources/12/action-delete forever.svg +1 -2
  15. package/icon-sources/12/action-eye-off-outline.svg +4 -0
  16. package/icon-sources/12/action-eye-off.svg +8 -2
  17. package/icon-sources/12/action-eye-outline.svg +4 -0
  18. package/icon-sources/12/action-eye.svg +2 -2
  19. package/icon-sources/12/action-job_function-outline.svg +3 -0
  20. package/icon-sources/12/action-job_function.svg +1 -1
  21. package/icon-sources/12/action-lock_open_alt-outline.svg +3 -0
  22. package/icon-sources/12/action-lock_open_alt.svg +1 -1
  23. package/icon-sources/12/action-schedule-outline.svg +3 -0
  24. package/icon-sources/12/action-schedule.svg +1 -1
  25. package/icon-sources/12/action-search-fill.svg +4 -0
  26. package/icon-sources/12/communication-chat-outline.svg +3 -0
  27. package/icon-sources/12/communication-chat.svg +1 -1
  28. package/icon-sources/12/communication-mail-outline.svg +3 -0
  29. package/icon-sources/12/communication-mail.svg +1 -1
  30. package/icon-sources/12/file-file_archive.svg +1 -1
  31. package/icon-sources/12/flag-outline.svg +3 -0
  32. package/icon-sources/12/flag.svg +1 -1
  33. package/icon-sources/12/internal-logo/datahub.svg +1 -1
  34. package/icon-sources/12/internal-logo/startup_dashboard.svg +1 -1
  35. package/icon-sources/12/internal-logo/technology.svg +1 -1
  36. package/icon-sources/12/notification-done.svg +1 -1
  37. package/icon-sources/12/notification-done_bold.svg +3 -0
  38. package/icon-sources/18/Behance.svg +8 -3
  39. package/icon-sources/18/Dribble.svg +4 -2
  40. package/icon-sources/18/Flickr.svg +7 -2
  41. package/icon-sources/18/Stack_overflow.svg +7 -3
  42. package/icon-sources/18/account-multiple-plus.svg +4 -2
  43. package/icon-sources/18/action-account.svg +4 -2
  44. package/icon-sources/18/action-add-bold.svg +4 -2
  45. package/icon-sources/18/action-add.svg +4 -2
  46. package/icon-sources/18/action-align-center.svg +4 -2
  47. package/icon-sources/18/action-align-left.svg +4 -2
  48. package/icon-sources/18/action-align-right.svg +4 -2
  49. package/icon-sources/18/action-calendar.svg +4 -2
  50. package/icon-sources/18/action-copy_content.svg +4 -2
  51. package/icon-sources/18/action-currency.svg +4 -2
  52. package/icon-sources/18/action-currency_off.svg +4 -2
  53. package/icon-sources/18/action-delete forever-outline.svg +8 -0
  54. package/icon-sources/18/action-delete forever.svg +4 -3
  55. package/icon-sources/18/action-delete.svg +4 -2
  56. package/icon-sources/18/action-drag_corner.svg +4 -2
  57. package/icon-sources/18/action-drag_indicator.svg +4 -2
  58. package/icon-sources/18/action-external_link.svg +4 -2
  59. package/icon-sources/18/action-eye-off-outline.svg +8 -0
  60. package/icon-sources/18/action-eye-off.svg +12 -3
  61. package/icon-sources/18/action-eye-outline.svg +8 -0
  62. package/icon-sources/18/action-eye.svg +7 -3
  63. package/icon-sources/18/action-flash.svg +4 -2
  64. package/icon-sources/18/action-full_width.svg +4 -2
  65. package/icon-sources/18/action-history.svg +4 -2
  66. package/icon-sources/18/action-home-alternative.svg +4 -2
  67. package/icon-sources/18/action-home.svg +4 -2
  68. package/icon-sources/18/action-job_function-outline.svg +5 -0
  69. package/icon-sources/18/action-job_function.svg +4 -2
  70. package/icon-sources/18/action-language.svg +4 -2
  71. package/icon-sources/18/action-level.svg +10 -2
  72. package/icon-sources/18/action-lock-fill.svg +4 -2
  73. package/icon-sources/18/action-lock-outline.svg +4 -2
  74. package/icon-sources/18/action-lock_open-fill.svg +4 -2
  75. package/icon-sources/18/action-lock_open-outline.svg +7 -3
  76. package/icon-sources/18/action-lock_open_alt-outline.svg +5 -0
  77. package/icon-sources/18/action-lock_open_alt.svg +4 -2
  78. package/icon-sources/18/action-map_pin-outline.svg +7 -3
  79. package/icon-sources/18/action-mic.svg +4 -2
  80. package/icon-sources/18/action-move_to.svg +7 -3
  81. package/icon-sources/18/action-photo.svg +4 -2
  82. package/icon-sources/18/action-pin_off.svg +7 -2
  83. package/icon-sources/18/action-pin_on.svg +4 -2
  84. package/icon-sources/18/action-schedule-outline.svg +5 -0
  85. package/icon-sources/18/action-schedule.svg +4 -2
  86. package/icon-sources/18/action-search-fill.svg +8 -0
  87. package/icon-sources/18/action-search.svg +4 -2
  88. package/icon-sources/18/action-send.svg +4 -2
  89. package/icon-sources/18/action-settings.svg +4 -2
  90. package/icon-sources/18/action-snapshot.svg +4 -2
  91. package/icon-sources/18/action-target.svg +4 -2
  92. package/icon-sources/18/action-trophy.svg +4 -2
  93. package/icon-sources/18/action-tune.svg +4 -2
  94. package/icon-sources/18/add-above.svg +7 -2
  95. package/icon-sources/18/add-below.svg +7 -2
  96. package/icon-sources/18/add_page.svg +10 -3
  97. package/icon-sources/18/add_space.svg +7 -3
  98. package/icon-sources/18/bell-off-outline.svg +4 -2
  99. package/icon-sources/18/bell-off.svg +4 -2
  100. package/icon-sources/18/bell-outline.svg +4 -2
  101. package/icon-sources/18/bell.svg +4 -2
  102. package/icon-sources/18/blacklist.svg +4 -2
  103. package/icon-sources/18/certificate.svg +4 -2
  104. package/icon-sources/18/clear_format.svg +4 -2
  105. package/icon-sources/18/communication-chat-outline.svg +5 -0
  106. package/icon-sources/18/communication-chat.svg +4 -2
  107. package/icon-sources/18/communication-communication-chat_alt.svg +4 -2
  108. package/icon-sources/18/communication-geo_tag.svg +4 -2
  109. package/icon-sources/18/communication-mail-outline.svg +5 -0
  110. package/icon-sources/18/communication-mail.svg +4 -2
  111. package/icon-sources/18/communication-phone.svg +4 -2
  112. package/icon-sources/18/communication-phone_mobile.svg +4 -2
  113. package/icon-sources/18/communication-skype.svg +4 -2
  114. package/icon-sources/18/communication-skype_business.svg +4 -2
  115. package/icon-sources/18/communication-telescope.svg +10 -3
  116. package/icon-sources/18/consent.svg +7 -3
  117. package/icon-sources/18/content-add-fill.svg +4 -2
  118. package/icon-sources/18/content-add-outline.svg +4 -2
  119. package/icon-sources/18/content-bookmark-fill.svg +4 -2
  120. package/icon-sources/18/content-bookmark-outline.svg +4 -2
  121. package/icon-sources/18/content-clear-outline.svg +4 -2
  122. package/icon-sources/18/content-clear.svg +4 -2
  123. package/icon-sources/18/content-code.svg +4 -2
  124. package/icon-sources/18/content-code_braces.svg +4 -2
  125. package/icon-sources/18/content-code_check.svg +8 -2
  126. package/icon-sources/18/content-deselect-fill.svg +4 -2
  127. package/icon-sources/18/content-deselect-outline.svg +4 -2
  128. package/icon-sources/18/content-edit.svg +4 -2
  129. package/icon-sources/18/content-edit_redo-alternative.svg +4 -2
  130. package/icon-sources/18/content-edit_redo.svg +4 -2
  131. package/icon-sources/18/content-edit_undo.svg +4 -2
  132. package/icon-sources/18/content-filter_list.svg +4 -2
  133. package/icon-sources/18/content-filtration.svg +4 -2
  134. package/icon-sources/18/content-link-opt.2.svg +8 -4
  135. package/icon-sources/18/content-link.svg +7 -3
  136. package/icon-sources/18/content-link_off-opt.2.svg +8 -4
  137. package/icon-sources/18/content-link_off.svg +8 -3
  138. package/icon-sources/18/content-minus.svg +4 -2
  139. package/icon-sources/18/content-sort_asc.svg +4 -2
  140. package/icon-sources/18/content-sort_desc.svg +4 -2
  141. package/icon-sources/18/core skill alternative.svg +4 -2
  142. package/icon-sources/18/core-skill.svg +4 -2
  143. package/icon-sources/18/cv.svg +4 -2
  144. package/icon-sources/18/database-database.svg +4 -2
  145. package/icon-sources/18/database-lock.svg +9 -4
  146. package/icon-sources/18/database-plus.svg +4 -2
  147. package/icon-sources/18/database-remove.svg +4 -2
  148. package/icon-sources/18/database-settings.svg +4 -2
  149. package/icon-sources/18/delete-outline.svg +4 -2
  150. package/icon-sources/18/devices.svg +4 -2
  151. package/icon-sources/18/edit undo2.svg +4 -2
  152. package/icon-sources/18/editor-breakline.svg +8 -2
  153. package/icon-sources/18/editor-chart-arc.svg +4 -2
  154. package/icon-sources/18/editor-chart-areaspline.svg +4 -2
  155. package/icon-sources/18/editor-chart-bar_stacked.svg +4 -2
  156. package/icon-sources/18/editor-chart-bar_vert.svg +4 -2
  157. package/icon-sources/18/editor-chart-bubble.svg +4 -2
  158. package/icon-sources/18/editor-chart-curve.svg +4 -2
  159. package/icon-sources/18/editor-chart-donut.svg +4 -2
  160. package/icon-sources/18/editor-chart-gantt.svg +4 -2
  161. package/icon-sources/18/editor-chart-histogram.svg +4 -2
  162. package/icon-sources/18/editor-chart-line.svg +4 -2
  163. package/icon-sources/18/editor-chart-line_multiline.svg +4 -2
  164. package/icon-sources/18/editor-chart-line_var.svg +4 -2
  165. package/icon-sources/18/editor-chart-pie.svg +4 -2
  166. package/icon-sources/18/editor-chart-table.svg +4 -2
  167. package/icon-sources/18/editor-chart-timeline.svg +4 -2
  168. package/icon-sources/18/editor-chart-tree.svg +9 -2
  169. package/icon-sources/18/editor-code.svg +4 -2
  170. package/icon-sources/18/editor-color.svg +4 -2
  171. package/icon-sources/18/editor-color_none.svg +4 -2
  172. package/icon-sources/18/editor-format_bold.svg +4 -2
  173. package/icon-sources/18/editor-format_italic.svg +4 -2
  174. package/icon-sources/18/editor-format_strikethrough.svg +4 -2
  175. package/icon-sources/18/editor-format_subscript.svg +4 -2
  176. package/icon-sources/18/editor-format_superscript.svg +4 -2
  177. package/icon-sources/18/editor-format_text_alignment_center.svg +4 -2
  178. package/icon-sources/18/editor-format_text_alignment_justify.svg +4 -2
  179. package/icon-sources/18/editor-format_text_alignment_left.svg +4 -2
  180. package/icon-sources/18/editor-format_text_alignment_right.svg +4 -2
  181. package/icon-sources/18/editor-format_text_color.svg +4 -2
  182. package/icon-sources/18/editor-format_underlined.svg +4 -2
  183. package/icon-sources/18/editor-functions.svg +4 -2
  184. package/icon-sources/18/editor-headline.svg +4 -2
  185. package/icon-sources/18/editor-headline_h1.svg +4 -2
  186. package/icon-sources/18/editor-headline_h2.svg +4 -2
  187. package/icon-sources/18/editor-headline_h3.svg +4 -2
  188. package/icon-sources/18/editor-image.svg +4 -2
  189. package/icon-sources/18/editor-issue.svg +4 -2
  190. package/icon-sources/18/editor-list_bullet.svg +4 -2
  191. package/icon-sources/18/editor-list_checkbox.svg +4 -2
  192. package/icon-sources/18/editor-list_number.svg +4 -2
  193. package/icon-sources/18/editor-mention.svg +4 -2
  194. package/icon-sources/18/editor-outline.svg +4 -2
  195. package/icon-sources/18/editor-quote.svg +4 -2
  196. package/icon-sources/18/editor-risk.svg +4 -2
  197. package/icon-sources/18/editor-stats.svg +4 -2
  198. package/icon-sources/18/editor-table_merge_cells.svg +4 -2
  199. package/icon-sources/18/editor-table_split_cells.svg +4 -2
  200. package/icon-sources/18/editor-title.svg +4 -2
  201. package/icon-sources/18/editor-video.svg +4 -2
  202. package/icon-sources/18/empty.svg +4 -2
  203. package/icon-sources/18/fav & rates-favorite-outline.svg +4 -2
  204. package/icon-sources/18/fav & rates-favorite.svg +4 -2
  205. package/icon-sources/18/fav & rates-star-outline.svg +4 -2
  206. package/icon-sources/18/fav & rates-star.svg +4 -2
  207. package/icon-sources/18/fav & rates-star_half.svg +4 -2
  208. package/icon-sources/18/file-attachment.svg +4 -2
  209. package/icon-sources/18/file-cloud_download.svg +4 -2
  210. package/icon-sources/18/file-cloud_upload.svg +4 -2
  211. package/icon-sources/18/file-download-alternative.svg +7 -3
  212. package/icon-sources/18/file-download.svg +4 -2
  213. package/icon-sources/18/file-export.svg +7 -3
  214. package/icon-sources/18/file-file.svg +4 -2
  215. package/icon-sources/18/file-file_archive.svg +4 -2
  216. package/icon-sources/18/file-file_chart.svg +4 -2
  217. package/icon-sources/18/file-file_eml.svg +4 -2
  218. package/icon-sources/18/file-file_excel.svg +4 -2
  219. package/icon-sources/18/file-file_image.svg +4 -2
  220. package/icon-sources/18/file-file_pdf.svg +4 -2
  221. package/icon-sources/18/file-file_table.svg +4 -2
  222. package/icon-sources/18/file-file_text.svg +4 -2
  223. package/icon-sources/18/file-file_video.svg +7 -3
  224. package/icon-sources/18/file-file_word.svg +4 -2
  225. package/icon-sources/18/file-import.svg +4 -2
  226. package/icon-sources/18/file-upload.svg +4 -2
  227. package/icon-sources/18/flag-outline.svg +5 -0
  228. package/icon-sources/18/flag.svg +4 -2
  229. package/icon-sources/18/folder.svg +7 -3
  230. package/icon-sources/18/format_paint.svg +4 -2
  231. package/icon-sources/18/gitlab.svg +4 -2
  232. package/icon-sources/18/global_menu.svg +4 -2
  233. package/icon-sources/18/grow.svg +7 -3
  234. package/icon-sources/18/in_progress-status.svg +12 -3
  235. package/icon-sources/18/interest.svg +7 -2
  236. package/icon-sources/18/internal-logo/VCMs.svg +4 -2
  237. package/icon-sources/18/internal-logo/adaptation.svg +4 -2
  238. package/icon-sources/18/internal-logo/anywhere.svg +4 -2
  239. package/icon-sources/18/internal-logo/assessment.svg +4 -2
  240. package/icon-sources/18/internal-logo/autoint.svg +4 -2
  241. package/icon-sources/18/internal-logo/billing.svg +4 -2
  242. package/icon-sources/18/internal-logo/bnb.svg +4 -2
  243. package/icon-sources/18/internal-logo/booking.svg +15 -9
  244. package/icon-sources/18/internal-logo/compensation.svg +4 -2
  245. package/icon-sources/18/internal-logo/competency.svg +4 -2
  246. package/icon-sources/18/internal-logo/connect.svg +4 -2
  247. package/icon-sources/18/internal-logo/crm.svg +4 -2
  248. package/icon-sources/18/internal-logo/datahub.svg +4 -2
  249. package/icon-sources/18/internal-logo/delivery.svg +7 -3
  250. package/icon-sources/18/internal-logo/desk.svg +4 -2
  251. package/icon-sources/18/internal-logo/digital_platform.svg +4 -2
  252. package/icon-sources/18/internal-logo/documents.svg +4 -2
  253. package/icon-sources/18/internal-logo/employment_verification_letter.svg +4 -2
  254. package/icon-sources/18/internal-logo/epams.svg +4 -2
  255. package/icon-sources/18/internal-logo/ethicsLine.svg +4 -2
  256. package/icon-sources/18/internal-logo/examinator.svg +4 -2
  257. package/icon-sources/18/internal-logo/exit.svg +4 -2
  258. package/icon-sources/18/internal-logo/experts.svg +4 -2
  259. package/icon-sources/18/internal-logo/feedback.svg +4 -2
  260. package/icon-sources/18/internal-logo/health_DC.svg +4 -2
  261. package/icon-sources/18/internal-logo/heroes.svg +4 -2
  262. package/icon-sources/18/internal-logo/interview.svg +4 -2
  263. package/icon-sources/18/internal-logo/invite.svg +4 -2
  264. package/icon-sources/18/internal-logo/journey.svg +4 -2
  265. package/icon-sources/18/internal-logo/l&d.svg +4 -2
  266. package/icon-sources/18/internal-logo/learn.svg +4 -2
  267. package/icon-sources/18/internal-logo/learn_studio.svg +4 -2
  268. package/icon-sources/18/internal-logo/level_up.svg +4 -2
  269. package/icon-sources/18/internal-logo/networks.svg +7 -3
  270. package/icon-sources/18/internal-logo/opportunites.svg +4 -2
  271. package/icon-sources/18/internal-logo/password.svg +4 -2
  272. package/icon-sources/18/internal-logo/planner_DC.svg +10 -2
  273. package/icon-sources/18/internal-logo/plus.svg +4 -2
  274. package/icon-sources/18/internal-logo/presale.svg +4 -2
  275. package/icon-sources/18/internal-logo/projects.svg +4 -2
  276. package/icon-sources/18/internal-logo/pulse.svg +4 -2
  277. package/icon-sources/18/internal-logo/recognition.svg +4 -2
  278. package/icon-sources/18/internal-logo/report_portal.svg +4 -2
  279. package/icon-sources/18/internal-logo/reports.svg +4 -2
  280. package/icon-sources/18/internal-logo/rewards.svg +4 -2
  281. package/icon-sources/18/internal-logo/signature.svg +4 -2
  282. package/icon-sources/18/internal-logo/skillo.svg +4 -2
  283. package/icon-sources/18/internal-logo/smart_locker.svg +4 -2
  284. package/icon-sources/18/internal-logo/staffing.svg +7 -3
  285. package/icon-sources/18/internal-logo/startup_dashboard.svg +4 -2
  286. package/icon-sources/18/internal-logo/support.svg +4 -2
  287. package/icon-sources/18/internal-logo/talk.svg +4 -2
  288. package/icon-sources/18/internal-logo/technology.svg +4 -2
  289. package/icon-sources/18/internal-logo/time.svg +4 -2
  290. package/icon-sources/18/internal-logo/training.by.svg +4 -2
  291. package/icon-sources/18/internal-logo/unified_profile.svg +4 -2
  292. package/icon-sources/18/internal-logo/uuI.svg +4 -2
  293. package/icon-sources/18/internal-logo/vacation.svg +4 -2
  294. package/icon-sources/18/internal-logo/video.svg +4 -2
  295. package/icon-sources/18/internal-logo/we_are_community.svg +7 -3
  296. package/icon-sources/18/link-horizontal.svg +4 -2
  297. package/icon-sources/18/link-horizontal_off.svg +4 -2
  298. package/icon-sources/18/linkedin.svg +4 -2
  299. package/icon-sources/18/medal.svg +7 -3
  300. package/icon-sources/18/media-fullscreen.svg +4 -2
  301. package/icon-sources/18/media-fullscreen_exit.svg +4 -2
  302. package/icon-sources/18/media-pause-fill.svg +4 -2
  303. package/icon-sources/18/media-pause-outline.svg +4 -2
  304. package/icon-sources/18/media-pause.svg +4 -2
  305. package/icon-sources/18/media-play-fill.svg +4 -2
  306. package/icon-sources/18/media-play-outline.svg +4 -2
  307. package/icon-sources/18/media-play.svg +4 -2
  308. package/icon-sources/18/media-play_pause.svg +8 -2
  309. package/icon-sources/18/media-playlist-check.svg +4 -2
  310. package/icon-sources/18/media-playlist-minus.svg +4 -2
  311. package/icon-sources/18/media-playlist-play.svg +7 -2
  312. package/icon-sources/18/media-playlist-plus.svg +4 -2
  313. package/icon-sources/18/media-playlist-remove.svg +4 -2
  314. package/icon-sources/18/media-replay.svg +4 -2
  315. package/icon-sources/18/media-skip_backward.svg +8 -2
  316. package/icon-sources/18/media-skip_forward.svg +8 -2
  317. package/icon-sources/18/media-skip_next.svg +4 -2
  318. package/icon-sources/18/media-skip_previous.svg +4 -2
  319. package/icon-sources/18/media-stop-fill.svg +4 -2
  320. package/icon-sources/18/media-stop-outline.svg +4 -2
  321. package/icon-sources/18/media-stop.svg +4 -2
  322. package/icon-sources/18/microsoft-teams-outline.svg +4 -2
  323. package/icon-sources/18/microsoft-teams.svg +10 -4
  324. package/icon-sources/18/na.svg +9 -4
  325. package/icon-sources/18/navigation-arrow-down.svg +4 -2
  326. package/icon-sources/18/navigation-arrow-left.svg +4 -2
  327. package/icon-sources/18/navigation-arrow-right.svg +4 -2
  328. package/icon-sources/18/navigation-arrow-up.svg +4 -2
  329. package/icon-sources/18/navigation-arrows_collapse.svg +4 -2
  330. package/icon-sources/18/navigation-arrows_expand.svg +4 -2
  331. package/icon-sources/18/navigation-back.svg +4 -2
  332. package/icon-sources/18/navigation-chevron-down.svg +4 -2
  333. package/icon-sources/18/navigation-chevron-down_down.svg +7 -3
  334. package/icon-sources/18/navigation-chevron-left.svg +4 -2
  335. package/icon-sources/18/navigation-chevron-left_left.svg +4 -2
  336. package/icon-sources/18/navigation-chevron-right.svg +4 -2
  337. package/icon-sources/18/navigation-chevron-right_right.svg +4 -2
  338. package/icon-sources/18/navigation-chevron-up.svg +4 -2
  339. package/icon-sources/18/navigation-chevron-up_up.svg +7 -3
  340. package/icon-sources/18/navigation-close.svg +4 -2
  341. package/icon-sources/18/navigation-close_bold.svg +4 -2
  342. package/icon-sources/18/navigation-dependency.svg +4 -2
  343. package/icon-sources/18/navigation-first.svg +4 -2
  344. package/icon-sources/18/navigation-hide.svg +4 -2
  345. package/icon-sources/18/navigation-last.svg +4 -2
  346. package/icon-sources/18/navigation-login.svg +4 -2
  347. package/icon-sources/18/navigation-logout.svg +7 -3
  348. package/icon-sources/18/navigation-menu.svg +4 -2
  349. package/icon-sources/18/navigation-more_horiz.svg +4 -2
  350. package/icon-sources/18/navigation-more_vert.svg +4 -2
  351. package/icon-sources/18/navigation-refresh.svg +4 -2
  352. package/icon-sources/18/navigation-show.svg +4 -2
  353. package/icon-sources/18/navigation-structure.svg +4 -2
  354. package/icon-sources/18/navigation-structure_alt.svg +4 -2
  355. package/icon-sources/18/navigation-today.svg +4 -2
  356. package/icon-sources/18/navigation-unfold-less.svg +5 -3
  357. package/icon-sources/18/navigation-unfold-more.svg +4 -2
  358. package/icon-sources/18/none.svg +4 -2
  359. package/icon-sources/18/notification-check-fill.svg +4 -2
  360. package/icon-sources/18/notification-check-outline.svg +4 -2
  361. package/icon-sources/18/notification-done.svg +4 -2
  362. package/icon-sources/18/notification-done_bold.svg +5 -0
  363. package/icon-sources/18/notification-error-fill.svg +4 -2
  364. package/icon-sources/18/notification-error-outline.svg +4 -2
  365. package/icon-sources/18/notification-help-fill.svg +4 -2
  366. package/icon-sources/18/notification-help-outline.svg +4 -2
  367. package/icon-sources/18/notification-info-fill.svg +4 -2
  368. package/icon-sources/18/notification-info-outline.svg +4 -2
  369. package/icon-sources/18/notification-warning-fill.svg +4 -2
  370. package/icon-sources/18/notification-warning-outline.svg +4 -2
  371. package/icon-sources/18/open-status.svg +4 -2
  372. package/icon-sources/18/optional-skills.svg +9 -3
  373. package/icon-sources/18/page.svg +4 -2
  374. package/icon-sources/18/palette.svg +4 -2
  375. package/icon-sources/18/people.svg +9 -3
  376. package/icon-sources/18/radar.svg +4 -2
  377. package/icon-sources/18/ready to2.svg +7 -3
  378. package/icon-sources/18/ready-to.svg +4 -2
  379. package/icon-sources/18/save-outline.svg +4 -2
  380. package/icon-sources/18/save.svg +4 -2
  381. package/icon-sources/18/social-group.svg +4 -2
  382. package/icon-sources/18/social-hot.svg +4 -2
  383. package/icon-sources/18/social-hot_off.svg +7 -3
  384. package/icon-sources/18/social-network-facebook.svg +4 -2
  385. package/icon-sources/18/social-network-github.svg +4 -2
  386. package/icon-sources/18/social-network-instagram.svg +4 -2
  387. package/icon-sources/18/social-network-linkedin.svg +4 -2
  388. package/icon-sources/18/social-network-pinterest.svg +4 -2
  389. package/icon-sources/18/social-network-telegram.svg +4 -2
  390. package/icon-sources/18/social-network-twitter.svg +4 -2
  391. package/icon-sources/18/social-network-yammer.svg +4 -2
  392. package/icon-sources/18/social-network-youtube.svg +4 -2
  393. package/icon-sources/18/social-person.svg +4 -2
  394. package/icon-sources/18/social-reply.svg +4 -2
  395. package/icon-sources/18/social-share.svg +4 -2
  396. package/icon-sources/18/social-thumb-down.svg +4 -2
  397. package/icon-sources/18/social-thumb-up.svg +4 -2
  398. package/icon-sources/18/space.svg +4 -2
  399. package/icon-sources/18/synchronization.svg +7 -3
  400. package/icon-sources/18/synchronization_off.svg +9 -9
  401. package/icon-sources/18/table-column.svg +4 -2
  402. package/icon-sources/18/table-column_plus_after.svg +4 -2
  403. package/icon-sources/18/table-column_plus_before.svg +4 -2
  404. package/icon-sources/18/table-column_remove.svg +4 -2
  405. package/icon-sources/18/table-columns.svg +4 -2
  406. package/icon-sources/18/table-group_by.svg +12 -3
  407. package/icon-sources/18/table-group_by_2.svg +12 -2
  408. package/icon-sources/18/table-row.svg +4 -2
  409. package/icon-sources/18/table-row_plus_after.svg +4 -2
  410. package/icon-sources/18/table-row_plus_before.svg +4 -2
  411. package/icon-sources/18/table-row_remove.svg +4 -2
  412. package/icon-sources/18/table-sort_asc.svg +4 -2
  413. package/icon-sources/18/table-sort_desc.svg +4 -2
  414. package/icon-sources/18/table-swap.svg +7 -2
  415. package/icon-sources/18/table-table.svg +4 -2
  416. package/icon-sources/18/table-table_edit.svg +4 -2
  417. package/icon-sources/18/table-table_plus.svg +4 -2
  418. package/icon-sources/18/table-table_remove.svg +4 -2
  419. package/icon-sources/18/table-table_search.svg +4 -2
  420. package/icon-sources/18/text-format.svg +4 -2
  421. package/icon-sources/18/text.svg +4 -2
  422. package/icon-sources/18/view-table.svg +4 -2
  423. package/icon-sources/24/action-add-bold.svg +1 -1
  424. package/icon-sources/24/action-add.svg +1 -1
  425. package/icon-sources/24/action-delete forever-outline.svg +4 -0
  426. package/icon-sources/24/action-delete forever.svg +1 -2
  427. package/icon-sources/24/action-eye-off-outline.svg +4 -0
  428. package/icon-sources/24/action-eye-off.svg +1 -2
  429. package/icon-sources/24/action-eye-outline.svg +4 -0
  430. package/icon-sources/24/action-eye.svg +2 -2
  431. package/icon-sources/24/action-job_function-outline.svg +3 -0
  432. package/icon-sources/24/action-job_function.svg +1 -1
  433. package/icon-sources/24/action-lock_open_alt-outline.svg +3 -0
  434. package/icon-sources/24/action-lock_open_alt.svg +1 -1
  435. package/icon-sources/24/action-schedule-outline.svg +3 -0
  436. package/icon-sources/24/action-schedule.svg +1 -1
  437. package/icon-sources/24/action-search-fill.svg +4 -0
  438. package/icon-sources/24/communication-chat-outline.svg +3 -0
  439. package/icon-sources/24/communication-chat.svg +1 -1
  440. package/icon-sources/24/communication-mail-outline.svg +3 -0
  441. package/icon-sources/24/communication-mail.svg +1 -1
  442. package/icon-sources/24/flag-outline.svg +3 -0
  443. package/icon-sources/24/flag.svg +1 -1
  444. package/icon-sources/24/internal-logo/datahub.svg +1 -1
  445. package/icon-sources/24/internal-logo/startup_dashboard.svg +1 -1
  446. package/icon-sources/24/internal-logo/technology.svg +1 -1
  447. package/icon-sources/24/notification-done.svg +1 -1
  448. package/icon-sources/24/notification-done_bold.svg +3 -0
  449. package/icon-sources/36/action-add-bold.svg +2 -2
  450. package/icon-sources/36/action-add.svg +2 -2
  451. package/icon-sources/36/action-delete forever-ouline.svg +4 -0
  452. package/icon-sources/36/action-delete forever.svg +1 -2
  453. package/icon-sources/36/action-eye-off-outline.svg +4 -0
  454. package/icon-sources/36/action-eye-off.svg +1 -2
  455. package/icon-sources/36/action-eye-outline.svg +4 -0
  456. package/icon-sources/36/action-eye.svg +2 -2
  457. package/icon-sources/36/action-job_function-outline.svg +3 -0
  458. package/icon-sources/36/action-job_function.svg +1 -1
  459. package/icon-sources/36/action-lock_open_alt-outline.svg +3 -0
  460. package/icon-sources/36/action-lock_open_alt.svg +1 -1
  461. package/icon-sources/36/action-schedule-outline.svg +3 -0
  462. package/icon-sources/36/action-schedule.svg +1 -1
  463. package/icon-sources/36/action-search_fill.svg +4 -0
  464. package/icon-sources/36/communication-chat-outline.svg +3 -0
  465. package/icon-sources/36/communication-chat.svg +1 -1
  466. package/icon-sources/36/communication-mail-outline.svg +3 -0
  467. package/icon-sources/36/communication-mail.svg +1 -1
  468. package/icon-sources/36/flag-outline.svg +3 -0
  469. package/icon-sources/36/flag.svg +1 -1
  470. package/icon-sources/36/folder-outline.svg +4 -0
  471. package/icon-sources/36/folder.svg +2 -2
  472. package/icon-sources/36/notification-done.svg +1 -1
  473. package/icon-sources/36/notification-done_bold.svg +3 -0
  474. package/icons/common/Behance-18.svg +1 -1
  475. package/icons/common/Dribble-18.svg +1 -1
  476. package/icons/common/Flickr-18.svg +1 -1
  477. package/icons/common/Stack_overflow-18.svg +1 -1
  478. package/icons/common/action-add-12.svg +1 -1
  479. package/icons/common/action-add-18.svg +1 -1
  480. package/icons/common/action-add-24.svg +1 -1
  481. package/icons/common/action-add-36.svg +1 -1
  482. package/icons/common/action-add-bold-12.svg +1 -1
  483. package/icons/common/action-add-bold-18.svg +1 -1
  484. package/icons/common/action-add-bold-24.svg +1 -1
  485. package/icons/common/action-add-bold-36.svg +1 -1
  486. package/icons/common/action-calendar-18.svg +1 -1
  487. package/icons/common/action-deleteforever-12.svg +1 -1
  488. package/icons/common/action-deleteforever-18.svg +1 -1
  489. package/icons/common/action-deleteforever-24.svg +1 -1
  490. package/icons/common/action-deleteforever-36.svg +1 -1
  491. package/icons/common/action-deleteforever-ouline-36.svg +1 -0
  492. package/icons/common/action-deleteforever-outline-12.svg +1 -0
  493. package/icons/common/action-deleteforever-outline-18.svg +1 -0
  494. package/icons/common/action-deleteforever-outline-24.svg +1 -0
  495. package/icons/common/action-external_link-18.svg +1 -1
  496. package/icons/common/action-eye-12.svg +1 -1
  497. package/icons/common/action-eye-18.svg +1 -1
  498. package/icons/common/action-eye-24.svg +1 -1
  499. package/icons/common/action-eye-36.svg +1 -1
  500. package/icons/common/action-eye-off-12.svg +1 -1
  501. package/icons/common/action-eye-off-18.svg +1 -1
  502. package/icons/common/action-eye-off-24.svg +1 -1
  503. package/icons/common/action-eye-off-36.svg +1 -1
  504. package/icons/common/action-eye-off-outline-12.svg +1 -0
  505. package/icons/common/action-eye-off-outline-18.svg +1 -0
  506. package/icons/common/action-eye-off-outline-24.svg +1 -0
  507. package/icons/common/action-eye-off-outline-36.svg +1 -0
  508. package/icons/common/action-eye-outline-12.svg +1 -0
  509. package/icons/common/action-eye-outline-18.svg +1 -0
  510. package/icons/common/action-eye-outline-24.svg +1 -0
  511. package/icons/common/action-eye-outline-36.svg +1 -0
  512. package/icons/common/action-history-18.svg +1 -1
  513. package/icons/common/action-job_function-12.svg +1 -1
  514. package/icons/common/action-job_function-18.svg +1 -1
  515. package/icons/common/action-job_function-24.svg +1 -1
  516. package/icons/common/action-job_function-36.svg +1 -1
  517. package/icons/common/action-job_function-outline-12.svg +1 -0
  518. package/icons/common/action-job_function-outline-18.svg +1 -0
  519. package/icons/common/action-job_function-outline-24.svg +1 -0
  520. package/icons/common/action-job_function-outline-36.svg +1 -0
  521. package/icons/common/action-language-18.svg +1 -1
  522. package/icons/common/action-level-18.svg +1 -1
  523. package/icons/common/action-lock_open-outline-18.svg +1 -1
  524. package/icons/common/action-lock_open_alt-12.svg +1 -1
  525. package/icons/common/action-lock_open_alt-18.svg +1 -1
  526. package/icons/common/action-lock_open_alt-24.svg +1 -1
  527. package/icons/common/action-lock_open_alt-36.svg +1 -1
  528. package/icons/common/action-lock_open_alt-outline-12.svg +1 -0
  529. package/icons/common/action-lock_open_alt-outline-18.svg +1 -0
  530. package/icons/common/action-lock_open_alt-outline-24.svg +1 -0
  531. package/icons/common/action-lock_open_alt-outline-36.svg +1 -0
  532. package/icons/common/action-map_pin-outline-18.svg +1 -1
  533. package/icons/common/action-move_to-18.svg +1 -1
  534. package/icons/common/action-pin_off-18.svg +1 -1
  535. package/icons/common/action-schedule-12.svg +1 -1
  536. package/icons/common/action-schedule-18.svg +1 -1
  537. package/icons/common/action-schedule-24.svg +1 -1
  538. package/icons/common/action-schedule-36.svg +1 -1
  539. package/icons/common/action-schedule-outline-12.svg +1 -0
  540. package/icons/common/action-schedule-outline-18.svg +1 -0
  541. package/icons/common/action-schedule-outline-24.svg +1 -0
  542. package/icons/common/action-schedule-outline-36.svg +1 -0
  543. package/icons/common/action-search-fill-12.svg +1 -0
  544. package/icons/common/action-search-fill-18.svg +1 -0
  545. package/icons/common/action-search-fill-24.svg +1 -0
  546. package/icons/common/action-search_fill-36.svg +1 -0
  547. package/icons/common/action-settings-18.svg +1 -1
  548. package/icons/common/action-snapshot-18.svg +1 -1
  549. package/icons/common/add-above-18.svg +1 -1
  550. package/icons/common/add-below-18.svg +1 -1
  551. package/icons/common/add_page-18.svg +1 -1
  552. package/icons/common/add_space-18.svg +1 -1
  553. package/icons/common/bell-18.svg +1 -1
  554. package/icons/common/bell-off-18.svg +1 -1
  555. package/icons/common/bell-off-outline-18.svg +1 -1
  556. package/icons/common/bell-outline-18.svg +1 -1
  557. package/icons/common/communication-chat-12.svg +1 -1
  558. package/icons/common/communication-chat-18.svg +1 -1
  559. package/icons/common/communication-chat-24.svg +1 -1
  560. package/icons/common/communication-chat-36.svg +1 -1
  561. package/icons/common/communication-chat-outline-12.svg +1 -0
  562. package/icons/common/communication-chat-outline-18.svg +1 -0
  563. package/icons/common/communication-chat-outline-24.svg +1 -0
  564. package/icons/common/communication-chat-outline-36.svg +1 -0
  565. package/icons/common/communication-mail-12.svg +1 -1
  566. package/icons/common/communication-mail-18.svg +1 -1
  567. package/icons/common/communication-mail-24.svg +1 -1
  568. package/icons/common/communication-mail-36.svg +1 -1
  569. package/icons/common/communication-mail-outline-12.svg +1 -0
  570. package/icons/common/communication-mail-outline-18.svg +1 -0
  571. package/icons/common/communication-mail-outline-24.svg +1 -0
  572. package/icons/common/communication-mail-outline-36.svg +1 -0
  573. package/icons/common/communication-phone-18.svg +1 -1
  574. package/icons/common/communication-phone_mobile-18.svg +1 -1
  575. package/icons/common/communication-telescope-18.svg +1 -1
  576. package/icons/common/consent-18.svg +1 -1
  577. package/icons/common/content-code_check-18.svg +1 -1
  578. package/icons/common/content-link-18.svg +1 -1
  579. package/icons/common/content-link-opt-18.2 +1 -1
  580. package/icons/common/content-link_off-18.svg +1 -1
  581. package/icons/common/content-link_off-opt-18.2 +1 -1
  582. package/icons/common/database-lock-18.svg +1 -1
  583. package/icons/common/devices-18.svg +1 -1
  584. package/icons/common/editor-breakline-18.svg +1 -1
  585. package/icons/common/editor-chart-tree-18.svg +1 -1
  586. package/icons/common/editor-format_subscript-18.svg +1 -1
  587. package/icons/common/file-download-alternative-18.svg +1 -1
  588. package/icons/common/file-export-18.svg +1 -1
  589. package/icons/common/file-file-18.svg +1 -1
  590. package/icons/common/file-file_archive-12.svg +1 -1
  591. package/icons/common/file-file_eml-18.svg +1 -1
  592. package/icons/common/file-file_video-18.svg +1 -1
  593. package/icons/common/file-import-18.svg +1 -1
  594. package/icons/common/flag-12.svg +1 -1
  595. package/icons/common/flag-18.svg +1 -1
  596. package/icons/common/flag-24.svg +1 -1
  597. package/icons/common/flag-36.svg +1 -1
  598. package/icons/common/flag-outline-12.svg +1 -0
  599. package/icons/common/flag-outline-18.svg +1 -0
  600. package/icons/common/flag-outline-24.svg +1 -0
  601. package/icons/common/flag-outline-36.svg +1 -0
  602. package/icons/common/folder-18.svg +1 -1
  603. package/icons/common/folder-36.svg +1 -1
  604. package/icons/common/folder-outline-36.svg +1 -0
  605. package/icons/common/format_paint-18.svg +1 -1
  606. package/icons/common/grow-18.svg +1 -1
  607. package/icons/common/in_progress-status-18.svg +1 -1
  608. package/icons/common/interest-18.svg +1 -1
  609. package/icons/common/internal-logo-VCMs-18.svg +1 -1
  610. package/icons/common/internal-logo-adaptation-18.svg +1 -1
  611. package/icons/common/internal-logo-anywhere-18.svg +1 -1
  612. package/icons/common/internal-logo-assessment-18.svg +1 -1
  613. package/icons/common/internal-logo-autoint-18.svg +1 -1
  614. package/icons/common/internal-logo-booking-18.svg +1 -1
  615. package/icons/common/internal-logo-competency-18.svg +1 -1
  616. package/icons/common/internal-logo-crm-18.svg +1 -1
  617. package/icons/common/internal-logo-datahub-12.svg +1 -1
  618. package/icons/common/internal-logo-datahub-18.svg +1 -1
  619. package/icons/common/internal-logo-datahub-24.svg +1 -1
  620. package/icons/common/internal-logo-delivery-18.svg +1 -1
  621. package/icons/common/internal-logo-documents-18.svg +1 -1
  622. package/icons/common/internal-logo-employment_verification_letter-18.svg +1 -1
  623. package/icons/common/internal-logo-examinator-18.svg +1 -1
  624. package/icons/common/internal-logo-experts-18.svg +1 -1
  625. package/icons/common/internal-logo-interview-18.svg +1 -1
  626. package/icons/common/internal-logo-invite-18.svg +1 -1
  627. package/icons/common/internal-logo-journey-18.svg +1 -1
  628. package/icons/common/internal-logo-networks-18.svg +1 -1
  629. package/icons/common/internal-logo-password-18.svg +1 -1
  630. package/icons/common/internal-logo-planner_DC-18.svg +1 -1
  631. package/icons/common/internal-logo-presale-18.svg +1 -1
  632. package/icons/common/internal-logo-pulse-18.svg +1 -1
  633. package/icons/common/internal-logo-recognition-18.svg +1 -1
  634. package/icons/common/internal-logo-reports-18.svg +1 -1
  635. package/icons/common/internal-logo-rewards-18.svg +1 -1
  636. package/icons/common/internal-logo-signature-18.svg +1 -1
  637. package/icons/common/internal-logo-skillo-18.svg +1 -1
  638. package/icons/common/internal-logo-staffing-18.svg +1 -1
  639. package/icons/common/internal-logo-startup_dashboard-12.svg +1 -1
  640. package/icons/common/internal-logo-startup_dashboard-18.svg +1 -1
  641. package/icons/common/internal-logo-startup_dashboard-24.svg +1 -1
  642. package/icons/common/internal-logo-technology-12.svg +1 -1
  643. package/icons/common/internal-logo-technology-18.svg +1 -1
  644. package/icons/common/internal-logo-technology-24.svg +1 -1
  645. package/icons/common/internal-logo-we_are_community-18.svg +1 -1
  646. package/icons/common/link-horizontal-18.svg +1 -1
  647. package/icons/common/link-horizontal_off-18.svg +1 -1
  648. package/icons/common/linkedin-18.svg +1 -1
  649. package/icons/common/medal-18.svg +1 -1
  650. package/icons/common/media-play_pause-18.svg +1 -1
  651. package/icons/common/media-playlist-play-18.svg +1 -1
  652. package/icons/common/media-replay-18.svg +1 -1
  653. package/icons/common/media-skip_backward-18.svg +1 -1
  654. package/icons/common/media-skip_forward-18.svg +1 -1
  655. package/icons/common/microsoft-teams-18.svg +1 -1
  656. package/icons/common/microsoft-teams-outline-18.svg +1 -1
  657. package/icons/common/na-18.svg +1 -1
  658. package/icons/common/navigation-chevron-down_down-18.svg +1 -1
  659. package/icons/common/navigation-chevron-up_up-18.svg +1 -1
  660. package/icons/common/navigation-login-18.svg +1 -1
  661. package/icons/common/navigation-logout-18.svg +1 -1
  662. package/icons/common/navigation-unfold-less-18.svg +1 -1
  663. package/icons/common/notification-done-12.svg +1 -1
  664. package/icons/common/notification-done-18.svg +1 -1
  665. package/icons/common/notification-done-24.svg +1 -1
  666. package/icons/common/notification-done-36.svg +1 -1
  667. package/icons/common/notification-done_bold-12.svg +1 -0
  668. package/icons/common/notification-done_bold-18.svg +1 -0
  669. package/icons/common/notification-done_bold-24.svg +1 -0
  670. package/icons/common/notification-done_bold-36.svg +1 -0
  671. package/icons/common/notification-help-fill-18.svg +1 -1
  672. package/icons/common/notification-help-outline-18.svg +1 -1
  673. package/icons/common/optional-skills-18.svg +1 -1
  674. package/icons/common/page-18.svg +1 -1
  675. package/icons/common/palette-18.svg +1 -1
  676. package/icons/common/people-18.svg +1 -1
  677. package/icons/common/ready-to-18.svg +1 -1
  678. package/icons/common/readyto2-18.svg +1 -1
  679. package/icons/common/save-18.svg +1 -1
  680. package/icons/common/social-hot_off-18.svg +1 -1
  681. package/icons/common/social-network-telegram-18.svg +1 -1
  682. package/icons/common/social-thumb-up-18.svg +1 -1
  683. package/icons/common/space-18.svg +1 -1
  684. package/icons/common/synchronization-18.svg +1 -1
  685. package/icons/common/synchronization_off-18.svg +1 -1
  686. package/icons/common/table-group_by-18.svg +1 -1
  687. package/icons/common/table-group_by_2-18.svg +1 -1
  688. package/icons/common/table-swap-18.svg +1 -1
  689. package/icons/common/view-table-18.svg +1 -1
  690. package/package.json +2 -2
  691. package/theme/theme_electric.scss +147 -24
  692. package/theme/theme_loveship.scss +78 -66
  693. package/theme/theme_loveship_dark.scss +70 -56
  694. package/theme/theme_promo.scss +79 -70
  695. package/theme/theme_vanilla_thunder.scss +17 -1
package/css/theme/theme_promo.css CHANGED
@@ -522,27 +522,18 @@
522
522
  .uui-theme-promo .uui-flex-row.uui-color-gray5{
523
523
  --uui-flex-row-bg:var(--gray5);
524
524
  }
525
- .uui-theme-promo .uui-panel{
526
- --uui-panel-bg:transparent;
527
- }
528
525
  .uui-theme-promo .uui-panel.uui-color-white{
529
526
  --uui-panel-bg:var(--white);
530
527
  }
531
528
  .uui-theme-promo .uui-panel.uui-color-gray90{
532
529
  --uui-panel-bg:var(--gray90);
533
530
  }
534
- .uui-theme-promo .uui-tag{
535
- --uui-tag-border-radius:0;
536
- }
537
- .uui-theme-promo .uui-tag.uui-color-white{
538
- --uui-tag-bg:var(--uui-neutral-0);
531
+ .uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid{
539
532
  --uui-tag-bg-hover:var(--uui-neutral-10);
540
- --uui-tag-border:var(--uui-neutral-0);
541
533
  --uui-tag-border-hover:var(--uui-neutral-10);
542
- --uui-tag-caption:var(--uui-text-primary);
543
534
  --uui-tag-fill:var(--uui-neutral-60);
544
535
  }
545
- .uui-theme-promo .uui-tag.uui-color-white .uui-count_indicator{
536
+ .uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator{
546
537
  --uui-count_indicator-bg:var(--uui-neutral-30);
547
538
  --uui-count_indicator-border:var(--uui-neutral-30);
548
539
  --uui-count_indicator-caption:var(--uui-neutral-70);
@@ -552,15 +543,15 @@
552
543
  --uui-tag-border:var(--uui-neutral-30);
553
544
  --uui-tag-border-hover:var(--uui-neutral-30);
554
545
  }
555
- .uui-theme-promo .uui-tag.uui-color-gray10{
556
- --uui-tag-bg:var(--uui-neutral-10);
557
- --uui-tag-bg-hover:var(--uui-neutral-20);
558
- --uui-tag-border:var(--uui-neutral-10);
546
+ .uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator{
547
+ --uui-count_indicator-bg:var(--uui-neutral-30);
548
+ --uui-count_indicator-border:var(--uui-neutral-30);
549
+ }
550
+ .uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid{
559
551
  --uui-tag-border-hover:var(--uui-neutral-20);
560
- --uui-tag-caption:var(--uui-text-primary);
561
552
  --uui-tag-fill:var(--uui-neutral-60);
562
553
  }
563
- .uui-theme-promo .uui-tag.uui-color-gray10 .uui-count_indicator{
554
+ .uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid .uui-count_indicator{
564
555
  --uui-count_indicator-bg:var(--uui-neutral-30);
565
556
  --uui-count_indicator-border:var(--uui-neutral-30);
566
557
  --uui-count_indicator-caption:var(--uui-neutral-70);
@@ -569,15 +560,45 @@
569
560
  --uui-tag-bg:var(--uui-neutral-5);
570
561
  --uui-tag-bg-hover:var(--uui-neutral-10);
571
562
  --uui-tag-border:var(--uui-neutral-30);
563
+ --uui-tag-border-hover:var(--uui-neutral-30);
564
+ }
565
+ .uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline .uui-count_indicator{
566
+ --uui-count_indicator-bg:var(--uui-neutral-30);
567
+ --uui-count_indicator-border:var(--uui-neutral-30);
568
+ }
569
+ .uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid{
570
+ --uui-tag-bg:var(--uui-neutral-30);
571
+ --uui-tag-bg-hover:var(--uui-neutral-40);
572
+ --uui-tag-border:var(--uui-neutral-30);
573
+ --uui-tag-border-hover:var(--uui-neutral-40);
574
+ --uui-tag-caption:var(--uui-text-primary);
575
+ --uui-tag-fill:var(--uui-neutral-60);
576
+ }
577
+ .uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid .uui-count_indicator{
578
+ --uui-count_indicator-bg:var(--uui-neutral-0);
579
+ --uui-count_indicator-border:var(--uui-neutral-0);
580
+ }
581
+ .uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline{
582
+ --uui-tag-bg:var(--uui-neutral-20);
583
+ --uui-tag-bg-hover:var(--uui-neutral-30);
584
+ --uui-tag-border:var(--uui-neutral-40);
585
+ --uui-tag-border-hover:var(--uui-neutral-40);
572
586
  }
573
- .uui-theme-promo .uui-tag.uui-color-gray70{
587
+ .uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator{
588
+ --uui-count_indicator-bg:var(--uui-neutral-30);
589
+ --uui-count_indicator-border:var(--uui-neutral-30);
590
+ }
591
+ .uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid{
592
+ --uui-tag-caption:var(--uui-neutral-0);
593
+ --uui-tag-fill:var(--uui-neutral-0);
574
594
  --uui-tag-bg:var(--uui-neutral-70);
575
595
  --uui-tag-border:var(--uui-neutral-70);
576
596
  --uui-tag-bg-hover:var(--uui-neutral-80);
577
597
  --uui-tag-border-hover:var(--uui-neutral-80);
578
598
  }
579
- .uui-theme-promo .uui-tag.uui-color-gray70 .uui-count_indicator{
599
+ .uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid .uui-count_indicator{
580
600
  --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);
601
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);
581
602
  --uui-count_indicator-caption:var(--uui-neutral-0);
582
603
  }
583
604
  .uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline{
@@ -586,15 +607,11 @@
586
607
  --uui-tag-border:var(--uui-neutral-50);
587
608
  --uui-tag-border-hover:var(--uui-neutral-50);
588
609
  }
589
- .uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline .uui-count_indicator{
590
- --uui-count_indicator-border:var(--uui-neutral-40);
591
- --uui-count_indicator-caption:var(--uui-neutral-70);
592
- }
593
- .uui-theme-promo .uui-tag.uui-color-warning, .uui-theme-promo .uui-tag.uui-color-amber{
610
+ .uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid{
594
611
  --uui-tag-caption:var(--uui-text-primary);
595
612
  --uui-tag-fill:var(--uui-neutral-90);
596
613
  }
597
- .uui-theme-promo .uui-tag.uui-color-warning .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber .uui-count_indicator{
614
+ .uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid .uui-count_indicator{
598
615
  --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);
599
616
  --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);
600
617
  }
@@ -602,28 +619,6 @@
602
619
  --uui-count_indicator-bg:var(--uui-neutral-0);
603
620
  --uui-count_indicator-border:var(--uui-neutral-40);
604
621
  }
605
- .uui-theme-promo .uui-tag.uui-color-neutral, .uui-theme-promo .uui-tag.uui-color-gray30{
606
- --uui-tag-bg:var(--uui-neutral-30);
607
- --uui-tag-bg-hover:var(--uui-neutral-40);
608
- --uui-tag-border:var(--uui-neutral-30);
609
- --uui-tag-border-hover:var(--uui-neutral-40);
610
- --uui-tag-caption:var(--uui-text-primary);
611
- --uui-tag-fill:var(--uui-neutral-60);
612
- }
613
- .uui-theme-promo .uui-tag.uui-color-neutral .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30 .uui-count_indicator{
614
- --uui-count_indicator-bg:var(--uui-neutral-0);
615
- --uui-count_indicator-border:var(--uui-neutral-0);
616
- }
617
- .uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline{
618
- --uui-tag-bg:var(--uui-neutral-20);
619
- --uui-tag-bg-hover:var(--uui-neutral-30);
620
- --uui-tag-border:var(--uui-neutral-40);
621
- --uui-tag-border-hover:var(--uui-neutral-40);
622
- }
623
- .uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator{
624
- --uui-count_indicator-bg:var(--uui-neutral-30);
625
- --uui-count_indicator-border:var(--uui-neutral-30);
626
- }
627
622
  .uui-theme-promo .uui-dropdown-body{
628
623
  --uui-dropdown_container-border-radius:0;
629
624
  }
package/css/theme/theme_promo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n // theme specific fonts\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n\n --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-40);\n\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n --uui-border-radius: 0;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-green {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n }\n\n .uui-color-primary,\n .uui-color-blue {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n }\n\n .uui-color-secondary,\n .uui-color-neutral,\n .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-critical,\n .uui-color-red {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n }\n\n .uui-color-warning,\n .uui-color-amber {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-link_button.uui-color-contrast,\n .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-button.uui-color-gray50,\n .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--gray80);\n }\n\n /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray10 {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n .uui-button {\n &.uui-size-42, &.uui-size-48 {\n .uui-caption {\n font-family: var(--font-museo-sans);\n }\n }\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n }\n\n /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .uui-panel {\n --uui-panel-bg: transparent;\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n }\n\n /* Tag */\n\n .uui-tag {\n --uui-tag-border-radius: 0;\n\n &.uui-color-white {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n }\n }\n\n &.uui-color-gray10 {\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-color-gray70 {\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n .uui-count_indicator {\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n &.uui-color-warning, &.uui-color-amber {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n }\n\n &.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n\n &.uui-color-neutral, &.uui-color-gray30 {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n }\n\n .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n }\n\n .uui-link_button {\n &.uui-size-42, &.uui-size-48 {\n :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n }\n }\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n }\n\n .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n }\n\n /* Typography */\n\n .uui-typography {\n h1, h2, h3 {\n font-family: var(--font-museo-sans);\n }\n\n h1 {\n font-size: 36px;\n }\n\n .hero-header {\n font-family: var(--font-museo-slab);\n }\n\n .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n}\n\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n // theme specific fonts\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n\n --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-40);\n\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n --uui-border-radius: 0;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-green {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n }\n\n .uui-color-primary,\n .uui-color-blue {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n }\n\n .uui-color-secondary,\n .uui-color-neutral,\n .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-critical,\n .uui-color-red {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n }\n\n .uui-color-warning,\n .uui-color-amber {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-link_button.uui-color-contrast,\n .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-button.uui-color-gray50,\n .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--gray80);\n }\n\n /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray10 {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n .uui-button {\n &.uui-size-42, &.uui-size-48 {\n .uui-caption {\n font-family: var(--font-museo-sans);\n }\n }\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n }\n\n /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .uui-panel {\n --uui-panel-bg: transparent;\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n }\n\n /* Tag */\n\n .uui-tag {\n --uui-tag-border-radius: 0;\n\n &.uui-color-white {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n }\n }\n\n &.uui-color-gray10 {\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-color-gray70 {\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n .uui-count_indicator {\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n &.uui-color-warning, &.uui-color-amber {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n }\n\n &.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n\n &.uui-color-neutral, &.uui-color-gray30 {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n }\n\n .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n }\n\n .uui-link_button {\n &.uui-size-42, &.uui-size-48 {\n :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n }\n }\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n }\n\n .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n }\n\n /* Typography */\n\n .uui-typography {\n h1, h2, h3 {\n font-family: var(--font-museo-sans);\n }\n\n h1 {\n font-size: 36px;\n }\n\n .hero-header {\n font-family: var(--font-museo-slab);\n }\n\n .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n}\n\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-promo {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --font-museo-slab: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n --white: #FFFFFF;\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n /* core variables start */\n /* brand colors */\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n /* semantic colors */\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: #000000;\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n --uui-border-radius: 0;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Badge */\n /* Button */\n /* IconButton */\n /* TooltipContainer */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-promo .uui-color-accent,\n.uui-theme-promo .uui-color-green {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-promo .uui-color-primary,\n.uui-theme-promo .uui-color-blue {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-promo .uui-color-secondary,\n.uui-theme-promo .uui-color-neutral,\n.uui-theme-promo .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-promo .uui-color-critical,\n.uui-theme-promo .uui-color-red {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-promo .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-promo .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-promo .uui-color-warning,\n.uui-theme-promo .uui-color-amber {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-promo .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-promo .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-link_button.uui-color-contrast,\n.uui-theme-promo .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-button.uui-color-gray50,\n.uui-theme-promo .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral,\n.uui-theme-promo .uui-badge.uui-color-gray30 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10 {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-promo .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-button.uui-size-42 .uui-caption, .uui-theme-promo .uui-button.uui-size-48 .uui-caption {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-icon_button.uui-color-neutral,\n.uui-theme-promo .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-white,\n.uui-theme-promo .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red,\n.uui-theme-promo .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray,\n.uui-theme-promo .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n}\n.uui-theme-promo .uui-count_indicator.uui-color-gray,\n.uui-theme-promo .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .uui-panel {\n --uui-panel-bg: transparent;\n}\n.uui-theme-promo .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-promo .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n}\n.uui-theme-promo .uui-tag {\n --uui-tag-border-radius: 0;\n}\n.uui-theme-promo .uui-tag.uui-color-white {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-white .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10 {\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10 .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70 {\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70 .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-warning, .uui-theme-promo .uui-tag.uui-color-amber {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-promo .uui-tag.uui-color-warning .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral, .uui-theme-promo .uui-tag.uui-color-gray30 {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30 .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n}\n.uui-theme-promo .uui-link_button.uui-size-42 :global(.uui-caption), .uui-theme-promo .uui-link_button.uui-size-48 :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n}\n.uui-theme-promo .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-promo .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-promo .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n}\n.uui-theme-promo .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-typography h1, .uui-theme-promo .uui-typography h2, .uui-theme-promo .uui-typography h3 {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-typography h1 {\n font-size: 36px;\n}\n.uui-theme-promo .uui-typography .hero-header {\n font-family: var(--font-museo-slab);\n}\n.uui-theme-promo .uui-typography .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n}"]}
1
+ {"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n // theme specific fonts\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n\n --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-40);\n\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n --uui-border-radius: 0;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-green {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n }\n\n .uui-color-primary,\n .uui-color-blue {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n }\n\n .uui-color-secondary,\n .uui-color-neutral,\n .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-critical,\n .uui-color-red {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n }\n\n .uui-color-warning,\n .uui-color-amber {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-link_button.uui-color-contrast,\n .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-button.uui-color-gray50,\n .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--gray80);\n }\n\n /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray10 {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n .uui-button {\n &.uui-size-42, &.uui-size-48 {\n .uui-caption {\n font-family: var(--font-museo-sans);\n }\n }\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n }\n\n /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n }\n\n /* Tag */\n\n .uui-tag {\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray10 {\n &.uui-fill-solid {\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-gray30 {\n &.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray70 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n }\n }\n\n &.uui-color-warning,\n &.uui-color-amber {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n }\n }\n\n &.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n }\n\n .uui-link_button {\n &.uui-size-42, &.uui-size-48 {\n :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n }\n }\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n }\n\n .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n }\n\n /* Typography */\n\n .uui-typography {\n h1, h2, h3 {\n font-family: var(--font-museo-sans);\n }\n\n h1 {\n font-size: 36px;\n }\n\n .hero-header {\n font-family: var(--font-museo-slab);\n }\n\n .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n}\n\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n // theme specific fonts\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n\n --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-40);\n\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n --uui-border-radius: 0;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\n .uui-color-green {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n }\n\n .uui-color-primary,\n .uui-color-blue {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n }\n\n .uui-color-secondary,\n .uui-color-neutral,\n .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-critical,\n .uui-color-red {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n }\n\n .uui-color-warning,\n .uui-color-amber {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-link_button.uui-color-contrast,\n .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-button.uui-color-gray50,\n .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--gray80);\n }\n\n /* Badge */\n\n .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray10 {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n .uui-button {\n &.uui-size-42, &.uui-size-48 {\n .uui-caption {\n font-family: var(--font-museo-sans);\n }\n }\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n }\n\n /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n }\n\n /* Tag */\n\n .uui-tag {\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray10 {\n &.uui-fill-solid {\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-gray30 {\n &.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray70 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n }\n }\n\n &.uui-color-warning,\n &.uui-color-amber {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n }\n }\n\n &.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n }\n\n .uui-link_button {\n &.uui-size-42, &.uui-size-48 {\n :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n }\n }\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n }\n\n .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n }\n\n /* Typography */\n\n .uui-typography {\n h1, h2, h3 {\n font-family: var(--font-museo-sans);\n }\n\n h1 {\n font-size: 36px;\n }\n\n .hero-header {\n font-family: var(--font-museo-slab);\n }\n\n .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n}\n\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-promo {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --font-museo-slab: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n --white: #FFFFFF;\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n /* core variables start */\n /* brand colors */\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n /* semantic colors */\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: #000000;\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n --uui-border-radius: 0;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Badge */\n /* Button */\n /* IconButton */\n /* TooltipContainer */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-promo .uui-color-accent,\n.uui-theme-promo .uui-color-green {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-promo .uui-color-primary,\n.uui-theme-promo .uui-color-blue {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-promo .uui-color-secondary,\n.uui-theme-promo .uui-color-neutral,\n.uui-theme-promo .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-promo .uui-color-critical,\n.uui-theme-promo .uui-color-red {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-promo .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-promo .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-promo .uui-color-warning,\n.uui-theme-promo .uui-color-amber {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-promo .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-promo .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-link_button.uui-color-contrast,\n.uui-theme-promo .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-button.uui-color-gray50,\n.uui-theme-promo .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral,\n.uui-theme-promo .uui-badge.uui-color-gray30 {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10 {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-promo .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-button.uui-size-42 .uui-caption, .uui-theme-promo .uui-button.uui-size-48 .uui-caption {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-icon_button.uui-color-neutral,\n.uui-theme-promo .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-white,\n.uui-theme-promo .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red,\n.uui-theme-promo .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray,\n.uui-theme-promo .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\n}\n.uui-theme-promo .uui-count_indicator.uui-color-gray,\n.uui-theme-promo .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-promo .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid {\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n}\n.uui-theme-promo .uui-link_button.uui-size-42 :global(.uui-caption), .uui-theme-promo .uui-link_button.uui-size-48 :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n}\n.uui-theme-promo .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-promo .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-promo .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n}\n.uui-theme-promo .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-typography h1, .uui-theme-promo .uui-typography h2, .uui-theme-promo .uui-typography h3 {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-typography h1 {\n font-size: 36px;\n}\n.uui-theme-promo .uui-typography .hero-header {\n font-family: var(--font-museo-slab);\n}\n.uui-theme-promo .uui-typography .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n}"]}
package/css/theme/theme_vanilla_thunder.css CHANGED
@@ -343,6 +343,17 @@
343
343
  --uui-count_indicator-bg:var(--uui-neutral-30);
344
344
  --uui-count_indicator-border:var(--uui-neutral-30);
345
345
  }
346
+ .uui-theme-vanilla_thunder .uui-count_indicator.uui-color-white{
347
+ --uui-color-5:var(--chromatic-0);
348
+ --uui-color-10:var(--blue-50);
349
+ --uui-color-20:var(--uui-primary-10);
350
+ --uui-color-50:var(--white);
351
+ --uui-color-60:var(--blue-50);
352
+ --uui-color-70:var(--blue-100);
353
+ }
354
+ .uui-theme-vanilla_thunder .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning){
355
+ --uui-count_indicator-caption:var(--uui-neutral-70);
356
+ }
346
357
  .uui-theme-vanilla_thunder .uui-button.uui-size-42 :global(.uui-caption), .uui-theme-vanilla_thunder .uui-button.uui-size-48 :global(.uui-caption){
347
358
  font-family:var(--font-museo-sans);
348
359
  }