@epam/assets 5.0.1 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (626) hide show
  1. package/css/theme/theme_loveship.css +168 -163
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +209 -222
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +96 -88
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/icon-sources/12/account-multiple-plus.svg +3 -3
  8. package/icon-sources/12/action-account.svg +3 -3
  9. package/icon-sources/12/action-add.svg +3 -3
  10. package/icon-sources/12/action-calendar.svg +3 -3
  11. package/icon-sources/12/action-delete light.svg +3 -3
  12. package/icon-sources/12/action-delete.svg +4 -4
  13. package/icon-sources/12/action-drag_corner.svg +8 -8
  14. package/icon-sources/12/action-drag_indicator.svg +3 -3
  15. package/icon-sources/12/action-external_link.svg +3 -3
  16. package/icon-sources/12/action-eye-off.svg +11 -11
  17. package/icon-sources/12/action-eye.svg +4 -4
  18. package/icon-sources/12/action-flash.svg +3 -3
  19. package/icon-sources/12/action-history.svg +3 -3
  20. package/icon-sources/12/action-home.svg +3 -3
  21. package/icon-sources/12/action-job_function.svg +3 -3
  22. package/icon-sources/12/action-language.svg +3 -3
  23. package/icon-sources/12/action-lock-fill.svg +3 -3
  24. package/icon-sources/12/action-lock_open-fill.svg +3 -3
  25. package/icon-sources/12/action-map_pin.svg +3 -3
  26. package/icon-sources/12/action-schedule.svg +4 -4
  27. package/icon-sources/12/action-search.svg +3 -3
  28. package/icon-sources/12/action-settings.svg +3 -3
  29. package/icon-sources/12/action-tune.svg +3 -3
  30. package/icon-sources/12/add-below.svg +4 -4
  31. package/icon-sources/12/bell-off-outline.svg +10 -10
  32. package/icon-sources/12/bell-off.svg +10 -10
  33. package/icon-sources/12/bell-outline.svg +3 -3
  34. package/icon-sources/12/bell.svg +3 -3
  35. package/icon-sources/12/blacklist.svg +3 -3
  36. package/icon-sources/12/certificate.svg +3 -3
  37. package/icon-sources/12/chart-multiline.svg +3 -3
  38. package/icon-sources/12/communication-phone_mobile.svg +3 -3
  39. package/icon-sources/12/content-add-fill.svg +3 -3
  40. package/icon-sources/12/content-clear.svg +3 -3
  41. package/icon-sources/12/content-edit.svg +3 -3
  42. package/icon-sources/12/copy_content.svg +3 -3
  43. package/icon-sources/12/core-skill.svg +3 -3
  44. package/icon-sources/12/cv.svg +3 -3
  45. package/icon-sources/12/empty.svg +3 -3
  46. package/icon-sources/12/fav & rates-favorite.svg +3 -3
  47. package/icon-sources/12/file-attachment.svg +3 -3
  48. package/icon-sources/12/file-download.svg +3 -3
  49. package/icon-sources/12/file-export.svg +4 -4
  50. package/icon-sources/12/file-import.svg +4 -4
  51. package/icon-sources/12/file-upload.svg +3 -3
  52. package/icon-sources/12/grow.svg +4 -4
  53. package/icon-sources/12/in_progress-status.svg +16 -16
  54. package/icon-sources/12/interest.svg +3 -3
  55. package/icon-sources/12/linkedin.svg +3 -3
  56. package/icon-sources/12/medal.svg +4 -4
  57. package/icon-sources/12/na.svg +6 -6
  58. package/icon-sources/12/navigation-arrow-down.svg +3 -3
  59. package/icon-sources/12/navigation-arrow-left.svg +3 -3
  60. package/icon-sources/12/navigation-arrow-right.svg +3 -3
  61. package/icon-sources/12/navigation-arrow-up.svg +3 -3
  62. package/icon-sources/12/navigation-back.svg +4 -4
  63. package/icon-sources/12/navigation-chevron-down.svg +3 -3
  64. package/icon-sources/12/navigation-chevron-left.svg +3 -3
  65. package/icon-sources/12/navigation-chevron-left_left.svg +4 -4
  66. package/icon-sources/12/navigation-chevron-right.svg +3 -3
  67. package/icon-sources/12/navigation-chevron-right_right.svg +4 -4
  68. package/icon-sources/12/navigation-chevron-up.svg +3 -3
  69. package/icon-sources/12/navigation-close.svg +3 -3
  70. package/icon-sources/12/navigation-close_bold.svg +3 -3
  71. package/icon-sources/12/navigation-login.svg +3 -3
  72. package/icon-sources/12/navigation-logout.svg +3 -3
  73. package/icon-sources/12/navigation-menu.svg +3 -3
  74. package/icon-sources/12/navigation-more_horiz.svg +3 -3
  75. package/icon-sources/12/navigation-more_vert.svg +3 -3
  76. package/icon-sources/12/navigation-refresh.svg +3 -3
  77. package/icon-sources/12/navigation-unfold-less.svg +3 -3
  78. package/icon-sources/12/navigation-unfold-more.svg +3 -3
  79. package/icon-sources/12/none.svg +4 -4
  80. package/icon-sources/12/not-recommended.svg +3 -3
  81. package/icon-sources/12/notification-check-fill.svg +3 -3
  82. package/icon-sources/12/notification-done.svg +3 -3
  83. package/icon-sources/12/notification-error-fill.svg +3 -3
  84. package/icon-sources/12/notification-help-fill.svg +3 -3
  85. package/icon-sources/12/notification-info-fill.svg +3 -3
  86. package/icon-sources/12/notification-warning-fill.svg +3 -3
  87. package/icon-sources/12/open-status.svg +10 -10
  88. package/icon-sources/12/optional-skills.svg +3 -3
  89. package/icon-sources/12/ready-to.svg +3 -3
  90. package/icon-sources/12/social-person.svg +3 -3
  91. package/icon-sources/12/text-format.svg +3 -3
  92. package/icon-sources/18/account-multiple-plus.svg +3 -3
  93. package/icon-sources/18/action-account.svg +3 -3
  94. package/icon-sources/18/action-add.svg +3 -3
  95. package/icon-sources/18/action-calendar.svg +3 -3
  96. package/icon-sources/18/action-chat.svg +3 -3
  97. package/icon-sources/18/action-clock.svg +3 -3
  98. package/icon-sources/18/action-copy_content.svg +3 -3
  99. package/icon-sources/18/action-deactivate.svg +3 -3
  100. package/icon-sources/18/action-delete forever.svg +3 -3
  101. package/icon-sources/18/action-delete light.svg +3 -3
  102. package/icon-sources/18/action-delete.svg +4 -4
  103. package/icon-sources/18/action-drag_corner.svg +3 -3
  104. package/icon-sources/18/action-drag_indicator.svg +3 -3
  105. package/icon-sources/18/action-external_link.svg +4 -4
  106. package/icon-sources/18/action-eye-off.svg +4 -4
  107. package/icon-sources/18/action-eye.svg +4 -4
  108. package/icon-sources/18/action-flash.svg +3 -3
  109. package/icon-sources/18/action-history.svg +3 -3
  110. package/icon-sources/18/action-home.svg +3 -3
  111. package/icon-sources/18/action-job_function.svg +3 -3
  112. package/icon-sources/18/action-language.svg +3 -3
  113. package/icon-sources/18/action-level.svg +7 -7
  114. package/icon-sources/18/action-lock-fill.svg +3 -3
  115. package/icon-sources/18/action-lock_open-fill.svg +3 -3
  116. package/icon-sources/18/action-map_pin.svg +3 -3
  117. package/icon-sources/18/action-move_to.svg +3 -3
  118. package/icon-sources/18/action-pin_off.svg +4 -4
  119. package/icon-sources/18/action-pin_on.svg +3 -3
  120. package/icon-sources/18/action-schedule.svg +3 -3
  121. package/icon-sources/18/action-search.svg +3 -3
  122. package/icon-sources/18/action-settings.svg +3 -3
  123. package/icon-sources/18/action-snapshot.svg +7 -7
  124. package/icon-sources/18/action-target.svg +3 -3
  125. package/icon-sources/18/action-trophy.svg +3 -3
  126. package/icon-sources/18/action-tune.svg +3 -3
  127. package/icon-sources/18/action-update.svg +3 -3
  128. package/icon-sources/18/add-above.svg +4 -4
  129. package/icon-sources/18/add-below.svg +4 -4
  130. package/icon-sources/18/bell-off-outline.svg +3 -3
  131. package/icon-sources/18/bell-off.svg +3 -3
  132. package/icon-sources/18/bell-outline.svg +3 -3
  133. package/icon-sources/18/bell.svg +3 -3
  134. package/icon-sources/18/blacklist.svg +3 -3
  135. package/icon-sources/18/certificate.svg +3 -3
  136. package/icon-sources/18/chart-multiline.svg +3 -3
  137. package/icon-sources/18/communication-mail.svg +3 -3
  138. package/icon-sources/18/communication-phone.svg +3 -3
  139. package/icon-sources/18/communication-phone_mobile.svg +3 -3
  140. package/icon-sources/18/communication-skype.svg +3 -3
  141. package/icon-sources/18/communication-skype_business.svg +3 -3
  142. package/icon-sources/18/communication-telescope.svg +7 -7
  143. package/icon-sources/18/content-add-fill.svg +3 -3
  144. package/icon-sources/18/content-add-outline.svg +3 -3
  145. package/icon-sources/18/content-clear.svg +3 -3
  146. package/icon-sources/18/content-code.svg +3 -3
  147. package/icon-sources/18/content-code_check.svg +3 -3
  148. package/icon-sources/18/content-deselect-fill.svg +3 -3
  149. package/icon-sources/18/content-deselect-outline.svg +3 -3
  150. package/icon-sources/18/content-edit.svg +3 -3
  151. package/icon-sources/18/content-edit_redo.svg +3 -3
  152. package/icon-sources/18/content-edit_undo.svg +3 -3
  153. package/icon-sources/18/content-filter_list.svg +3 -3
  154. package/icon-sources/18/content-filtration.svg +3 -3
  155. package/icon-sources/18/content-link.svg +3 -3
  156. package/icon-sources/18/content-link_off.svg +3 -3
  157. package/icon-sources/18/content-plus.svg +3 -3
  158. package/icon-sources/18/content-plus_bold.svg +3 -3
  159. package/icon-sources/18/core-skill.svg +3 -3
  160. package/icon-sources/18/cv.svg +3 -3
  161. package/icon-sources/18/empty.svg +3 -3
  162. package/icon-sources/18/fav & rates-favorite-outline.svg +3 -3
  163. package/icon-sources/18/fav & rates-favorite.svg +3 -3
  164. package/icon-sources/18/fav & rates-star-outline.svg +3 -3
  165. package/icon-sources/18/fav & rates-star.svg +3 -3
  166. package/icon-sources/18/fav & rates-star_half.svg +3 -3
  167. package/icon-sources/18/file-archive.svg +3 -3
  168. package/icon-sources/18/file-attachment.svg +3 -3
  169. package/icon-sources/18/file-download.svg +3 -3
  170. package/icon-sources/18/file-export.svg +4 -4
  171. package/icon-sources/18/file-import.svg +4 -4
  172. package/icon-sources/18/file-upload.svg +3 -3
  173. package/icon-sources/18/folder.svg +4 -4
  174. package/icon-sources/18/grow.svg +4 -4
  175. package/icon-sources/18/interest.svg +3 -3
  176. package/icon-sources/18/linkedin.svg +3 -3
  177. package/icon-sources/18/medal.svg +4 -4
  178. package/icon-sources/18/media-fullscreen.svg +3 -3
  179. package/icon-sources/18/media-fullscreen_exit.svg +3 -3
  180. package/icon-sources/18/media-pause-fill.svg +3 -3
  181. package/icon-sources/18/media-pause-outline.svg +3 -3
  182. package/icon-sources/18/media-pause.svg +3 -3
  183. package/icon-sources/18/media-play-fill.svg +3 -3
  184. package/icon-sources/18/media-play-outline.svg +3 -3
  185. package/icon-sources/18/media-play.svg +3 -3
  186. package/icon-sources/18/media-play_pause.svg +3 -3
  187. package/icon-sources/18/media-playlist-add.svg +3 -3
  188. package/icon-sources/18/media-playlist-check.svg +3 -3
  189. package/icon-sources/18/media-playlist-minus.svg +3 -3
  190. package/icon-sources/18/media-playlist-play.svg +3 -3
  191. package/icon-sources/18/media-playlist-remove.svg +3 -3
  192. package/icon-sources/18/media-replay.svg +3 -3
  193. package/icon-sources/18/media-skip_backward.svg +3 -3
  194. package/icon-sources/18/media-skip_forward.svg +3 -3
  195. package/icon-sources/18/media-skip_next.svg +3 -3
  196. package/icon-sources/18/media-skip_previous.svg +3 -3
  197. package/icon-sources/18/media-stop-fill.svg +3 -3
  198. package/icon-sources/18/media-stop-outline.svg +3 -3
  199. package/icon-sources/18/media-stop.svg +3 -3
  200. package/icon-sources/18/microsoft-teams-outline.svg +3 -3
  201. package/icon-sources/18/microsoft-teams.svg +7 -7
  202. package/icon-sources/18/na.svg +6 -6
  203. package/icon-sources/18/navigation-arrow-down.svg +3 -3
  204. package/icon-sources/18/navigation-arrow-left.svg +3 -3
  205. package/icon-sources/18/navigation-arrow-right.svg +3 -3
  206. package/icon-sources/18/navigation-arrow-up.svg +3 -3
  207. package/icon-sources/18/navigation-back.svg +3 -3
  208. package/icon-sources/18/navigation-chevron-down.svg +3 -3
  209. package/icon-sources/18/navigation-chevron-down_down.svg +4 -4
  210. package/icon-sources/18/navigation-chevron-left.svg +3 -3
  211. package/icon-sources/18/navigation-chevron-left_left.svg +4 -4
  212. package/icon-sources/18/navigation-chevron-right.svg +3 -3
  213. package/icon-sources/18/navigation-chevron-right_right.svg +4 -4
  214. package/icon-sources/18/navigation-chevron-up.svg +3 -3
  215. package/icon-sources/18/navigation-chevron-up_up.svg +4 -4
  216. package/icon-sources/18/navigation-close.svg +3 -3
  217. package/icon-sources/18/navigation-close_bold.svg +3 -3
  218. package/icon-sources/18/navigation-dependency.svg +3 -3
  219. package/icon-sources/18/navigation-first.svg +3 -3
  220. package/icon-sources/18/navigation-last.svg +3 -3
  221. package/icon-sources/18/navigation-login.svg +3 -3
  222. package/icon-sources/18/navigation-logout.svg +3 -3
  223. package/icon-sources/18/navigation-menu.svg +3 -3
  224. package/icon-sources/18/navigation-more_horiz.svg +3 -3
  225. package/icon-sources/18/navigation-more_vert.svg +3 -3
  226. package/icon-sources/18/navigation-refresh.svg +3 -3
  227. package/icon-sources/18/navigation-structure.svg +3 -3
  228. package/icon-sources/18/navigation-structure_alt.svg +3 -3
  229. package/icon-sources/18/navigation-unfold-less.svg +3 -3
  230. package/icon-sources/18/navigation-unfold-more.svg +3 -3
  231. package/icon-sources/18/none.svg +4 -4
  232. package/icon-sources/18/not-recommended.svg +3 -3
  233. package/icon-sources/18/notification-check-fill.svg +3 -3
  234. package/icon-sources/18/notification-check-outline.svg +3 -3
  235. package/icon-sources/18/notification-done.svg +3 -3
  236. package/icon-sources/18/notification-done_bold.svg +3 -3
  237. package/icon-sources/18/notification-error-fill.svg +3 -3
  238. package/icon-sources/18/notification-error-outline.svg +3 -3
  239. package/icon-sources/18/notification-help-fill.svg +3 -3
  240. package/icon-sources/18/notification-help-outline.svg +3 -3
  241. package/icon-sources/18/notification-info-fill.svg +3 -3
  242. package/icon-sources/18/notification-info-outline.svg +3 -3
  243. package/icon-sources/18/notification-warning-fill.svg +3 -3
  244. package/icon-sources/18/notification-warning-outline.svg +3 -3
  245. package/icon-sources/18/optional-skills.svg +7 -7
  246. package/icon-sources/18/people.svg +6 -6
  247. package/icon-sources/18/ready-to.svg +3 -3
  248. package/icon-sources/18/save-outline.svg +3 -3
  249. package/icon-sources/18/save.svg +3 -3
  250. package/icon-sources/18/social-group.svg +3 -3
  251. package/icon-sources/18/social-hot.svg +3 -3
  252. package/icon-sources/18/social-network-facebook.svg +3 -3
  253. package/icon-sources/18/social-network-github.svg +3 -3
  254. package/icon-sources/18/social-network-instagram.svg +3 -3
  255. package/icon-sources/18/social-network-linkedin.svg +3 -3
  256. package/icon-sources/18/social-network-pinterest.svg +3 -3
  257. package/icon-sources/18/social-network-telegram.svg +3 -3
  258. package/icon-sources/18/social-network-twitter.svg +3 -3
  259. package/icon-sources/18/social-network-vk.svg +3 -3
  260. package/icon-sources/18/social-network-yammer.svg +3 -3
  261. package/icon-sources/18/social-network-youtube.svg +3 -3
  262. package/icon-sources/18/social-person.svg +3 -3
  263. package/icon-sources/18/social-reply.svg +3 -3
  264. package/icon-sources/18/social-share.svg +3 -3
  265. package/icon-sources/18/social-thumb-down.svg +3 -3
  266. package/icon-sources/18/social-thumb-up.svg +3 -3
  267. package/icon-sources/18/table-columns.svg +5 -5
  268. package/icon-sources/18/table-group_by.svg +9 -9
  269. package/icon-sources/18/table-info-fill.svg +3 -3
  270. package/icon-sources/18/table-info-outline.svg +3 -3
  271. package/icon-sources/18/table-sort_asc.svg +3 -3
  272. package/icon-sources/18/table-sort_desc.svg +3 -3
  273. package/icon-sources/18/table-swap.svg +3 -3
  274. package/icon-sources/18/text-format.svg +4 -4
  275. package/icon-sources/18/view-grid.svg +6 -6
  276. package/icon-sources/18/view-table.svg +3 -3
  277. package/icon-sources/24/account-multiple-plus.svg +3 -3
  278. package/icon-sources/24/action-account.svg +3 -3
  279. package/icon-sources/24/action-add.svg +3 -3
  280. package/icon-sources/24/action-align-center.svg +3 -3
  281. package/icon-sources/24/action-align-left.svg +3 -3
  282. package/icon-sources/24/action-align-right.svg +3 -3
  283. package/icon-sources/24/action-calendar.svg +3 -3
  284. package/icon-sources/24/action-copy_content.svg +3 -3
  285. package/icon-sources/24/action-currency.svg +3 -3
  286. package/icon-sources/24/action-currency_off.svg +3 -3
  287. package/icon-sources/24/action-delete.svg +3 -3
  288. package/icon-sources/24/action-drag_corner.svg +3 -3
  289. package/icon-sources/24/action-drag_indicator.svg +3 -3
  290. package/icon-sources/24/action-external_link.svg +3 -3
  291. package/icon-sources/24/action-eye-off.svg +4 -4
  292. package/icon-sources/24/action-eye.svg +4 -4
  293. package/icon-sources/24/action-flash.svg +3 -3
  294. package/icon-sources/24/action-full_width.svg +3 -3
  295. package/icon-sources/24/action-history.svg +3 -3
  296. package/icon-sources/24/action-home.svg +3 -3
  297. package/icon-sources/24/action-job_function.svg +3 -3
  298. package/icon-sources/24/action-language.svg +3 -3
  299. package/icon-sources/24/action-level.svg +7 -7
  300. package/icon-sources/24/action-lock-fill.svg +3 -3
  301. package/icon-sources/24/action-lock-outline.svg +3 -3
  302. package/icon-sources/24/action-lock_open-fill.svg +3 -3
  303. package/icon-sources/24/action-lock_open-outline.svg +4 -4
  304. package/icon-sources/24/action-map_pin.svg +3 -3
  305. package/icon-sources/24/action-mic.svg +3 -3
  306. package/icon-sources/24/action-move_to.svg +3 -3
  307. package/icon-sources/24/action-photo.svg +3 -3
  308. package/icon-sources/24/action-pin_off.svg +3 -3
  309. package/icon-sources/24/action-pin_on.svg +3 -3
  310. package/icon-sources/24/action-schedule.svg +3 -3
  311. package/icon-sources/24/action-search.svg +3 -3
  312. package/icon-sources/24/action-send.svg +3 -3
  313. package/icon-sources/24/action-settings.svg +3 -3
  314. package/icon-sources/24/action-snapshot.svg +7 -7
  315. package/icon-sources/24/action-target.svg +3 -3
  316. package/icon-sources/24/action-trophy.svg +3 -3
  317. package/icon-sources/24/action-tune.svg +3 -3
  318. package/icon-sources/24/add-above-1.svg +4 -4
  319. package/icon-sources/24/add-above.svg +4 -4
  320. package/icon-sources/24/add-below.svg +4 -4
  321. package/icon-sources/24/bell-off-outline.svg +3 -3
  322. package/icon-sources/24/bell-off.svg +3 -3
  323. package/icon-sources/24/bell-outline.svg +3 -3
  324. package/icon-sources/24/bell.svg +3 -3
  325. package/icon-sources/24/blacklist.svg +3 -3
  326. package/icon-sources/24/certificate.svg +3 -3
  327. package/icon-sources/24/chart-multiline.svg +3 -3
  328. package/icon-sources/24/communication-chat.svg +3 -3
  329. package/icon-sources/24/communication-communication-chat_alt.svg +3 -3
  330. package/icon-sources/24/communication-geo_tag.svg +3 -3
  331. package/icon-sources/24/communication-mail.svg +3 -3
  332. package/icon-sources/24/communication-phone.svg +3 -3
  333. package/icon-sources/24/communication-phone_mobile.svg +3 -3
  334. package/icon-sources/24/communication-skype.svg +3 -3
  335. package/icon-sources/24/communication-skype_business.svg +3 -3
  336. package/icon-sources/24/communication-telescope.svg +3 -3
  337. package/icon-sources/24/content-add-fill.svg +3 -3
  338. package/icon-sources/24/content-add-outline.svg +3 -3
  339. package/icon-sources/24/content-bookmark-fill.svg +3 -3
  340. package/icon-sources/24/content-bookmark-outline.svg +3 -3
  341. package/icon-sources/24/content-clear-outline.svg +3 -3
  342. package/icon-sources/24/content-clear.svg +3 -3
  343. package/icon-sources/24/content-code.svg +3 -3
  344. package/icon-sources/24/content-code_braces.svg +3 -3
  345. package/icon-sources/24/content-code_check.svg +3 -3
  346. package/icon-sources/24/content-deselect-fill.svg +3 -3
  347. package/icon-sources/24/content-deselect-outline.svg +3 -3
  348. package/icon-sources/24/content-edit.svg +3 -3
  349. package/icon-sources/24/content-edit_redo.svg +3 -3
  350. package/icon-sources/24/content-edit_undo.svg +3 -3
  351. package/icon-sources/24/content-filter_list.svg +3 -3
  352. package/icon-sources/24/content-filtration.svg +3 -3
  353. package/icon-sources/24/content-link.svg +3 -3
  354. package/icon-sources/24/content-link_off.svg +3 -3
  355. package/icon-sources/24/content-minus.svg +3 -3
  356. package/icon-sources/24/content-sort_asc.svg +3 -3
  357. package/icon-sources/24/content-sort_desc.svg +3 -3
  358. package/icon-sources/24/core-skill.svg +3 -3
  359. package/icon-sources/24/cv.svg +3 -3
  360. package/icon-sources/24/database-database.svg +3 -3
  361. package/icon-sources/24/database-lock.svg +6 -6
  362. package/icon-sources/24/database-plus.svg +3 -3
  363. package/icon-sources/24/database-remove.svg +3 -3
  364. package/icon-sources/24/database-settings.svg +3 -3
  365. package/icon-sources/24/delete-1.svg +3 -3
  366. package/icon-sources/24/editor-breakline.svg +5 -5
  367. package/icon-sources/24/editor-chart-arc.svg +3 -3
  368. package/icon-sources/24/editor-chart-areaspline.svg +3 -3
  369. package/icon-sources/24/editor-chart-bar_stacked.svg +3 -3
  370. package/icon-sources/24/editor-chart-bar_vert.svg +3 -3
  371. package/icon-sources/24/editor-chart-bubble.svg +3 -3
  372. package/icon-sources/24/editor-chart-curve.svg +3 -3
  373. package/icon-sources/24/editor-chart-donut.svg +3 -3
  374. package/icon-sources/24/editor-chart-gantt.svg +3 -3
  375. package/icon-sources/24/editor-chart-histogram.svg +3 -3
  376. package/icon-sources/24/editor-chart-line.svg +3 -3
  377. package/icon-sources/24/editor-chart-line_multiline.svg +3 -3
  378. package/icon-sources/24/editor-chart-line_var.svg +3 -3
  379. package/icon-sources/24/editor-chart-pie.svg +3 -3
  380. package/icon-sources/24/editor-chart-table.svg +3 -3
  381. package/icon-sources/24/editor-chart-timeline.svg +3 -3
  382. package/icon-sources/24/editor-chart-tree.svg +6 -6
  383. package/icon-sources/24/editor-code.svg +3 -3
  384. package/icon-sources/24/editor-color.svg +3 -3
  385. package/icon-sources/24/editor-color_none.svg +3 -3
  386. package/icon-sources/24/editor-format_bold.svg +3 -3
  387. package/icon-sources/24/editor-format_italic.svg +3 -3
  388. package/icon-sources/24/editor-format_strikethrough.svg +3 -3
  389. package/icon-sources/24/editor-format_subscript.svg +3 -3
  390. package/icon-sources/24/editor-format_superscript.svg +3 -3
  391. package/icon-sources/24/editor-format_text_alignment_center.svg +3 -3
  392. package/icon-sources/24/editor-format_text_alignment_justify.svg +3 -3
  393. package/icon-sources/24/editor-format_text_alignment_left.svg +3 -3
  394. package/icon-sources/24/editor-format_text_alignment_right.svg +3 -3
  395. package/icon-sources/24/editor-format_text_color.svg +3 -3
  396. package/icon-sources/24/editor-format_underlined.svg +3 -3
  397. package/icon-sources/24/editor-functions.svg +3 -3
  398. package/icon-sources/24/editor-headline.svg +3 -3
  399. package/icon-sources/24/editor-headline_h1.svg +3 -3
  400. package/icon-sources/24/editor-headline_h2.svg +3 -3
  401. package/icon-sources/24/editor-headline_h3.svg +3 -3
  402. package/icon-sources/24/editor-image.svg +3 -3
  403. package/icon-sources/24/editor-issue.svg +3 -3
  404. package/icon-sources/24/editor-list_bullet.svg +3 -3
  405. package/icon-sources/24/editor-list_checkbox.svg +3 -3
  406. package/icon-sources/24/editor-list_number.svg +3 -3
  407. package/icon-sources/24/editor-mention.svg +3 -3
  408. package/icon-sources/24/editor-outline.svg +3 -3
  409. package/icon-sources/24/editor-quote.svg +3 -3
  410. package/icon-sources/24/editor-risk.svg +3 -3
  411. package/icon-sources/24/editor-stats.svg +3 -3
  412. package/icon-sources/24/editor-table_merge_cells.svg +3 -3
  413. package/icon-sources/24/editor-table_split_cells.svg +3 -3
  414. package/icon-sources/24/editor-title.svg +3 -3
  415. package/icon-sources/24/editor-video.svg +3 -3
  416. package/icon-sources/24/empty.svg +3 -3
  417. package/icon-sources/24/fav & rates-favorite-outline.svg +3 -3
  418. package/icon-sources/24/fav & rates-favorite.svg +3 -3
  419. package/icon-sources/24/fav & rates-star-outline.svg +3 -3
  420. package/icon-sources/24/fav & rates-star.svg +3 -3
  421. package/icon-sources/24/fav & rates-star_half.svg +3 -3
  422. package/icon-sources/24/file-attachment.svg +3 -3
  423. package/icon-sources/24/file-cloud_download.svg +3 -3
  424. package/icon-sources/24/file-cloud_upload.svg +3 -3
  425. package/icon-sources/24/file-download.svg +3 -3
  426. package/icon-sources/24/file-export.svg +3 -3
  427. package/icon-sources/24/file-file.svg +3 -3
  428. package/icon-sources/24/file-file_archive.svg +3 -3
  429. package/icon-sources/24/file-file_chart.svg +3 -3
  430. package/icon-sources/24/file-file_eml.svg +3 -3
  431. package/icon-sources/24/file-file_excel.svg +3 -3
  432. package/icon-sources/24/file-file_image.svg +3 -3
  433. package/icon-sources/24/file-file_pdf.svg +3 -3
  434. package/icon-sources/24/file-file_table.svg +3 -3
  435. package/icon-sources/24/file-file_text.svg +3 -3
  436. package/icon-sources/24/file-file_video.svg +4 -4
  437. package/icon-sources/24/file-file_word.svg +3 -3
  438. package/icon-sources/24/file-import.svg +3 -3
  439. package/icon-sources/24/file-upload.svg +3 -3
  440. package/icon-sources/24/folder.svg +4 -4
  441. package/icon-sources/24/global_menu.svg +3 -3
  442. package/icon-sources/24/grow.svg +4 -4
  443. package/icon-sources/24/interest.svg +3 -3
  444. package/icon-sources/24/linkedin.svg +3 -3
  445. package/icon-sources/24/medal.svg +4 -4
  446. package/icon-sources/24/media-fullscreen.svg +3 -3
  447. package/icon-sources/24/media-fullscreen_exit.svg +3 -3
  448. package/icon-sources/24/media-pause-fill.svg +3 -3
  449. package/icon-sources/24/media-pause-outline.svg +3 -3
  450. package/icon-sources/24/media-pause.svg +3 -3
  451. package/icon-sources/24/media-play-fill.svg +3 -3
  452. package/icon-sources/24/media-play-outline.svg +3 -3
  453. package/icon-sources/24/media-play.svg +3 -3
  454. package/icon-sources/24/media-play_pause.svg +3 -3
  455. package/icon-sources/24/media-playlist-check.svg +3 -3
  456. package/icon-sources/24/media-playlist-minus.svg +3 -3
  457. package/icon-sources/24/media-playlist-play.svg +3 -3
  458. package/icon-sources/24/media-playlist-plus.svg +3 -3
  459. package/icon-sources/24/media-playlist.remove.svg +3 -3
  460. package/icon-sources/24/media-replay.svg +3 -3
  461. package/icon-sources/24/media-skip_backward.svg +3 -3
  462. package/icon-sources/24/media-skip_forward.svg +3 -3
  463. package/icon-sources/24/media-skip_next.svg +3 -3
  464. package/icon-sources/24/media-skip_previous.svg +3 -3
  465. package/icon-sources/24/media-stop-fill.svg +3 -3
  466. package/icon-sources/24/media-stop-outline.svg +3 -3
  467. package/icon-sources/24/media-stop.svg +3 -3
  468. package/icon-sources/24/microsoft-teams-outline.svg +3 -3
  469. package/icon-sources/24/microsoft-teams.svg +7 -7
  470. package/icon-sources/24/na.svg +6 -6
  471. package/icon-sources/24/navigation-arrow-down.svg +3 -3
  472. package/icon-sources/24/navigation-arrow-left.svg +3 -3
  473. package/icon-sources/24/navigation-arrow-right.svg +3 -3
  474. package/icon-sources/24/navigation-arrow-up.svg +3 -3
  475. package/icon-sources/24/navigation-arrows_collapse.svg +3 -3
  476. package/icon-sources/24/navigation-arrows_expand.svg +3 -3
  477. package/icon-sources/24/navigation-back.svg +3 -3
  478. package/icon-sources/24/navigation-chevron-down.svg +3 -3
  479. package/icon-sources/24/navigation-chevron-left.svg +3 -3
  480. package/icon-sources/24/navigation-chevron-left_left.svg +4 -4
  481. package/icon-sources/24/navigation-chevron-right.svg +3 -3
  482. package/icon-sources/24/navigation-chevron-right_right.svg +3 -3
  483. package/icon-sources/24/navigation-chevron-up.svg +3 -3
  484. package/icon-sources/24/navigation-close.svg +3 -3
  485. package/icon-sources/24/navigation-close_popup-(/342/233/224/357/270/217outdated).svg +4 -4
  486. package/icon-sources/24/navigation-dependency.svg +3 -3
  487. package/icon-sources/24/navigation-first.svg +3 -3
  488. package/icon-sources/24/navigation-hide.svg +3 -3
  489. package/icon-sources/24/navigation-last.svg +3 -3
  490. package/icon-sources/24/navigation-login.svg +3 -3
  491. package/icon-sources/24/navigation-logout.svg +3 -3
  492. package/icon-sources/24/navigation-menu.svg +3 -3
  493. package/icon-sources/24/navigation-more_horiz.svg +3 -3
  494. package/icon-sources/24/navigation-more_vert.svg +3 -3
  495. package/icon-sources/24/navigation-refresh.svg +3 -3
  496. package/icon-sources/24/navigation-show.svg +3 -3
  497. package/icon-sources/24/navigation-structure.svg +3 -3
  498. package/icon-sources/24/navigation-structure_alt.svg +3 -3
  499. package/icon-sources/24/navigation-today.svg +3 -3
  500. package/icon-sources/24/navigation-unfold-less.svg +3 -3
  501. package/icon-sources/24/navigation-unfold-more.svg +3 -3
  502. package/icon-sources/24/none.svg +4 -4
  503. package/icon-sources/24/not-reccomended.svg +3 -3
  504. package/icon-sources/24/notification-check-fill.svg +3 -3
  505. package/icon-sources/24/notification-check-outline.svg +3 -3
  506. package/icon-sources/24/notification-done.svg +3 -3
  507. package/icon-sources/24/notification-error-fill.svg +3 -3
  508. package/icon-sources/24/notification-error-outline.svg +3 -3
  509. package/icon-sources/24/notification-help-fill.svg +3 -3
  510. package/icon-sources/24/notification-help-outline.svg +3 -3
  511. package/icon-sources/24/notification-info-fill.svg +3 -3
  512. package/icon-sources/24/notification-info-outline.svg +3 -3
  513. package/icon-sources/24/notification-warning-fill.svg +3 -3
  514. package/icon-sources/24/notification-warning-outline.svg +3 -3
  515. package/icon-sources/24/optional-skills.svg +3 -3
  516. package/icon-sources/24/people.svg +6 -6
  517. package/icon-sources/24/radar.svg +4 -4
  518. package/icon-sources/24/ready-to.svg +3 -3
  519. package/icon-sources/24/save-outline.svg +3 -3
  520. package/icon-sources/24/save.svg +3 -3
  521. package/icon-sources/24/social-group.svg +3 -3
  522. package/icon-sources/24/social-hot.svg +3 -3
  523. package/icon-sources/24/social-hot_off.svg +4 -4
  524. package/icon-sources/24/social-network-facebook.svg +3 -3
  525. package/icon-sources/24/social-network-github.svg +3 -3
  526. package/icon-sources/24/social-network-instagram.svg +3 -3
  527. package/icon-sources/24/social-network-linkedin.svg +3 -3
  528. package/icon-sources/24/social-network-pinterest.svg +3 -3
  529. package/icon-sources/24/social-network-telegram.svg +3 -3
  530. package/icon-sources/24/social-network-twitter.svg +3 -3
  531. package/icon-sources/24/social-network-vk.svg +3 -3
  532. package/icon-sources/24/social-network-yammer.svg +3 -3
  533. package/icon-sources/24/social-network-youtube.svg +3 -3
  534. package/icon-sources/24/social-person.svg +3 -3
  535. package/icon-sources/24/social-share.svg +3 -3
  536. package/icon-sources/24/social-thumb-down.svg +3 -3
  537. package/icon-sources/24/social-thumb-up.svg +3 -3
  538. package/icon-sources/24/table-column.svg +3 -3
  539. package/icon-sources/24/table-column_plus_after.svg +3 -3
  540. package/icon-sources/24/table-column_plus_before.svg +3 -3
  541. package/icon-sources/24/table-column_remove.svg +3 -3
  542. package/icon-sources/24/table-row.svg +3 -3
  543. package/icon-sources/24/table-row_plus_after.svg +3 -3
  544. package/icon-sources/24/table-row_plus_before.svg +3 -3
  545. package/icon-sources/24/table-row_remove.svg +3 -3
  546. package/icon-sources/24/table-table.svg +3 -3
  547. package/icon-sources/24/table-table_edit.svg +3 -3
  548. package/icon-sources/24/table-table_plus.svg +3 -3
  549. package/icon-sources/24/table-table_remove.svg +3 -3
  550. package/icon-sources/24/table-table_search.svg +3 -3
  551. package/icon-sources/24/text-format.svg +3 -3
  552. package/icon-sources/24/view-grid.svg +6 -6
  553. package/icon-sources/36/action-delete light.svg +3 -3
  554. package/icon-sources/36/action-eye-off.svg +4 -4
  555. package/icon-sources/36/action-eye.svg +4 -4
  556. package/icon-sources/36/add-above.svg +4 -4
  557. package/icon-sources/36/add-below.svg +4 -4
  558. package/icon-sources/36/blacklist.svg +3 -3
  559. package/icon-sources/36/certificate.svg +3 -3
  560. package/icon-sources/36/chart-multiline.svg +3 -3
  561. package/icon-sources/36/core-skill.svg +3 -3
  562. package/icon-sources/36/cv.svg +3 -3
  563. package/icon-sources/36/empty.svg +3 -3
  564. package/icon-sources/36/folder.svg +4 -4
  565. package/icon-sources/36/grow.svg +4 -4
  566. package/icon-sources/36/interest.svg +3 -3
  567. package/icon-sources/36/linkedin.svg +3 -3
  568. package/icon-sources/36/medal.svg +4 -4
  569. package/icon-sources/36/na.svg +6 -6
  570. package/icon-sources/36/navigation-close.svg +3 -3
  571. package/icon-sources/36/none.svg +4 -4
  572. package/icon-sources/36/not-reccomended.svg +3 -3
  573. package/icon-sources/36/notification-help-outline.svg +3 -3
  574. package/icon-sources/36/optional-skills.svg +3 -3
  575. package/icon-sources/36/ready-to.svg +3 -3
  576. package/icon-sources/36/text-format.svg +4 -4
  577. package/icon-sources/36/view-grid.svg +6 -6
  578. package/icon-sources/36/view-table.svg +3 -3
  579. package/icons/common/action-deleteforever-12.svg +1 -1
  580. package/icons/common/radio-point-10.svg +13 -13
  581. package/icons/legacy/btn_cross.svg +22 -22
  582. package/icons/legacy/btn_tick.svg +22 -22
  583. package/icons/legacy/calendar-30.svg +12 -12
  584. package/icons/legacy/calendar-36.svg +14 -14
  585. package/icons/legacy/excel.svg +12 -12
  586. package/icons/legacy/filter-24.svg +11 -11
  587. package/icons/legacy/filter.svg +12 -12
  588. package/icons/legacy/folding-arrow.svg +14 -14
  589. package/icons/legacy/gear.svg +14 -14
  590. package/icons/legacy/help-24.svg +11 -11
  591. package/icons/legacy/help.svg +21 -21
  592. package/icons/legacy/label_info.svg +14 -14
  593. package/icons/legacy/lens.svg +17 -17
  594. package/icons/legacy/modal-close-cross.svg +22 -22
  595. package/icons/legacy/more.svg +20 -20
  596. package/icons/legacy/pencil.svg +12 -12
  597. package/icons/legacy/plus.svg +12 -12
  598. package/icons/legacy/sliders.svg +12 -12
  599. package/icons/legacy/sort-24.svg +15 -15
  600. package/icons/legacy/sort-desc-24.svg +15 -15
  601. package/icons/legacy/sort.svg +4 -4
  602. package/icons/legacy/trash.svg +12 -12
  603. package/icons/loaders/circle_loader_30.svg +69 -69
  604. package/icons/loaders/dots_loader_30.svg +22 -22
  605. package/icons/templates/generic-24.svg +40 -40
  606. package/icons/templates/generic-30.svg +43 -43
  607. package/icons/templates/generic.svg +40 -40
  608. package/icons/templates/tall.svg +69 -69
  609. package/package.json +2 -2
  610. package/readme.md +6 -6
  611. package/scss/font-faces.scss +3 -3
  612. package/scss/fonts.scss +2 -2
  613. package/scss/index.scss +4 -4
  614. package/scss/loveship/colors.scss +121 -121
  615. package/scss/loveship/font-faces.scss +66 -66
  616. package/scss/loveship/fonts.scss +7 -7
  617. package/scss/loveship/typography.scss +153 -153
  618. package/scss/loveship-colors.scss +2 -2
  619. package/scss/promo/colors.scss +116 -116
  620. package/scss/promo/font-faces.scss +53 -53
  621. package/scss/promo/fonts.scss +7 -7
  622. package/scss/promo/typography.scss +170 -170
  623. package/scss/typography.scss +2 -2
  624. package/theme/theme_loveship.scss +1504 -1490
  625. package/theme/theme_promo.scss +1192 -1195
  626. package/theme/theme_vanilla_thunder.scss +1043 -1019
package/css/theme/theme_loveship.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../theme/theme_loveship.scss%23sass","../../../../../theme/theme_loveship.scss","../../../theme/theme_loveship.scss"],"names":[],"mappings":"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","file":"theme_loveship.css","sourcesContent":["/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n// refactor indentions for this page using co-pilot\r\n\r\n.uui-theme-loveship {\r\n --font-regular: 'Sans Regular', Arial, sans-serif;\r\n --font-semibold: 'Sans Semibold', Arial, sans-serif;\r\n --font-italic: 'Sans Italic', Arial, sans-serif;\r\n --font-primary: 'Sans Semibold', Arial, sans-serif;\r\n --font-promo: 'Sans Semibold', Arial, sans-serif;\r\n --font-mono: monospace;\r\n --font-redacted: 'Redacted';\r\n --font-light: 'Sans Light', Arial, sans-serif;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n\r\n --sky-soft: #F5FDFF;\r\n --sky-lightest: #E1F4FA;\r\n --sky-light: #A0DDEE;\r\n --sky: #009ECC;\r\n --sky-dark: #0086AD;\r\n --sky-darkest: #006B8A;\r\n\r\n --grass-soft: #FCFFF5;\r\n --grass-lightest: #EBF3D8;\r\n --grass-light: #C1E288;\r\n --grass: #67A300;\r\n --grass-dark: #528500;\r\n --grass-darkest: #396F1F;\r\n\r\n --sun-soft: #FFFCF5;\r\n --sun-lightest: #FFEDC9;\r\n --sun-light: #FFD785;\r\n --sun: #FCAA00;\r\n --sun-dark: #FF9000;\r\n --sun-darkest: #BD5800;\r\n\r\n --fire-soft: #FEF6F6;\r\n --fire-lightest: #FDE1E1;\r\n --fire-light: #FBB6B6;\r\n --fire: #FF4242;\r\n --fire-dark: #E22A2A;\r\n --fire-darkest: #AD0000;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF0;\r\n --yellow-10: #FFFECC;\r\n --yellow-20: #FFFCA4;\r\n --yellow-30: #FDD63B;\r\n --yellow-40: #F9B71D;\r\n --yellow-50: #D3910C;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-30: #FF8B3E;\r\n --orange-40: #F76B0D;\r\n --orange-50: #BD4B00;\r\n\r\n --fuchia-5: #FFF7FB;\r\n --fuchia-10: #F9D8E7;\r\n --fuchia-20: #EDADC8;\r\n --fuchia-30: #EA4386;\r\n --fuchia-40: #D61E68;\r\n --fuchia-50: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-30: #B114D1;\r\n --purple-40: #860F9E;\r\n --purple-50: #5E0B6F;\r\n\r\n --lavanda-5: #F8F6FE;\r\n --lavanda-10: #DBCCFA;\r\n --lavanda-20: #BB9DF5;\r\n --lavanda-30: #773CEC;\r\n --lavanda-40: #5514D6;\r\n --lavanda-50: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-30: #0F98FF;\r\n --cobalt-40: #006FE5;\r\n --cobalt-50: #0954A5;\r\n\r\n --cyan-5: #F5FBFF;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-30: #14CCCC;\r\n --cyan-40: #0F9E9E;\r\n --cyan-50: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-30: #4FC48C;\r\n --mint-40: #2E9E68;\r\n --mint-50: #236E4A;\r\n\r\n /* Loveship old colors */\r\n --uui-color-white-800: #E6E6E6;\r\n --uui-color-white-900: #CCCCCC;\r\n\r\n --uui-color-night50-800: #DADAE9;\r\n --uui-color-night50-900: #BABAD6;\r\n\r\n --uui-color-night100-800: #D3D7E9;\r\n --uui-color-night100-900: #B1B9D8;\r\n\r\n --uui-color-night200-700: #E6E8F2;\r\n --uui-color-night200-800: #C9CEE4;\r\n --uui-color-night200-900: #A7B0D3;\r\n\r\n --uui-color-night300-700: #D9DCE6;\r\n --uui-color-night300-800: #C2C6D7;\r\n --uui-color-night300-900: #A4AAC2;\r\n\r\n --uui-color-night400-700: #C3C5D2;\r\n --uui-color-night400-800: #B1B4C5;\r\n --uui-color-night400-900: #9398B0;\r\n\r\n --uui-color-night500-700: #9D9FB2;\r\n --uui-color-night500-800: #8F93A9;\r\n --uui-color-night500-900: #727793;\r\n\r\n --uui-color-night600-700: #595B6D;\r\n --uui-color-night600-800: #555764;\r\n\r\n --uui-color-night700-800: #30323D;\r\n --uui-color-night700-900: #1A1B20;\r\n\r\n --uui-color-night800-800: #1A1B23;\r\n --uui-color-night800-900: #040406;\r\n\r\n --uui-color-night900-800: #070709;\r\n --uui-color-night900-900: #000000;\r\n /* end Loveship old colors */\r\n\r\n /* core variables start */\r\n\r\n --uui-accent: var(--grass);\r\n --uui-accent-light: var(--grass-light);\r\n --uui-accent-lightest: var(--grass-lightest);\r\n --uui-accent-dark: var(--grass-dark);\r\n --uui-accent-darkest: var(--grass-darkest);\r\n\r\n --uui-primary: var(--sky);\r\n --uui-primary-light: var(--sky-light);\r\n --uui-primary-lightest: var(--sky-lightest);\r\n --uui-primary-halftone: var(--night200);\r\n --uui-primary-dark: var(--sky-dark);\r\n --uui-primary-darkest: var(--sky-darkest);\r\n\r\n --uui-secondary: var(--night600);\r\n --uui-secondary-light: var(--night300);\r\n --uui-secondary-lightest: var(--night200);\r\n --uui-secondary-dark: var(--night700);\r\n --uui-secondary-darkest: var(--night800);\r\n\r\n --uui-negative: var(--fire);\r\n --uui-negative-light: var(--fire-light);\r\n --uui-negative-lightest: var(--fire-lightest);\r\n --uui-negative-dark: var(--fire-dark);\r\n --uui-negative-darkest: var(--fire-darkest);\r\n\r\n --uui-link: var(--sky);\r\n --uui-link-hover: var(--sky-dark);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-disabled: var(--night500);\r\n --uui-visited: #5214CC;\r\n\r\n --uui-info: var(--sky);\r\n --uui-info-lightest: var(--sky-lightest);\r\n --uui-info-light: var(--sky-light);\r\n --uui-info-dark: var(--sky-dark);\r\n --uui-info-darkest: var(--sky-darkest);\r\n --uui-info-hover: var(--sky-dark);\r\n --uui-info-active: var(--sky-darkest);\r\n\r\n --uui-success: var(--grass);\r\n --uui-success-lightest: var(--grass-lightest);\r\n --uui-success-light: var(--grass-light);\r\n --uui-success-dark: var(--grass-dark);\r\n --uui-success-darkest: var(--grass-darkest);\r\n --uui-success-hover: var(--grass-dark);\r\n --uui-success-active: var(--grass-darkest);\r\n\r\n --uui-warning: var(--sun);\r\n --uui-warning-lightest: var(--sun-lightest);\r\n --uui-warning-light: var(--sun-light);\r\n --uui-warning-dark: var(--sun-dark);\r\n --uui-warning-darkest: var(--sun-darkest);\r\n --uui-warning-hover: var(--sun-dark);\r\n --uui-warning-active: var(--sun-darkest);\r\n\r\n --uui-error: var(--fire);\r\n --uui-error-lightest: var(--fire-lightest);\r\n --uui-error-light: var(--fire-light);\r\n --uui-error-dark: var(--fire-dark);\r\n --uui-error-darkest: var(--fire-darkest);\r\n --uui-error-hover: var(--fire-dark);\r\n --uui-error-active: var(--fire-darkest);\r\n\r\n --uui-icon: var(--night600);\r\n --uui-icon-hover: var(--night700);\r\n --uui-icon-active: var(--night800);\r\n --uui-icon-disabled: var(--night500);\r\n\r\n --uui-surface: var(--white);\r\n --uui-surface-hover: var(--night200);\r\n --uui-surface-inverted: var(--night900);\r\n /* new start */\r\n --uui-surface-light: var(--night50);\r\n --uui-surface-light-hover: var(--night100);\r\n --uui-surface-contrast: var(--night800);\r\n --uui-surface-contrast-hover: var(--night900);\r\n --uui-surface-contrast-active: var(--night900);\r\n /* new end */\r\n\r\n --uui-background: var(--night100);\r\n --uui-divider: var(--night400);\r\n --uui-divider-light: var(--night300);\r\n --uui-contrast: var(--white);\r\n --uui-disabled: var(--night300);\r\n\r\n --uui-scroll-bars-bg: var(--night400);\r\n --uui-scroll-bars-bg-active: var(--night600);\r\n\r\n --uui-button-bg-halftone: var(--white);\r\n --uui-button-caption-disabled: var(--night500);\r\n\r\n --uui-text-info: var(--uui-info);\r\n --uui-text-warning: var(--uui-warning);\r\n --uui-text-error: var(--uui-error);\r\n --uui-text-success: var(--uui-success);\r\n --uui-text-brand: var(--night900);\r\n --uui-text-primary: var(--night800);\r\n --uui-text-secondary: var(--night600);\r\n --uui-text-disabled: var(--night500);\r\n --uui-text-contrast: var(--night50);\r\n --uui-text-white: var(--white);\r\n\r\n --uui-control-bg: var(--white);\r\n --uui-control-bg-checked: var(--uui-primary);\r\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\r\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\r\n --uui-control-bg-hover: var(--night600);\r\n --uui-control-bg-disabled: var(--night50);\r\n --uui-control-bg-readonly: var(--night50);\r\n --uui-control_switch-bg: var(--night400);\r\n --uui-control_switch_toggler-bg: var(--white);\r\n\r\n --uui-control-border-checked-disabled: var(--uui-primary-light);\r\n --uui-control-border: var(--night400);\r\n --uui-control-border-checked: var(--uui-primary);\r\n --uui-control-border-checked-hover: var(--uui-primary-dark);\r\n --uui-control-border-hover: var(--uui-primary-dark);\r\n --uui-control-border-disabled: var(--uui-disabled);\r\n --uui-control-border-readonly: var(--uui-disabled);\r\n\r\n --uui-control_switch-border-hover: var(--night600);\r\n --uui-control_textinput-border-hover: var(--night600);\r\n\r\n --uui-control-label: var(--uui-text-primary);\r\n --uui-control-label-disabled: var(--uui-text-disabled);\r\n --uui-control-label-error: var(--uui-error);\r\n --uui-control-label-fill: var(--uui-icon);\r\n --uui-control-label-optional-text: var(--uui-text-secondary);\r\n --uui-control-label-asterisk: var(--uui-error);\r\n\r\n --uui-control-placeholder: var(--night600);\r\n --uui-control-placeholder-disabled: var(--night500);\r\n\r\n --uui-control-text: var(--night800);\r\n --uui-control-text-disabled: var(--night500);\r\n\r\n --uui-control-icon: var(--night500);\r\n --uui-control-icon-disabled: var(--night500);\r\n\r\n --uui-control-checkbox-icon: var(--white);\r\n\r\n --uui-tag-bg: var(--night300);\r\n --uui-tag-bg-hover: var(--night400);\r\n\r\n --uui-skeleton: var(--night400);\r\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\r\n\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n --uui-border-radius: 3px;\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\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);\r\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);\r\n\r\n /* core variables end */\r\n\r\n /* find below the not core variables that are used and highlight them in the code */\r\n\r\n /* TextInput vars */\r\n --uui-text-input-bg: var(--uui-control-bg);\r\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\r\n --uui-text-input-border: var(--uui-control-border);\r\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-text-input-border-active: var(--uui-control-border-checked);\r\n --uui-text-input-border-error: var(--uui-negative);\r\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\r\n --uui-text-input-placeholder: var(--uui-control-placeholder);\r\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\r\n --uui-text-input-text: var(--uui-control-text);\r\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\r\n --uui-text-input-icon: var(--uui-control-icon);\r\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\r\n --uui-text-input-icon-clickable: var(--uui-icon);\r\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-text-input-border-radius: var(--uui-border-radius);\r\n\r\n --uui-text-input-font: var(--font-regular);\r\n\r\n /* Button vars */\r\n --uui-btn-border-radius: var(--uui-border-radius);\r\n\r\n --uui-btn-font: var(--font-semibold);\r\n\r\n /* LinkButton vars */\r\n --uui-link-button-font: var(--font-semibold);\r\n\r\n /* DatePicker vars */\r\n --uui-dtp-title-bg: var(--uui-control-bg);\r\n --uui-dtp-title-bg-hover: var(--uui-primary-halftone);\r\n --uui-dtp-text-selected: var(--uui-control-border-checked);\r\n --uui-dtp-text: var(--uui-control-text);\r\n --uui-dtp-next-prev-icon: var(--uui-icon);\r\n --uui-dtp-next-prev-icon-bg-hover: var(--uui-secondary-lightest);\r\n\r\n --uui-dtp_header-font: var(--font-semibold);\r\n --uui-dtp_body-content-font: var(--font-regular);\r\n\r\n /* RangeDatePicker vars */\r\n --uui-rdtp-bg: var(--uui-control-bg);\r\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\r\n\r\n /* Calendar vars */\r\n --uui-calendar-selected-hover: var(--uui-control-bg);\r\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\r\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\r\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\r\n --uui-calendar-text: var(--uui-control-text);\r\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\r\n\r\n --uui-calendar-content-font: var(--font-regular);\r\n --uui-calendar-weekday-font: var(--font-regular);\r\n --uui-calendar-selected_day-font: var(--font-semibold);\r\n\r\n /* tab-button-vars */\r\n --uui-tab-button-text: var(--uui-text-primary);\r\n --uui-tab-button-text-hover: var(--uui-primary);\r\n --uui-tab-button-text-active: var(--uui-primary);\r\n --uui-tab-button-text-disabled: var(--uui-text-disabled);\r\n --uui-tab-button-font: var(--font-semibold);\r\n\r\n /* radio-input-vars */\r\n --uui-radio-input-bg: var(--uui-control-bg);\r\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-radio-input-border: var(--uui-control-border);\r\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\r\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\r\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-radio-input-label: var(--uui-control-label);\r\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\r\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\r\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\r\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-radio-input-error: var(--uui-negative);\r\n\r\n --uui-radio-input-font: var(--font-regular);\r\n\r\n /* Checkbox vars */\r\n --uui-checkbox-border: var(--uui-control-border);\r\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\r\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\r\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\r\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-checkbox-bg: var(--uui-control-bg);\r\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\r\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\r\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\r\n --uui-checkbox-error: var(--uui-negative);\r\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\r\n --uui-checkbox-label: var(--uui-control-label);\r\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\r\n --uui-checkbox-border-radius: var(--uui-border-radius);\r\n\r\n --uui-checkbox-font: var(--font-regular);\r\n\r\n /* Tag vars */\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-icon);\r\n --uui-tag-fill-hover: var(--uui-icon-hover);\r\n --uui-tag-count-bg: var(--uui-surface);\r\n --uui-tag-count: var(--uui-text-secondary);\r\n --uui-tag-label: var(--uui-text-secondary);\r\n --uui-tag-border-radius: 30px;\r\n\r\n --uui-tag-font: var(--font-regular);\r\n --uui-tag-count-font: var(--font-semibold);\r\n\r\n /* TextArea vars */\r\n --uui-text-area-bg: var(--uui-control-bg);\r\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-text-area-border: var(--uui-control-border);\r\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\r\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-text-area-border-active: var(--uui-control-border-checked);\r\n --uui-text-area-border-error: var(--uui-negative);\r\n --uui-text-area-placeholder: var(--uui-control-placeholder);\r\n --uui-text-area-text: var(--uui-control-text);\r\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\r\n --uui-text-area-icon: var(--uui-icon);\r\n --uui-text-area-border-radius: var(--uui-border-radius);\r\n\r\n --uui-text-area-font: var(--font-regular);\r\n --uui-text-area-counter-font: var(--font-regular);\r\n\r\n /* DropMarker vars */\r\n --uui-drop-marker: var(--uui-primary);\r\n --uui-drop-marker-blocked: var(--uui-error);\r\n\r\n /* Tooltip vars */\r\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\r\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\r\n --uui-tooltip-border-radius: var(--uui-border-radius);\r\n\r\n --uui-tooltip-font: var(--font-regular);\r\n\r\n /* PickerInput vars */\r\n --uui-picker_input-bg: var(--uui-surface);\r\n\r\n /* PickerToggler vars */\r\n --uui-picker-toggler-bg: var(--uui-control-bg);\r\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-picker-toggler-border: var(--uui-control-border);\r\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\r\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\r\n --uui-picker-toggler-border-error: var(--uui-negative);\r\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\r\n --uui-picker-toggler-text: var(--uui-control-text);\r\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\r\n --uui-picker-toggler-icon: var(--uui-control-icon);\r\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\r\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\r\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\r\n\r\n --uui-picker-toggler-font: var(--font-regular);\r\n\r\n /* Panel */\r\n --uui-panel-border-radius: var(--uui-border-radius);\r\n --uui-panel-shadow: var(--uui-shadow-level-1);\r\n\r\n /* Modals */\r\n --uui-modals-border-radius: var(--uui-border-radius);\r\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\r\n --uui-modals-shadow: var(--uui-shadow-level-3);\r\n --uui-modals-bg: var(--uui-surface);\r\n\r\n /* TextPlaceholder */\r\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\r\n --uui-text-placeholder: var(--uui-skeleton);\r\n\r\n /* LabeledInput */\r\n --uui-labeled-input: var(--uui-text-primary);\r\n --uui-labeled-input-disabled: var(--uui-text-disabled);\r\n --uui-labeled-input-error: var(--uui-error);\r\n --uui-labeled-input-fill: var(--uui-icon);\r\n --uui-labeled-input-info-fill: var(--uui-icon);\r\n --uui-labeled-input-optional-text: var(--uui-text-secondary);\r\n --uui-labeled-input-asterisk: var(--uui-error);\r\n\r\n --uui-labeled-input-font: var(--font-semibold);\r\n --uui-labeled-input-optional-font: var(--font-italic);\r\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\r\n\r\n /* Accordion */\r\n --uui-accordion-bg: var(--uui-surface);\r\n --uui-accordion-border: var(--uui-divider);\r\n --uui-accordion-border-radius: 6px;\r\n --uui-accordion-text: var(--uui-text-primary);\r\n --uui-accordion-text-disabled: var(--uui-text-disabled);\r\n --uui-accordion-icon: var(--uui-icon);\r\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\r\n --uui-accordion-focus: var(--uui-primary);\r\n --uui-accordion-shadow: var(--uui-shadow-level-1);\r\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\r\n\r\n --uui-accordion-toggler-font: var(--font-semibold);\r\n --uui-accordion-body-font: var(--font-regular);\r\n\r\n /* Switch */\r\n --uui-switch-bg: var(--uui-control_switch-bg);\r\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\r\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\r\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\r\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\r\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\r\n --uui-switch-border: var(--uui-control-border);\r\n --uui-switch-border-checked: var(--uui-control-border-checked);\r\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\r\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\r\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\r\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-switch-label: var(--uui-control-label);\r\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\r\n --uui-switch-toggler-bg: var(--uui-control_switch_toggler-bg);\r\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\r\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\r\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\r\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\r\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\r\n\r\n --uui-switch-font: var(--font-regular);\r\n\r\n /* DropdownContainer */\r\n --uui-dropdown-container-border-radius: 6px;\r\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\r\n --uui-dropdown-container-bg: var(--uui-surface);\r\n\r\n /* DropdownMenu */\r\n // TODO: update tokens\r\n --uui-dropdown-menu-bg: var(--uui-surface);\r\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\r\n --uui-dropdown-menu-splitter: var(--uui-divider);\r\n --uui-dropdown-menu-item-hover: var(--uui-surface-hover);\r\n --uui-dropdown-menu-item-active: var(--uui-surface-hover);\r\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\r\n\r\n --uui-dropdown-menu-body-font: var(--font-regular);\r\n --uui-dropdown-menu-item-font: var(--font-regular);\r\n\r\n /* MainMenu */\r\n --uui-main_menu-text: var(--uui-text-contrast);\r\n --uui-main_menu-text-active: var(--uui-text-contrast);\r\n --uui-main_menu-bg: var(--uui-surface-contrast);\r\n --uui-main_menu-hover: var(--uui-surface-contrast-hover);\r\n --uui-main_menu-active: var(--uui-surface-contrast-active);\r\n --uui-main_menu-border-active: var(--uui-primary);\r\n\r\n --uui-main_menu-dropdown-bg: var(--uui-surface-inverted);\r\n --uui-main_menu-dropdown-hover: var(--uui-primary);\r\n --uui-main_menu-dropdown-shadow: none;\r\n --uui-main_menu-dropdown-border-radius: none;\r\n\r\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\r\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\r\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\r\n --uui-main_menu-search-text: var(--uui-contrast);\r\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\r\n\r\n --uui-main_menu-icon: var(--uui-text-contrast);\r\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\r\n --uui-main_menu-icon-active: var(--uui-text-contrast);\r\n\r\n --uui-main_menu-font: var(--font-semibold);\r\n --uui-main_menu-search-font: var(--font-regular);\r\n\r\n /* BurgerMenu */\r\n --uui-burger_menu-bg: var(--uui-surface-inverted);\r\n --uui-burger_menu-bg-hover: var(--uui-primary-dark);\r\n --uui-burger_menu-caption: var(--uui-text-contrast);\r\n --uui-burger_menu-caption-hover: var(--uui-primary);\r\n --uui-burger_menu-overlay: var(--uui-overlay);\r\n --uui-burger_icon: var(--uui-text-contrast);\r\n --uui-burger_item: var(--uui-text-brand);\r\n\r\n /* BurgerGroupHeader */\r\n --uui-burger_group-text: var(--uui-text-disabled);\r\n --uui-burger_group-bg: var(--uui-surface-contrast);\r\n --uui-burger_group-line: var(--uui-text-secondary);\r\n\r\n --uui-burger_group-font: var(--font-regular);\r\n\r\n /* BurgerButton */\r\n --uui-burger_btn_caption: var(--uui-text-contrast);\r\n --uui-burger_btn_caption-hover: var(--uui-primary);\r\n --uui-burger_btn_caption-active: var(--uui-primary);\r\n --uui-burger_btn-border: var(--uui-disabled);\r\n\r\n --uui-burger_btn-font: var(--font-regular);\r\n\r\n /* BurgerSearch */\r\n --uui-burger_search: var(--uui-text-contrast);\r\n --uui-burger_search-fill: var(--uui-text-disabled);\r\n --uui-burger_search-bg: var(--uui-surface-contrast);\r\n --uui-burger_search-placeholder: var(--uui-text-disabled);\r\n\r\n --uui-burger_search-font: var(--font-regular);\r\n\r\n /* NumericInput */\r\n --uui-numeric-input-bg: var(--uui-control-bg);\r\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-numeric-input-border: var(--uui-control-border);\r\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\r\n --uui-numeric-input-border-error: var(--uui-negative);\r\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\r\n --uui-numeric-input-text: var(--uui-control-text);\r\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\r\n --uui-numeric-input-icon-clickable: var(--uui-icon);\r\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-numeric-input-border-radius: var(--uui-border-radius);\r\n\r\n /* TimePicker */\r\n --uui-time-picker-bg: var(--uui-control-bg);\r\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-time-picker-border: var(--uui-control-border);\r\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\r\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-time-picker-border-active: var(--uui-control-border-checked);\r\n --uui-time-picker-border-error: var(--uui-negative);\r\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\r\n --uui-time-picker-text: var(--uui-control-text);\r\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\r\n --uui-time-picker-icon-clickable: var(--uui-icon);\r\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-time-picker-border-radius: var(--uui-border-radius);\r\n\r\n /* SearchPicker */\r\n --uui-search-input-bg: var(--uui-control-bg);\r\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-search-input-border: var(--uui-control-border);\r\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-search-input-border-active: var(--uui-control-border-checked);\r\n --uui-search-input-border-error: var(--uui-negative);\r\n --uui-search-input-placeholder: var(--uui-control-placeholder);\r\n --uui-search-input-text: var(--uui-control-text);\r\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\r\n --uui-search-input-icon-clickable: var(--uui-icon);\r\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\r\n --uui-search-input-border-radius: var(--uui-border-radius);\r\n\r\n /* Popover */\r\n --uui-popover-shadow: var(--uui-shadow-level-2);\r\n\r\n /* Footer */\r\n --uui-footer-bg: var(--uui-surface-contrast);\r\n\r\n /* FilterPanelItemToggler vars */\r\n --uui-filters-toggler-border: var(--uui-text-input-border);\r\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\r\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\r\n --uui-filters-toggler-bg: var(--uui-surface);\r\n --uui-filters-toggler-bg-hover: var(--uui-surface-light-hover);\r\n --uui-filters-toggler-text: var(--uui-text-brand);\r\n --uui-filters-toggler-label: var(--uui-text-secondary);\r\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\r\n --uui-filters-toggler-shadow: none;\r\n\r\n --uui-filters-toggler-font: var(--font-regular);\r\n --uui-filters-panel-header-font: var(--font-regular);\r\n\r\n /* NotificationCard */\r\n --uui-notification-card-border-radius: var(--uui-border-radius);\r\n --uui-notification-card-border-width: 0;\r\n --uui-notification-card-border-top-width: 6px;\r\n --uui-notification-card-shadow: var(--uui-shadow-level-2); //TODO: may change in the future\r\n\r\n /* Alert */\r\n --uui-alert-border-radius: 6px;\r\n\r\n /* Panel */\r\n\r\n --uui-panel-bg: var(--uui-surface);\r\n\r\n /* Spinner */\r\n --uui-spinner: var(--uui-primary);\r\n\r\n /* Blocker */\r\n --uui-blocker-bg: var(--uui-background);\r\n --uui-blocker-bg-with-opacity: #F5F6FA80;\r\n\r\n /* FlexRow */\r\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\r\n\r\n /* DataTable vars */\r\n --uui-dt-border: var(--uui-divider-light);\r\n\r\n --uui-dt-cell-bg: transparent;\r\n --uui-dt-cell-bg-resize: #EF55331F;\r\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\r\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\r\n\r\n --uui-dt-row-bg: var(--uui-surface);\r\n --uui-dt-row-bg-hover: var(--uui-surface-light-hover);\r\n --uui-dt-row-bg-invalid: #FEF7F6;\r\n --uui-dt-row-bg-selected: #EBF7FF;\r\n\r\n --uui-dt-header-row-bg: var(--uui-surface-light);\r\n --uui-dt-header-row-bg-hover: var(--uui-surface-hover);\r\n\r\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\r\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\r\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\r\n --uui-dt_header-drop_marker: var(--uui-primary);\r\n\r\n --uui-dt-header-cell-font: var(--font-semibold);\r\n\r\n /* AvatarStack */\r\n\r\n --uui-avatar-stack-font: var(--font-semibold);\r\n\r\n /* Badge */\r\n\r\n --uui-badge-font: var(--font-regular);\r\n --uui-badge-count-font: var(--font-semibold);\r\n\r\n /* Pagination */\r\n\r\n --uui-pagination-font: var(--font-regular);\r\n\r\n\r\n /* ------------------------------------ */\r\n\r\n .tooltip-contrast,\r\n .tooltip-gray {\r\n --uui-tooltip-bg: var(--uui-surface-contrast);\r\n --uui-tooltip-text: var(--uui-contrast);\r\n }\r\n\r\n .tooltip-default,\r\n .tooltip-white {\r\n --uui-tooltip-bg: var(--uui-surface);\r\n --uui-tooltip-text: var(--uui-text-primary);\r\n }\r\n\r\n .tooltip-critical,\r\n .tooltip-fire {\r\n --uui-tooltip-bg: var(--uui-error-dark);\r\n --uui-tooltip-text: var(--uui-contrast);\r\n }\r\n\r\n .button-sky, .button-primary {\r\n --uui-btn-bg: var(--uui-primary);\r\n --uui-btn-bg-hover: var(--uui-primary-dark);\r\n --uui-btn-bg-active: var(--uui-primary-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\r\n --uui-btn-border: var(--uui-primary);\r\n --uui-btn-border-hover: var(--uui-primary-dark);\r\n --uui-btn-border-active: var(--uui-primary-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-primary);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-accent, .button-grass {\r\n --uui-btn-bg: var(--uui-accent);\r\n --uui-btn-bg-hover: var(--uui-accent-dark);\r\n --uui-btn-bg-active: var(--uui-accent-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\r\n --uui-btn-border: var(--uui-accent);\r\n --uui-btn-border-hover: var(--uui-accent-dark);\r\n --uui-btn-border-active: var(--uui-accent-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-accent);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-fire, .button-negative {\r\n --uui-btn-bg: var(--uui-negative);\r\n --uui-btn-bg-hover: var(--uui-negative-dark);\r\n --uui-btn-bg-active: var(--uui-negative-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\r\n --uui-btn-border: var(--uui-negative);\r\n --uui-btn-border-hover: var(--uui-negative-dark);\r\n --uui-btn-border-active: var(--uui-negative-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-negative);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-night500,\r\n .button-night600,\r\n .button-gray,\r\n .button-secondary {\r\n --uui-btn-bg: var(--uui-secondary);\r\n --uui-btn-bg-hover: var(--uui-secondary-dark);\r\n --uui-btn-bg-active: var(--uui-secondary-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\r\n --uui-btn-border: var(--uui-secondary);\r\n --uui-btn-border-hover: var(--uui-secondary-dark);\r\n --uui-btn-border-active: var(--uui-secondary-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-white {\r\n --uui-btn-bg: var(--uui-contrast);\r\n --uui-btn-bg-hover: var(--uui-color-white-800);\r\n --uui-btn-bg-active: var(--uui-color-white-900);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\r\n --uui-btn-border: var(--uui-contrast);\r\n --uui-btn-border-hover: var(--uui-color-white-800);\r\n --uui-btn-border-active: var(--uui-color-white-900);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--night800);\r\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-primary,\r\n .link-button-sky {\r\n --uui-link-button-text: var(--uui-primary);\r\n --uui-link-button-text-hover: var(--uui-primary-dark);\r\n --uui-link-button-text-active: var(--uui-primary-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-secondary,\r\n .link-button-night600 {\r\n --uui-link-button-text: var(--uui-secondary);\r\n --uui-link-button-text-hover: var(--uui-secondary-dark);\r\n --uui-link-button-text-active: var(--uui-secondary-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-contrast,\r\n .link-button-night100 {\r\n --uui-link-button-text: var(--night100);\r\n --uui-link-button-text-hover: var(--uui-color-night100-800);\r\n --uui-link-button-text-active: var(--uui-color-night100-900);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-grass {\r\n --uui-link-button-text: var(--grass);\r\n --uui-link-button-text-hover: var(--grass-dark);\r\n --uui-link-button-text-active: var(--grass-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-sun {\r\n --uui-link-button-text: var(--sun);\r\n --uui-link-button-text-hover: var(--sun-dark);\r\n --uui-link-button-text-active: var(--sun-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-fire {\r\n --uui-link-button-text: var(--fire);\r\n --uui-link-button-text-hover: var(--fire-dark);\r\n --uui-link-button-text-active: var(--fire-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-cobalt {\r\n --uui-link-button-text: var(--cobalt-30);\r\n --uui-link-button-text-hover: var(--cobalt-40);\r\n --uui-link-button-text-active: var(--cobalt-50);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-lavanda {\r\n --uui-link-button-text: var(--lavanda-30);\r\n --uui-link-button-text-hover: var(--lavanda-40);\r\n --uui-link-button-text-active: var(--lavanda-50);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-fuchsia {\r\n --uui-link-button-text: var(--fuchia-30);\r\n --uui-link-button-text-hover: var(--fuchia-40);\r\n --uui-link-button-text-active: var(--fuchia-50);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-white {\r\n --uui-link-button-text: var(--white);\r\n --uui-link-button-text-hover: var(--uui-color-white-800);\r\n --uui-link-button-text-active: var(--uui-color-white-900);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-night50 {\r\n --uui-link-button-text: var(--night50);\r\n --uui-link-button-text-hover: var(--uui-color-night50-800);\r\n --uui-link-button-text-active: var(--uui-color-night50-900);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-night200 {\r\n --uui-link-button-text: var(--night200);\r\n --uui-link-button-text-hover: var(--uui-color-night200-800);\r\n --uui-link-button-text-active: var(--uui-color-night200-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night300 {\r\n --uui-link-button-text: var(--night300);\r\n --uui-link-button-text-hover: var(--uui-color-night300-800);\r\n --uui-link-button-text-active: var(--uui-color-night300-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night400 {\r\n --uui-link-button-text: var(--night400);\r\n --uui-link-button-text-hover: var(--uui-color-night400-800);\r\n --uui-link-button-text-active: var(--uui-color-night400-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night500 {\r\n --uui-link-button-text: var(--night500);\r\n --uui-link-button-text-hover: var(--uui-color-night500-800);\r\n --uui-link-button-text-active: var(--uui-color-night500-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night700 {\r\n --uui-link-button-text: var(--night700);\r\n --uui-link-button-text-hover: var(--uui-color-night700-800);\r\n --uui-link-button-text-active: var(--uui-color-night700-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night800 {\r\n --uui-link-button-text: var(--night800);\r\n --uui-link-button-text-hover: var(--uui-color-night800-800);\r\n --uui-link-button-text-active: var(--uui-color-night800-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night900 {\r\n --uui-link-button-text: var(--night900);\r\n --uui-link-button-text-hover: var(--uui-color-night900-800);\r\n --uui-link-button-text-active: var(--uui-color-night900-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-sky,\r\n .icon-button-info {\r\n --uui-icon-btn: var(--uui-info);\r\n --uui-icon-btn-hover: var(--uui-info-dark);\r\n --uui-icon-btn-active: var(--uui-info-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-grass,\r\n .icon-button-success {\r\n --uui-icon-btn: var(--uui-success);\r\n --uui-icon-btn-hover: var(--uui-success-dark);\r\n --uui-icon-btn-active: var(--uui-success-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-sun,\r\n .icon-button-warning {\r\n --uui-icon-btn: var(--uui-warning);\r\n --uui-icon-btn-hover: var(--uui-warning-dark);\r\n --uui-icon-btn-active: var(--uui-warning-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-fire,\r\n .icon-button-error {\r\n --uui-icon-btn: var(--uui-error);\r\n --uui-icon-btn-hover: var(--uui-error-dark);\r\n --uui-icon-btn-active: var(--uui-error-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-cobalt {\r\n --uui-icon-btn: var(--cobalt-30);\r\n --uui-icon-btn-hover: var(--cobalt-40);\r\n --uui-icon-btn-active: var(--cobalt-50);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-lavanda {\r\n --uui-icon-btn: var(--lavanda-30);\r\n --uui-icon-btn-hover: var(--lavanda-40);\r\n --uui-icon-btn-active: var(--lavanda-50);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-fuchsia {\r\n --uui-icon-btn: var(--fuchia-30);\r\n --uui-icon-btn-hover: var(--fuchia-40);\r\n --uui-icon-btn-active: var(--fuchia-50);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-white {\r\n --uui-icon-btn: var(--white);\r\n --uui-icon-btn-hover: var(--uui-color-white-800);\r\n --uui-icon-btn-active: var(--uui-color-white-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night200 {\r\n --uui-icon-btn: var(--night200);\r\n --uui-icon-btn-hover: var(--uui-color-night200-800);\r\n --uui-icon-btn-active: var(--uui-color-night200-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night300 {\r\n --uui-icon-btn: var(--night300);\r\n --uui-icon-btn-hover: var(--uui-color-night300-800);\r\n --uui-icon-btn-active: var(--uui-color-night300-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night400 {\r\n --uui-icon-btn: var(--night400);\r\n --uui-icon-btn-hover: var(--uui-color-night400-800);\r\n --uui-icon-btn-active: var(--uui-color-night400-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night500 {\r\n --uui-icon-btn: var(--night500);\r\n --uui-icon-btn-hover: var(--uui-color-night500-800);\r\n --uui-icon-btn-active: var(--uui-color-night500-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night600,\r\n .icon-button-secondary,\r\n .icon-button-default {\r\n --uui-icon-btn: var(--night600);\r\n --uui-icon-btn-hover: var(--uui-icon-hover);\r\n --uui-icon-btn-active: var(--uui-icon-active);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .notification-card-sun,\r\n .notification-card-warning {\r\n --uui-notification-card-fill: var(--uui-warning);\r\n --uui-notification-card-border: var(--uui-warning);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-success,\r\n .notification-card-grass {\r\n --uui-notification-card-fill: var(--uui-success);\r\n --uui-notification-card-border: var(--uui-success);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-info,\r\n .notification-card-sky {\r\n --uui-notification-card-fill: var(--uui-info);\r\n --uui-notification-card-border: var(--uui-info);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-error,\r\n .notification-card-fire {\r\n --uui-notification-card-fill: var(--uui-error);\r\n --uui-notification-card-border: var(--uui-error);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-night600 {\r\n --uui-notification-card-fill: var(--night600);\r\n --uui-notification-card-border: var(--night600);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .alert-error,\r\n .alert-fire {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #F5E5E9;\r\n --uui-alert-border: var(--uui-error);\r\n --uui-alert-icon: var(--uui-error);\r\n }\r\n\r\n .alert-warning,\r\n .alert-sun {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #F6EEE1;\r\n --uui-alert-border: var(--uui-warning);\r\n --uui-alert-icon: var(--uui-warning);\r\n }\r\n\r\n\r\n .alert-success,\r\n .alert-grass {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #E7EEE1;\r\n --uui-alert-border: var(--uui-success);\r\n --uui-alert-icon: var(--uui-success);\r\n }\r\n\r\n .alert-info,\r\n .alert-sky {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #DCEDF6;\r\n --uui-alert-border: var(--uui-info);\r\n --uui-alert-icon: var(--uui-info);\r\n }\r\n\r\n .badge-default, .badge-night300 {\r\n --uui-badge-bg: var(--night300);\r\n --uui-badge-bg-hover: var(--night400);\r\n --uui-badge-caption-solid: var(--uui-text-primary);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--night200);\r\n --uui-badge-bg-halftone-hover: var(--night300);\r\n --uui-badge-border-halftone: var(--night400);\r\n --uui-badge-border-halftone-hover: var(--night500);\r\n --uui-badge-caption-halftone: var(--uui-text-primary);\r\n }\r\n\r\n .badge-info, .badge-sky {\r\n --uui-badge-bg: var(--uui-info);\r\n --uui-badge-bg-hover: var(--uui-info-dark);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-info-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\r\n --uui-badge-border-halftone: var(--uui-info-light);\r\n --uui-badge-border-halftone-hover: var(--uui-info);\r\n --uui-badge-caption-halftone: var(--uui-info-darkest);\r\n }\r\n\r\n .badge-success, .badge-grass {\r\n --uui-badge-bg: var(--uui-success);\r\n --uui-badge-bg-hover: var(--uui-success-dark);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-success-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\r\n --uui-badge-border-halftone: var(--uui-success-light);\r\n --uui-badge-border-halftone-hover: var(--uui-success);\r\n --uui-badge-caption-halftone: var(--uui-success-darkest);\r\n }\r\n\r\n .badge-warning, .badge-sun {\r\n --uui-badge-bg: var(--uui-warning);\r\n --uui-badge-bg-hover: var(--uui-warning-dark);\r\n --uui-badge-caption-solid: var(--uui-text-primary);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\r\n --uui-badge-border-halftone: var(--uui-warning-light);\r\n --uui-badge-border-halftone-hover: var(--uui-warning);\r\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\r\n }\r\n\r\n .badge-error, .badge-fire {\r\n --uui-badge-bg: var(--uui-error);\r\n --uui-badge-bg-hover: var(--uui-error-dark);\r\n --uui-badge-caption-solid: var(--white);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-error-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\r\n --uui-badge-border-halftone: var(--uui-error-light);\r\n --uui-badge-border-halftone-hover: var(--uui-error);\r\n --uui-badge-caption-halftone: var(--uui-error-darkest);\r\n }\r\n\r\n .badge-cobalt {\r\n --uui-badge-bg: var(--cobalt-30);\r\n --uui-badge-bg-hover: var(--cobalt-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--cobalt-10);\r\n --uui-badge-bg-halftone-hover: var(--cobalt-20);\r\n --uui-badge-border-halftone: var(--cobalt-30);\r\n --uui-badge-border-halftone-hover: var(--cobalt-40);\r\n --uui-badge-caption-halftone: var(--cobalt-50);\r\n }\r\n\r\n .badge-lavanda {\r\n --uui-badge-bg: var(--lavanda-30);\r\n --uui-badge-bg-hover: var(--lavanda-40);\r\n --uui-badge-caption-solid: var(--white);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--lavanda-10);\r\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\r\n --uui-badge-border-halftone: var(--lavanda-30);\r\n --uui-badge-border-halftone-hover: var(--lavanda-40);\r\n --uui-badge-caption-halftone: var(--lavanda-50);\r\n }\r\n\r\n .badge-fuchsia {\r\n --uui-badge-bg: var(--fuchia-30);\r\n --uui-badge-bg-hover: var(--fuchia-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--fuchia-10);\r\n --uui-badge-bg-halftone-hover: var(--fuchia-20);\r\n --uui-badge-border-halftone: var(--fuchia-30);\r\n --uui-badge-border-halftone-hover: var(--fuchia-40);\r\n --uui-badge-caption-halftone: var(--fuchia-50);\r\n }\r\n\r\n .badge-white {\r\n --uui-badge-bg: var(--white);\r\n --uui-badge-bg-hover: var(--gray5);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night200 {\r\n --uui-badge-bg: var(--uui-color-night200-700);\r\n --uui-badge-bg-hover: var(--uui-color-night200-800);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night300 {\r\n --uui-badge-bg: var(--uui-color-night300-700);\r\n --uui-badge-bg-hover: var(--uui-color-night300-800);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night400 {\r\n --uui-badge-bg: var(--uui-color-night400-700);\r\n --uui-badge-bg-hover: var(--uui-color-night400-800);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night500 {\r\n --uui-badge-bg: var(--uui-color-night500-700);\r\n --uui-badge-bg-hover: var(--uui-color-night500-800);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night600 {\r\n --uui-badge-bg: var(--uui-color-night600-700);\r\n --uui-badge-bg-hover: var(--uui-color-night600-800);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-violet {\r\n --uui-badge-bg: var(--lavanda-30);\r\n --uui-badge-bg-hover: var(--lavanda-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--lavanda-10);\r\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\r\n --uui-badge-border-halftone: var(--lavanda-20);\r\n --uui-badge-border-halftone-hover: var(--lavanda-30);\r\n --uui-badge-caption-halftone: var(--lavanda-50);\r\n }\r\n\r\n .badge-orange {\r\n --uui-badge-bg: var(--orange-30);\r\n --uui-badge-bg-hover: var(--orange-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--orange-10);\r\n --uui-badge-bg-halftone-hover: var(--orange-20);\r\n --uui-badge-border-halftone: var(--orange-20);\r\n --uui-badge-border-halftone-hover: var(--orange-30);\r\n --uui-badge-caption-halftone: var(--orange-50);\r\n }\r\n\r\n .badge-purple {\r\n --uui-badge-bg: var(--purple-30);\r\n --uui-badge-bg-hover: var(--purple-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--purple-10);\r\n --uui-badge-bg-halftone-hover: var(--purple-20);\r\n --uui-badge-border-halftone: var(--purple-20);\r\n --uui-badge-border-halftone-hover: var(--purple-30);\r\n --uui-badge-caption-halftone: var(--purple-50);\r\n }\r\n\r\n .informer-default {\r\n --uui-informer-bg: var(--night300);\r\n --uui-informer-caption: var(--night600);\r\n }\r\n\r\n .informer-focus {\r\n --uui-informer-bg: var(--fire);\r\n --uui-informer-caption: var(--uui-contrast);\r\n }\r\n\r\n .informer-white {\r\n --uui-informer-bg: var(--uui-surface);\r\n --uui-informer-caption: var(--uui-text-secondary);\r\n }\r\n\r\n .uui-text-info,\r\n .uui-text-sky {\r\n --uui-text: var(--uui-text-info);\r\n }\r\n\r\n .uui-text-success,\r\n .uui-text-grass {\r\n --uui-text: var(--uui-text-success);\r\n }\r\n\r\n .uui-text-warning,\r\n .uui-text-sun {\r\n --uui-text: var(--uui-text-warning);\r\n }\r\n\r\n .uui-text-error,\r\n .uui-text-fire {\r\n --uui-text: var(--uui-text-error);\r\n }\r\n\r\n .uui-text-brand,\r\n .uui-text-night900 {\r\n --uui-text: var(--uui-text-brand);\r\n }\r\n\r\n .uui-text-primary,\r\n .uui-text-night800 {\r\n --uui-text: var(--uui-text-primary);\r\n }\r\n\r\n .uui-text-night700 {\r\n --uui-text: var(--night700);\r\n }\r\n\r\n .uui-text-secondary,\r\n .uui-text-night600 {\r\n --uui-text: var(--uui-text-secondary);\r\n }\r\n\r\n .uui-text-disabled,\r\n .uui-text-night500 {\r\n --uui-text: var(--uui-text-disabled);\r\n }\r\n\r\n .uui-text-night400 {\r\n --uui-text: var(--night400);\r\n }\r\n\r\n .uui-text-night300 {\r\n --uui-text: var(--night300);\r\n }\r\n\r\n .uui-text-contrast,\r\n .uui-text-night50 {\r\n --uui-text: var(--uui-text-contrast);\r\n }\r\n\r\n .uui-text-white {\r\n --uui-text: var(--uui-text-white);\r\n }\r\n\r\n .uui-font-regular,\r\n .uui-font-sans {\r\n --uui-text-font: var(--font-regular);\r\n }\r\n\r\n .uui-font-semibold,\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--font-semibold);\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--font-light);\r\n }\r\n\r\n .dropdown-container-white {\r\n --uui-dropdown-container-bg: var(--white);\r\n }\r\n\r\n .dropdown-container-night700 {\r\n --uui-dropdown-container-bg: var(--night700);\r\n }\r\n\r\n .flex-row-background-white {\r\n --uui-flex-row-bg: var(--uui-surface);\r\n }\r\n\r\n .flex-row-background-night50 {\r\n --uui-flex-row-bg: var(--night50);\r\n }\r\n\r\n .flex-row-background-night100 {\r\n --uui-flex-row-bg: var(--night100);\r\n }\r\n\r\n .flex-row-background-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .panel-white {\r\n --uui-panel-bg: var(--uui-surface);\r\n }\r\n\r\n .panel-night50 {\r\n --uui-panel-bg: var(--night50);\r\n }\r\n}\r\n","/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n// refactor indentions for this page using co-pilot\r\n\r\n.uui-theme-loveship {\r\n --font-regular: 'Sans Regular', Arial, sans-serif;\r\n --font-semibold: 'Sans Semibold', Arial, sans-serif;\r\n --font-italic: 'Sans Italic', Arial, sans-serif;\r\n --font-primary: 'Sans Semibold', Arial, sans-serif;\r\n --font-promo: 'Sans Semibold', Arial, sans-serif;\r\n --font-mono: monospace;\r\n --font-redacted: 'Redacted';\r\n --font-light: 'Sans Light', Arial, sans-serif;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n\r\n --sky-soft: #F5FDFF;\r\n --sky-lightest: #E1F4FA;\r\n --sky-light: #A0DDEE;\r\n --sky: #009ECC;\r\n --sky-dark: #0086AD;\r\n --sky-darkest: #006B8A;\r\n\r\n --grass-soft: #FCFFF5;\r\n --grass-lightest: #EBF3D8;\r\n --grass-light: #C1E288;\r\n --grass: #67A300;\r\n --grass-dark: #528500;\r\n --grass-darkest: #396F1F;\r\n\r\n --sun-soft: #FFFCF5;\r\n --sun-lightest: #FFEDC9;\r\n --sun-light: #FFD785;\r\n --sun: #FCAA00;\r\n --sun-dark: #FF9000;\r\n --sun-darkest: #BD5800;\r\n\r\n --fire-soft: #FEF6F6;\r\n --fire-lightest: #FDE1E1;\r\n --fire-light: #FBB6B6;\r\n --fire: #FF4242;\r\n --fire-dark: #E22A2A;\r\n --fire-darkest: #AD0000;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF0;\r\n --yellow-10: #FFFECC;\r\n --yellow-20: #FFFCA4;\r\n --yellow-30: #FDD63B;\r\n --yellow-40: #F9B71D;\r\n --yellow-50: #D3910C;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-30: #FF8B3E;\r\n --orange-40: #F76B0D;\r\n --orange-50: #BD4B00;\r\n\r\n --fuchia-5: #FFF7FB;\r\n --fuchia-10: #F9D8E7;\r\n --fuchia-20: #EDADC8;\r\n --fuchia-30: #EA4386;\r\n --fuchia-40: #D61E68;\r\n --fuchia-50: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-30: #B114D1;\r\n --purple-40: #860F9E;\r\n --purple-50: #5E0B6F;\r\n\r\n --lavanda-5: #F8F6FE;\r\n --lavanda-10: #DBCCFA;\r\n --lavanda-20: #BB9DF5;\r\n --lavanda-30: #773CEC;\r\n --lavanda-40: #5514D6;\r\n --lavanda-50: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-30: #0F98FF;\r\n --cobalt-40: #006FE5;\r\n --cobalt-50: #0954A5;\r\n\r\n --cyan-5: #F5FBFF;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-30: #14CCCC;\r\n --cyan-40: #0F9E9E;\r\n --cyan-50: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-30: #4FC48C;\r\n --mint-40: #2E9E68;\r\n --mint-50: #236E4A;\r\n\r\n /* Loveship old colors */\r\n --uui-color-white-800: #E6E6E6;\r\n --uui-color-white-900: #CCCCCC;\r\n\r\n --uui-color-night50-800: #DADAE9;\r\n --uui-color-night50-900: #BABAD6;\r\n\r\n --uui-color-night100-800: #D3D7E9;\r\n --uui-color-night100-900: #B1B9D8;\r\n\r\n --uui-color-night200-700: #E6E8F2;\r\n --uui-color-night200-800: #C9CEE4;\r\n --uui-color-night200-900: #A7B0D3;\r\n\r\n --uui-color-night300-700: #D9DCE6;\r\n --uui-color-night300-800: #C2C6D7;\r\n --uui-color-night300-900: #A4AAC2;\r\n\r\n --uui-color-night400-700: #C3C5D2;\r\n --uui-color-night400-800: #B1B4C5;\r\n --uui-color-night400-900: #9398B0;\r\n\r\n --uui-color-night500-700: #9D9FB2;\r\n --uui-color-night500-800: #8F93A9;\r\n --uui-color-night500-900: #727793;\r\n\r\n --uui-color-night600-700: #595B6D;\r\n --uui-color-night600-800: #555764;\r\n\r\n --uui-color-night700-800: #30323D;\r\n --uui-color-night700-900: #1A1B20;\r\n\r\n --uui-color-night800-800: #1A1B23;\r\n --uui-color-night800-900: #040406;\r\n\r\n --uui-color-night900-800: #070709;\r\n --uui-color-night900-900: #000000;\r\n /* end Loveship old colors */\r\n\r\n /* core variables start */\r\n\r\n --uui-accent: var(--grass);\r\n --uui-accent-light: var(--grass-light);\r\n --uui-accent-lightest: var(--grass-lightest);\r\n --uui-accent-dark: var(--grass-dark);\r\n --uui-accent-darkest: var(--grass-darkest);\r\n\r\n --uui-primary: var(--sky);\r\n --uui-primary-light: var(--sky-light);\r\n --uui-primary-lightest: var(--sky-lightest);\r\n --uui-primary-halftone: var(--night200);\r\n --uui-primary-dark: var(--sky-dark);\r\n --uui-primary-darkest: var(--sky-darkest);\r\n\r\n --uui-secondary: var(--night600);\r\n --uui-secondary-light: var(--night300);\r\n --uui-secondary-lightest: var(--night200);\r\n --uui-secondary-dark: var(--night700);\r\n --uui-secondary-darkest: var(--night800);\r\n\r\n --uui-negative: var(--fire);\r\n --uui-negative-light: var(--fire-light);\r\n --uui-negative-lightest: var(--fire-lightest);\r\n --uui-negative-dark: var(--fire-dark);\r\n --uui-negative-darkest: var(--fire-darkest);\r\n\r\n --uui-link: var(--sky);\r\n --uui-link-hover: var(--sky-dark);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-disabled: var(--night500);\r\n --uui-visited: #5214CC;\r\n\r\n --uui-info: var(--sky);\r\n --uui-info-lightest: var(--sky-lightest);\r\n --uui-info-light: var(--sky-light);\r\n --uui-info-dark: var(--sky-dark);\r\n --uui-info-darkest: var(--sky-darkest);\r\n --uui-info-hover: var(--sky-dark);\r\n --uui-info-active: var(--sky-darkest);\r\n\r\n --uui-success: var(--grass);\r\n --uui-success-lightest: var(--grass-lightest);\r\n --uui-success-light: var(--grass-light);\r\n --uui-success-dark: var(--grass-dark);\r\n --uui-success-darkest: var(--grass-darkest);\r\n --uui-success-hover: var(--grass-dark);\r\n --uui-success-active: var(--grass-darkest);\r\n\r\n --uui-warning: var(--sun);\r\n --uui-warning-lightest: var(--sun-lightest);\r\n --uui-warning-light: var(--sun-light);\r\n --uui-warning-dark: var(--sun-dark);\r\n --uui-warning-darkest: var(--sun-darkest);\r\n --uui-warning-hover: var(--sun-dark);\r\n --uui-warning-active: var(--sun-darkest);\r\n\r\n --uui-error: var(--fire);\r\n --uui-error-lightest: var(--fire-lightest);\r\n --uui-error-light: var(--fire-light);\r\n --uui-error-dark: var(--fire-dark);\r\n --uui-error-darkest: var(--fire-darkest);\r\n --uui-error-hover: var(--fire-dark);\r\n --uui-error-active: var(--fire-darkest);\r\n\r\n --uui-icon: var(--night600);\r\n --uui-icon-hover: var(--night700);\r\n --uui-icon-active: var(--night800);\r\n --uui-icon-disabled: var(--night500);\r\n\r\n --uui-surface: var(--white);\r\n --uui-surface-hover: var(--night200);\r\n --uui-surface-inverted: var(--night900);\r\n /* new start */\r\n --uui-surface-light: var(--night50);\r\n --uui-surface-light-hover: var(--night100);\r\n --uui-surface-contrast: var(--night800);\r\n --uui-surface-contrast-hover: var(--night900);\r\n --uui-surface-contrast-active: var(--night900);\r\n /* new end */\r\n\r\n --uui-background: var(--night100);\r\n --uui-divider: var(--night400);\r\n --uui-divider-light: var(--night300);\r\n --uui-contrast: var(--white);\r\n --uui-disabled: var(--night300);\r\n\r\n --uui-scroll-bars-bg: var(--night400);\r\n --uui-scroll-bars-bg-active: var(--night600);\r\n\r\n --uui-button-bg-halftone: var(--white);\r\n --uui-button-caption-disabled: var(--night500);\r\n\r\n --uui-text-info: var(--uui-info);\r\n --uui-text-warning: var(--uui-warning);\r\n --uui-text-error: var(--uui-error);\r\n --uui-text-success: var(--uui-success);\r\n --uui-text-brand: var(--night900);\r\n --uui-text-primary: var(--night800);\r\n --uui-text-secondary: var(--night600);\r\n --uui-text-disabled: var(--night500);\r\n --uui-text-contrast: var(--night50);\r\n --uui-text-white: var(--white);\r\n\r\n --uui-control-bg: var(--white);\r\n --uui-control-bg-checked: var(--uui-primary);\r\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\r\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\r\n --uui-control-bg-hover: var(--night600);\r\n --uui-control-bg-disabled: var(--night50);\r\n --uui-control-bg-readonly: var(--night50);\r\n --uui-control_switch-bg: var(--night400);\r\n --uui-control_switch_toggler-bg: var(--white);\r\n\r\n --uui-control-border-checked-disabled: var(--uui-primary-light);\r\n --uui-control-border: var(--night400);\r\n --uui-control-border-checked: var(--uui-primary);\r\n --uui-control-border-checked-hover: var(--uui-primary-dark);\r\n --uui-control-border-hover: var(--uui-primary-dark);\r\n --uui-control-border-disabled: var(--uui-disabled);\r\n --uui-control-border-readonly: var(--uui-disabled);\r\n\r\n --uui-control_switch-border-hover: var(--night600);\r\n --uui-control_textinput-border-hover: var(--night600);\r\n\r\n --uui-control-label: var(--uui-text-primary);\r\n --uui-control-label-disabled: var(--uui-text-disabled);\r\n --uui-control-label-error: var(--uui-error);\r\n --uui-control-label-fill: var(--uui-icon);\r\n --uui-control-label-optional-text: var(--uui-text-secondary);\r\n --uui-control-label-asterisk: var(--uui-error);\r\n\r\n --uui-control-placeholder: var(--night600);\r\n --uui-control-placeholder-disabled: var(--night500);\r\n\r\n --uui-control-text: var(--night800);\r\n --uui-control-text-disabled: var(--night500);\r\n\r\n --uui-control-icon: var(--night500);\r\n --uui-control-icon-disabled: var(--night500);\r\n\r\n --uui-control-checkbox-icon: var(--white);\r\n\r\n --uui-tag-bg: var(--night300);\r\n --uui-tag-bg-hover: var(--night400);\r\n\r\n --uui-skeleton: var(--night400);\r\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\r\n\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n --uui-border-radius: 3px;\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\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);\r\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);\r\n\r\n /* core variables end */\r\n\r\n /* find below the not core variables that are used and highlight them in the code */\r\n\r\n /* TextInput vars */\r\n --uui-text-input-bg: var(--uui-control-bg);\r\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\r\n --uui-text-input-border: var(--uui-control-border);\r\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-text-input-border-active: var(--uui-control-border-checked);\r\n --uui-text-input-border-error: var(--uui-negative);\r\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\r\n --uui-text-input-placeholder: var(--uui-control-placeholder);\r\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\r\n --uui-text-input-text: var(--uui-control-text);\r\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\r\n --uui-text-input-icon: var(--uui-control-icon);\r\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\r\n --uui-text-input-icon-clickable: var(--uui-icon);\r\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-text-input-border-radius: var(--uui-border-radius);\r\n\r\n --uui-text-input-font: var(--font-regular);\r\n\r\n /* Button vars */\r\n --uui-btn-border-radius: var(--uui-border-radius);\r\n\r\n --uui-btn-font: var(--font-semibold);\r\n\r\n /* LinkButton vars */\r\n --uui-link-button-font: var(--font-semibold);\r\n\r\n /* DatePicker vars */\r\n --uui-dtp-title-bg: var(--uui-control-bg);\r\n --uui-dtp-title-bg-hover: var(--uui-primary-halftone);\r\n --uui-dtp-text-selected: var(--uui-control-border-checked);\r\n --uui-dtp-text: var(--uui-control-text);\r\n --uui-dtp-next-prev-icon: var(--uui-icon);\r\n --uui-dtp-next-prev-icon-bg-hover: var(--uui-secondary-lightest);\r\n\r\n --uui-dtp_header-font: var(--font-semibold);\r\n --uui-dtp_body-content-font: var(--font-regular);\r\n\r\n /* RangeDatePicker vars */\r\n --uui-rdtp-bg: var(--uui-control-bg);\r\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\r\n\r\n /* Calendar vars */\r\n --uui-calendar-selected-hover: var(--uui-control-bg);\r\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\r\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\r\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\r\n --uui-calendar-text: var(--uui-control-text);\r\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\r\n\r\n --uui-calendar-content-font: var(--font-regular);\r\n --uui-calendar-weekday-font: var(--font-regular);\r\n --uui-calendar-selected_day-font: var(--font-semibold);\r\n\r\n /* tab-button-vars */\r\n --uui-tab-button-text: var(--uui-text-primary);\r\n --uui-tab-button-text-hover: var(--uui-primary);\r\n --uui-tab-button-text-active: var(--uui-primary);\r\n --uui-tab-button-text-disabled: var(--uui-text-disabled);\r\n --uui-tab-button-font: var(--font-semibold);\r\n\r\n /* radio-input-vars */\r\n --uui-radio-input-bg: var(--uui-control-bg);\r\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-radio-input-border: var(--uui-control-border);\r\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\r\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\r\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-radio-input-label: var(--uui-control-label);\r\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\r\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\r\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\r\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-radio-input-error: var(--uui-negative);\r\n\r\n --uui-radio-input-font: var(--font-regular);\r\n\r\n /* Checkbox vars */\r\n --uui-checkbox-border: var(--uui-control-border);\r\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\r\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\r\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\r\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-checkbox-bg: var(--uui-control-bg);\r\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\r\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\r\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\r\n --uui-checkbox-error: var(--uui-negative);\r\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\r\n --uui-checkbox-label: var(--uui-control-label);\r\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\r\n --uui-checkbox-border-radius: var(--uui-border-radius);\r\n\r\n --uui-checkbox-font: var(--font-regular);\r\n\r\n /* Tag vars */\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-icon);\r\n --uui-tag-fill-hover: var(--uui-icon-hover);\r\n --uui-tag-count-bg: var(--uui-surface);\r\n --uui-tag-count: var(--uui-text-secondary);\r\n --uui-tag-label: var(--uui-text-secondary);\r\n --uui-tag-border-radius: 30px;\r\n\r\n --uui-tag-font: var(--font-regular);\r\n --uui-tag-count-font: var(--font-semibold);\r\n\r\n /* TextArea vars */\r\n --uui-text-area-bg: var(--uui-control-bg);\r\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-text-area-border: var(--uui-control-border);\r\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\r\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-text-area-border-active: var(--uui-control-border-checked);\r\n --uui-text-area-border-error: var(--uui-negative);\r\n --uui-text-area-placeholder: var(--uui-control-placeholder);\r\n --uui-text-area-text: var(--uui-control-text);\r\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\r\n --uui-text-area-icon: var(--uui-icon);\r\n --uui-text-area-border-radius: var(--uui-border-radius);\r\n\r\n --uui-text-area-font: var(--font-regular);\r\n --uui-text-area-counter-font: var(--font-regular);\r\n\r\n /* DropMarker vars */\r\n --uui-drop-marker: var(--uui-primary);\r\n --uui-drop-marker-blocked: var(--uui-error);\r\n\r\n /* Tooltip vars */\r\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\r\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\r\n --uui-tooltip-border-radius: var(--uui-border-radius);\r\n\r\n --uui-tooltip-font: var(--font-regular);\r\n\r\n /* PickerInput vars */\r\n --uui-picker_input-bg: var(--uui-surface);\r\n\r\n /* PickerToggler vars */\r\n --uui-picker-toggler-bg: var(--uui-control-bg);\r\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-picker-toggler-border: var(--uui-control-border);\r\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\r\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\r\n --uui-picker-toggler-border-error: var(--uui-negative);\r\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\r\n --uui-picker-toggler-text: var(--uui-control-text);\r\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\r\n --uui-picker-toggler-icon: var(--uui-control-icon);\r\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\r\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\r\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\r\n\r\n --uui-picker-toggler-font: var(--font-regular);\r\n\r\n /* Panel */\r\n --uui-panel-border-radius: var(--uui-border-radius);\r\n --uui-panel-shadow: var(--uui-shadow-level-1);\r\n\r\n /* Modals */\r\n --uui-modals-border-radius: var(--uui-border-radius);\r\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\r\n --uui-modals-shadow: var(--uui-shadow-level-3);\r\n --uui-modals-bg: var(--uui-surface);\r\n\r\n /* TextPlaceholder */\r\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\r\n --uui-text-placeholder: var(--uui-skeleton);\r\n\r\n /* LabeledInput */\r\n --uui-labeled-input: var(--uui-text-primary);\r\n --uui-labeled-input-disabled: var(--uui-text-disabled);\r\n --uui-labeled-input-error: var(--uui-error);\r\n --uui-labeled-input-fill: var(--uui-icon);\r\n --uui-labeled-input-info-fill: var(--uui-icon);\r\n --uui-labeled-input-optional-text: var(--uui-text-secondary);\r\n --uui-labeled-input-asterisk: var(--uui-error);\r\n\r\n --uui-labeled-input-font: var(--font-semibold);\r\n --uui-labeled-input-optional-font: var(--font-italic);\r\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\r\n\r\n /* Accordion */\r\n --uui-accordion-bg: var(--uui-surface);\r\n --uui-accordion-border: var(--uui-divider);\r\n --uui-accordion-border-radius: 6px;\r\n --uui-accordion-text: var(--uui-text-primary);\r\n --uui-accordion-text-disabled: var(--uui-text-disabled);\r\n --uui-accordion-icon: var(--uui-icon);\r\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\r\n --uui-accordion-focus: var(--uui-primary);\r\n --uui-accordion-shadow: var(--uui-shadow-level-1);\r\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\r\n\r\n --uui-accordion-toggler-font: var(--font-semibold);\r\n --uui-accordion-body-font: var(--font-regular);\r\n\r\n /* Switch */\r\n --uui-switch-bg: var(--uui-control_switch-bg);\r\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\r\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\r\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\r\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\r\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\r\n --uui-switch-border: var(--uui-control-border);\r\n --uui-switch-border-checked: var(--uui-control-border-checked);\r\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\r\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\r\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\r\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\r\n --uui-switch-label: var(--uui-control-label);\r\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\r\n --uui-switch-toggler-bg: var(--uui-control_switch_toggler-bg);\r\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\r\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\r\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\r\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\r\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\r\n\r\n --uui-switch-font: var(--font-regular);\r\n\r\n /* DropdownContainer */\r\n --uui-dropdown-container-border-radius: 6px;\r\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\r\n --uui-dropdown-container-bg: var(--uui-surface);\r\n\r\n /* DropdownMenu */\r\n // TODO: update tokens\r\n --uui-dropdown-menu-bg: var(--uui-surface);\r\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\r\n --uui-dropdown-menu-splitter: var(--uui-divider);\r\n --uui-dropdown-menu-item-hover: var(--uui-surface-hover);\r\n --uui-dropdown-menu-item-active: var(--uui-surface-hover);\r\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\r\n\r\n --uui-dropdown-menu-body-font: var(--font-regular);\r\n --uui-dropdown-menu-item-font: var(--font-regular);\r\n\r\n /* MainMenu */\r\n --uui-main_menu-text: var(--uui-text-contrast);\r\n --uui-main_menu-text-active: var(--uui-text-contrast);\r\n --uui-main_menu-bg: var(--uui-surface-contrast);\r\n --uui-main_menu-hover: var(--uui-surface-contrast-hover);\r\n --uui-main_menu-active: var(--uui-surface-contrast-active);\r\n --uui-main_menu-border-active: var(--uui-primary);\r\n\r\n --uui-main_menu-dropdown-bg: var(--uui-surface-inverted);\r\n --uui-main_menu-dropdown-hover: var(--uui-primary);\r\n --uui-main_menu-dropdown-shadow: none;\r\n --uui-main_menu-dropdown-border-radius: none;\r\n\r\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\r\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\r\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\r\n --uui-main_menu-search-text: var(--uui-contrast);\r\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\r\n\r\n --uui-main_menu-icon: var(--uui-text-contrast);\r\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\r\n --uui-main_menu-icon-active: var(--uui-text-contrast);\r\n\r\n --uui-main_menu-font: var(--font-semibold);\r\n --uui-main_menu-search-font: var(--font-regular);\r\n\r\n /* BurgerMenu */\r\n --uui-burger_menu-bg: var(--uui-surface-inverted);\r\n --uui-burger_menu-bg-hover: var(--uui-primary-dark);\r\n --uui-burger_menu-caption: var(--uui-text-contrast);\r\n --uui-burger_menu-caption-hover: var(--uui-primary);\r\n --uui-burger_menu-overlay: var(--uui-overlay);\r\n --uui-burger_icon: var(--uui-text-contrast);\r\n --uui-burger_item: var(--uui-text-brand);\r\n\r\n /* BurgerGroupHeader */\r\n --uui-burger_group-text: var(--uui-text-disabled);\r\n --uui-burger_group-bg: var(--uui-surface-contrast);\r\n --uui-burger_group-line: var(--uui-text-secondary);\r\n\r\n --uui-burger_group-font: var(--font-regular);\r\n\r\n /* BurgerButton */\r\n --uui-burger_btn_caption: var(--uui-text-contrast);\r\n --uui-burger_btn_caption-hover: var(--uui-primary);\r\n --uui-burger_btn_caption-active: var(--uui-primary);\r\n --uui-burger_btn-border: var(--uui-disabled);\r\n\r\n --uui-burger_btn-font: var(--font-regular);\r\n\r\n /* BurgerSearch */\r\n --uui-burger_search: var(--uui-text-contrast);\r\n --uui-burger_search-fill: var(--uui-text-disabled);\r\n --uui-burger_search-bg: var(--uui-surface-contrast);\r\n --uui-burger_search-placeholder: var(--uui-text-disabled);\r\n\r\n --uui-burger_search-font: var(--font-regular);\r\n\r\n /* NumericInput */\r\n --uui-numeric-input-bg: var(--uui-control-bg);\r\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-numeric-input-border: var(--uui-control-border);\r\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\r\n --uui-numeric-input-border-error: var(--uui-negative);\r\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\r\n --uui-numeric-input-text: var(--uui-control-text);\r\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\r\n --uui-numeric-input-icon-clickable: var(--uui-icon);\r\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-numeric-input-border-radius: var(--uui-border-radius);\r\n\r\n /* TimePicker */\r\n --uui-time-picker-bg: var(--uui-control-bg);\r\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-time-picker-border: var(--uui-control-border);\r\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\r\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-time-picker-border-active: var(--uui-control-border-checked);\r\n --uui-time-picker-border-error: var(--uui-negative);\r\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\r\n --uui-time-picker-text: var(--uui-control-text);\r\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\r\n --uui-time-picker-icon-clickable: var(--uui-icon);\r\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-time-picker-border-radius: var(--uui-border-radius);\r\n\r\n /* SearchPicker */\r\n --uui-search-input-bg: var(--uui-control-bg);\r\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\r\n --uui-search-input-border: var(--uui-control-border);\r\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\r\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-search-input-border-active: var(--uui-control-border-checked);\r\n --uui-search-input-border-error: var(--uui-negative);\r\n --uui-search-input-placeholder: var(--uui-control-placeholder);\r\n --uui-search-input-text: var(--uui-control-text);\r\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\r\n --uui-search-input-icon-clickable: var(--uui-icon);\r\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\r\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\r\n --uui-search-input-border-radius: var(--uui-border-radius);\r\n\r\n /* Popover */\r\n --uui-popover-shadow: var(--uui-shadow-level-2);\r\n\r\n /* Footer */\r\n --uui-footer-bg: var(--uui-surface-contrast);\r\n\r\n /* FilterPanelItemToggler vars */\r\n --uui-filters-toggler-border: var(--uui-text-input-border);\r\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\r\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\r\n --uui-filters-toggler-bg: var(--uui-surface);\r\n --uui-filters-toggler-bg-hover: var(--uui-surface-light-hover);\r\n --uui-filters-toggler-text: var(--uui-text-brand);\r\n --uui-filters-toggler-label: var(--uui-text-secondary);\r\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\r\n --uui-filters-toggler-shadow: none;\r\n\r\n --uui-filters-toggler-font: var(--font-regular);\r\n --uui-filters-panel-header-font: var(--font-regular);\r\n\r\n /* NotificationCard */\r\n --uui-notification-card-border-radius: var(--uui-border-radius);\r\n --uui-notification-card-border-width: 0;\r\n --uui-notification-card-border-top-width: 6px;\r\n --uui-notification-card-shadow: var(--uui-shadow-level-2); //TODO: may change in the future\r\n\r\n /* Alert */\r\n --uui-alert-border-radius: 6px;\r\n\r\n /* Panel */\r\n\r\n --uui-panel-bg: var(--uui-surface);\r\n\r\n /* Spinner */\r\n --uui-spinner: var(--uui-primary);\r\n\r\n /* Blocker */\r\n --uui-blocker-bg: var(--uui-background);\r\n --uui-blocker-bg-with-opacity: #F5F6FA80;\r\n\r\n /* FlexRow */\r\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\r\n\r\n /* DataTable vars */\r\n --uui-dt-border: var(--uui-divider-light);\r\n\r\n --uui-dt-cell-bg: transparent;\r\n --uui-dt-cell-bg-resize: #EF55331F;\r\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\r\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\r\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\r\n\r\n --uui-dt-row-bg: var(--uui-surface);\r\n --uui-dt-row-bg-hover: var(--uui-surface-light-hover);\r\n --uui-dt-row-bg-invalid: #FEF7F6;\r\n --uui-dt-row-bg-selected: #EBF7FF;\r\n\r\n --uui-dt-header-row-bg: var(--uui-surface-light);\r\n --uui-dt-header-row-bg-hover: var(--uui-surface-hover);\r\n\r\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\r\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\r\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\r\n --uui-dt_header-drop_marker: var(--uui-primary);\r\n\r\n --uui-dt-header-cell-font: var(--font-semibold);\r\n\r\n /* AvatarStack */\r\n\r\n --uui-avatar-stack-font: var(--font-semibold);\r\n\r\n /* Badge */\r\n\r\n --uui-badge-font: var(--font-regular);\r\n --uui-badge-count-font: var(--font-semibold);\r\n\r\n /* Pagination */\r\n\r\n --uui-pagination-font: var(--font-regular);\r\n\r\n\r\n /* ------------------------------------ */\r\n\r\n .tooltip-contrast,\r\n .tooltip-gray {\r\n --uui-tooltip-bg: var(--uui-surface-contrast);\r\n --uui-tooltip-text: var(--uui-contrast);\r\n }\r\n\r\n .tooltip-default,\r\n .tooltip-white {\r\n --uui-tooltip-bg: var(--uui-surface);\r\n --uui-tooltip-text: var(--uui-text-primary);\r\n }\r\n\r\n .tooltip-critical,\r\n .tooltip-fire {\r\n --uui-tooltip-bg: var(--uui-error-dark);\r\n --uui-tooltip-text: var(--uui-contrast);\r\n }\r\n\r\n .button-sky, .button-primary {\r\n --uui-btn-bg: var(--uui-primary);\r\n --uui-btn-bg-hover: var(--uui-primary-dark);\r\n --uui-btn-bg-active: var(--uui-primary-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\r\n --uui-btn-border: var(--uui-primary);\r\n --uui-btn-border-hover: var(--uui-primary-dark);\r\n --uui-btn-border-active: var(--uui-primary-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-primary);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-accent, .button-grass {\r\n --uui-btn-bg: var(--uui-accent);\r\n --uui-btn-bg-hover: var(--uui-accent-dark);\r\n --uui-btn-bg-active: var(--uui-accent-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\r\n --uui-btn-border: var(--uui-accent);\r\n --uui-btn-border-hover: var(--uui-accent-dark);\r\n --uui-btn-border-active: var(--uui-accent-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-accent);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-fire, .button-negative {\r\n --uui-btn-bg: var(--uui-negative);\r\n --uui-btn-bg-hover: var(--uui-negative-dark);\r\n --uui-btn-bg-active: var(--uui-negative-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\r\n --uui-btn-border: var(--uui-negative);\r\n --uui-btn-border-hover: var(--uui-negative-dark);\r\n --uui-btn-border-active: var(--uui-negative-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-negative);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-night500,\r\n .button-night600,\r\n .button-gray,\r\n .button-secondary {\r\n --uui-btn-bg: var(--uui-secondary);\r\n --uui-btn-bg-hover: var(--uui-secondary-dark);\r\n --uui-btn-bg-active: var(--uui-secondary-darkest);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\r\n --uui-btn-border: var(--uui-secondary);\r\n --uui-btn-border-hover: var(--uui-secondary-dark);\r\n --uui-btn-border-active: var(--uui-secondary-darkest);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--uui-contrast);\r\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .button-white {\r\n --uui-btn-bg: var(--uui-contrast);\r\n --uui-btn-bg-hover: var(--uui-color-white-800);\r\n --uui-btn-bg-active: var(--uui-color-white-900);\r\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\r\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\r\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\r\n --uui-btn-border: var(--uui-contrast);\r\n --uui-btn-border-hover: var(--uui-color-white-800);\r\n --uui-btn-border-active: var(--uui-color-white-900);\r\n --uui-btn-bg-disabled: var(--uui-disabled);\r\n --uui-btn-border-disabled: var(--uui-disabled);\r\n --uui-btn-caption: var(--night800);\r\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\r\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-primary,\r\n .link-button-sky {\r\n --uui-link-button-text: var(--uui-primary);\r\n --uui-link-button-text-hover: var(--uui-primary-dark);\r\n --uui-link-button-text-active: var(--uui-primary-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-secondary,\r\n .link-button-night600 {\r\n --uui-link-button-text: var(--uui-secondary);\r\n --uui-link-button-text-hover: var(--uui-secondary-dark);\r\n --uui-link-button-text-active: var(--uui-secondary-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-contrast,\r\n .link-button-night100 {\r\n --uui-link-button-text: var(--night100);\r\n --uui-link-button-text-hover: var(--uui-color-night100-800);\r\n --uui-link-button-text-active: var(--uui-color-night100-900);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-grass {\r\n --uui-link-button-text: var(--grass);\r\n --uui-link-button-text-hover: var(--grass-dark);\r\n --uui-link-button-text-active: var(--grass-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-sun {\r\n --uui-link-button-text: var(--sun);\r\n --uui-link-button-text-hover: var(--sun-dark);\r\n --uui-link-button-text-active: var(--sun-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-fire {\r\n --uui-link-button-text: var(--fire);\r\n --uui-link-button-text-hover: var(--fire-dark);\r\n --uui-link-button-text-active: var(--fire-darkest);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-cobalt {\r\n --uui-link-button-text: var(--cobalt-30);\r\n --uui-link-button-text-hover: var(--cobalt-40);\r\n --uui-link-button-text-active: var(--cobalt-50);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-lavanda {\r\n --uui-link-button-text: var(--lavanda-30);\r\n --uui-link-button-text-hover: var(--lavanda-40);\r\n --uui-link-button-text-active: var(--lavanda-50);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-fuchsia {\r\n --uui-link-button-text: var(--fuchia-30);\r\n --uui-link-button-text-hover: var(--fuchia-40);\r\n --uui-link-button-text-active: var(--fuchia-50);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-white {\r\n --uui-link-button-text: var(--white);\r\n --uui-link-button-text-hover: var(--uui-color-white-800);\r\n --uui-link-button-text-active: var(--uui-color-white-900);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-night50 {\r\n --uui-link-button-text: var(--night50);\r\n --uui-link-button-text-hover: var(--uui-color-night50-800);\r\n --uui-link-button-text-active: var(--uui-color-night50-900);\r\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\r\n }\r\n\r\n .link-button-night200 {\r\n --uui-link-button-text: var(--night200);\r\n --uui-link-button-text-hover: var(--uui-color-night200-800);\r\n --uui-link-button-text-active: var(--uui-color-night200-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night300 {\r\n --uui-link-button-text: var(--night300);\r\n --uui-link-button-text-hover: var(--uui-color-night300-800);\r\n --uui-link-button-text-active: var(--uui-color-night300-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night400 {\r\n --uui-link-button-text: var(--night400);\r\n --uui-link-button-text-hover: var(--uui-color-night400-800);\r\n --uui-link-button-text-active: var(--uui-color-night400-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night500 {\r\n --uui-link-button-text: var(--night500);\r\n --uui-link-button-text-hover: var(--uui-color-night500-800);\r\n --uui-link-button-text-active: var(--uui-color-night500-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night700 {\r\n --uui-link-button-text: var(--night700);\r\n --uui-link-button-text-hover: var(--uui-color-night700-800);\r\n --uui-link-button-text-active: var(--uui-color-night700-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night800 {\r\n --uui-link-button-text: var(--night800);\r\n --uui-link-button-text-hover: var(--uui-color-night800-800);\r\n --uui-link-button-text-active: var(--uui-color-night800-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .link-button-night900 {\r\n --uui-link-button-text: var(--night900);\r\n --uui-link-button-text-hover: var(--uui-color-night900-800);\r\n --uui-link-button-text-active: var(--uui-color-night900-900);\r\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-sky,\r\n .icon-button-info {\r\n --uui-icon-btn: var(--uui-info);\r\n --uui-icon-btn-hover: var(--uui-info-dark);\r\n --uui-icon-btn-active: var(--uui-info-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-grass,\r\n .icon-button-success {\r\n --uui-icon-btn: var(--uui-success);\r\n --uui-icon-btn-hover: var(--uui-success-dark);\r\n --uui-icon-btn-active: var(--uui-success-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-sun,\r\n .icon-button-warning {\r\n --uui-icon-btn: var(--uui-warning);\r\n --uui-icon-btn-hover: var(--uui-warning-dark);\r\n --uui-icon-btn-active: var(--uui-warning-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-fire,\r\n .icon-button-error {\r\n --uui-icon-btn: var(--uui-error);\r\n --uui-icon-btn-hover: var(--uui-error-dark);\r\n --uui-icon-btn-active: var(--uui-error-darkest);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-cobalt {\r\n --uui-icon-btn: var(--cobalt-30);\r\n --uui-icon-btn-hover: var(--cobalt-40);\r\n --uui-icon-btn-active: var(--cobalt-50);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-lavanda {\r\n --uui-icon-btn: var(--lavanda-30);\r\n --uui-icon-btn-hover: var(--lavanda-40);\r\n --uui-icon-btn-active: var(--lavanda-50);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-fuchsia {\r\n --uui-icon-btn: var(--fuchia-30);\r\n --uui-icon-btn-hover: var(--fuchia-40);\r\n --uui-icon-btn-active: var(--fuchia-50);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-white {\r\n --uui-icon-btn: var(--white);\r\n --uui-icon-btn-hover: var(--uui-color-white-800);\r\n --uui-icon-btn-active: var(--uui-color-white-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night200 {\r\n --uui-icon-btn: var(--night200);\r\n --uui-icon-btn-hover: var(--uui-color-night200-800);\r\n --uui-icon-btn-active: var(--uui-color-night200-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night300 {\r\n --uui-icon-btn: var(--night300);\r\n --uui-icon-btn-hover: var(--uui-color-night300-800);\r\n --uui-icon-btn-active: var(--uui-color-night300-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night400 {\r\n --uui-icon-btn: var(--night400);\r\n --uui-icon-btn-hover: var(--uui-color-night400-800);\r\n --uui-icon-btn-active: var(--uui-color-night400-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night500 {\r\n --uui-icon-btn: var(--night500);\r\n --uui-icon-btn-hover: var(--uui-color-night500-800);\r\n --uui-icon-btn-active: var(--uui-color-night500-900);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .icon-button-night600,\r\n .icon-button-secondary,\r\n .icon-button-default {\r\n --uui-icon-btn: var(--night600);\r\n --uui-icon-btn-hover: var(--uui-icon-hover);\r\n --uui-icon-btn-active: var(--uui-icon-active);\r\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\r\n }\r\n\r\n .notification-card-sun,\r\n .notification-card-warning {\r\n --uui-notification-card-fill: var(--uui-warning);\r\n --uui-notification-card-border: var(--uui-warning);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-success,\r\n .notification-card-grass {\r\n --uui-notification-card-fill: var(--uui-success);\r\n --uui-notification-card-border: var(--uui-success);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-info,\r\n .notification-card-sky {\r\n --uui-notification-card-fill: var(--uui-info);\r\n --uui-notification-card-border: var(--uui-info);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-error,\r\n .notification-card-fire {\r\n --uui-notification-card-fill: var(--uui-error);\r\n --uui-notification-card-border: var(--uui-error);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .notification-card-night600 {\r\n --uui-notification-card-fill: var(--night600);\r\n --uui-notification-card-border: var(--night600);\r\n --uui-notification-card-bg: var(--uui-surface);\r\n --uui-notification-card-text: var(--uui-text-primary);\r\n }\r\n\r\n .alert-error,\r\n .alert-fire {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #F5E5E9;\r\n --uui-alert-border: var(--uui-error);\r\n --uui-alert-icon: var(--uui-error);\r\n }\r\n\r\n .alert-warning,\r\n .alert-sun {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #F6EEE1;\r\n --uui-alert-border: var(--uui-warning);\r\n --uui-alert-icon: var(--uui-warning);\r\n }\r\n\r\n\r\n .alert-success,\r\n .alert-grass {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #E7EEE1;\r\n --uui-alert-border: var(--uui-success);\r\n --uui-alert-icon: var(--uui-success);\r\n }\r\n\r\n .alert-info,\r\n .alert-sky {\r\n --uui-alert-text: var(--uui-text-primary);\r\n --uui-alert-bg: #DCEDF6;\r\n --uui-alert-border: var(--uui-info);\r\n --uui-alert-icon: var(--uui-info);\r\n }\r\n\r\n .badge-default, .badge-night300 {\r\n --uui-badge-bg: var(--night300);\r\n --uui-badge-bg-hover: var(--night400);\r\n --uui-badge-caption-solid: var(--uui-text-primary);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--night200);\r\n --uui-badge-bg-halftone-hover: var(--night300);\r\n --uui-badge-border-halftone: var(--night400);\r\n --uui-badge-border-halftone-hover: var(--night500);\r\n --uui-badge-caption-halftone: var(--uui-text-primary);\r\n }\r\n\r\n .badge-info, .badge-sky {\r\n --uui-badge-bg: var(--uui-info);\r\n --uui-badge-bg-hover: var(--uui-info-dark);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-info-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\r\n --uui-badge-border-halftone: var(--uui-info-light);\r\n --uui-badge-border-halftone-hover: var(--uui-info);\r\n --uui-badge-caption-halftone: var(--uui-info-darkest);\r\n }\r\n\r\n .badge-success, .badge-grass {\r\n --uui-badge-bg: var(--uui-success);\r\n --uui-badge-bg-hover: var(--uui-success-dark);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-success-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\r\n --uui-badge-border-halftone: var(--uui-success-light);\r\n --uui-badge-border-halftone-hover: var(--uui-success);\r\n --uui-badge-caption-halftone: var(--uui-success-darkest);\r\n }\r\n\r\n .badge-warning, .badge-sun {\r\n --uui-badge-bg: var(--uui-warning);\r\n --uui-badge-bg-hover: var(--uui-warning-dark);\r\n --uui-badge-caption-solid: var(--uui-text-primary);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\r\n --uui-badge-border-halftone: var(--uui-warning-light);\r\n --uui-badge-border-halftone-hover: var(--uui-warning);\r\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\r\n }\r\n\r\n .badge-error, .badge-fire {\r\n --uui-badge-bg: var(--uui-error);\r\n --uui-badge-bg-hover: var(--uui-error-dark);\r\n --uui-badge-caption-solid: var(--white);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--uui-error-lightest);\r\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\r\n --uui-badge-border-halftone: var(--uui-error-light);\r\n --uui-badge-border-halftone-hover: var(--uui-error);\r\n --uui-badge-caption-halftone: var(--uui-error-darkest);\r\n }\r\n\r\n .badge-cobalt {\r\n --uui-badge-bg: var(--cobalt-30);\r\n --uui-badge-bg-hover: var(--cobalt-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--cobalt-10);\r\n --uui-badge-bg-halftone-hover: var(--cobalt-20);\r\n --uui-badge-border-halftone: var(--cobalt-30);\r\n --uui-badge-border-halftone-hover: var(--cobalt-40);\r\n --uui-badge-caption-halftone: var(--cobalt-50);\r\n }\r\n\r\n .badge-lavanda {\r\n --uui-badge-bg: var(--lavanda-30);\r\n --uui-badge-bg-hover: var(--lavanda-40);\r\n --uui-badge-caption-solid: var(--white);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--lavanda-10);\r\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\r\n --uui-badge-border-halftone: var(--lavanda-30);\r\n --uui-badge-border-halftone-hover: var(--lavanda-40);\r\n --uui-badge-caption-halftone: var(--lavanda-50);\r\n }\r\n\r\n .badge-fuchsia {\r\n --uui-badge-bg: var(--fuchia-30);\r\n --uui-badge-bg-hover: var(--fuchia-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--fuchia-10);\r\n --uui-badge-bg-halftone-hover: var(--fuchia-20);\r\n --uui-badge-border-halftone: var(--fuchia-30);\r\n --uui-badge-border-halftone-hover: var(--fuchia-40);\r\n --uui-badge-caption-halftone: var(--fuchia-50);\r\n }\r\n\r\n .badge-white {\r\n --uui-badge-bg: var(--white);\r\n --uui-badge-bg-hover: var(--gray5);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night200 {\r\n --uui-badge-bg: var(--uui-color-night200-700);\r\n --uui-badge-bg-hover: var(--uui-color-night200-800);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night300 {\r\n --uui-badge-bg: var(--uui-color-night300-700);\r\n --uui-badge-bg-hover: var(--uui-color-night300-800);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night400 {\r\n --uui-badge-bg: var(--uui-color-night400-700);\r\n --uui-badge-bg-hover: var(--uui-color-night400-800);\r\n --uui-badge-caption-solid: var(--night800);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night500 {\r\n --uui-badge-bg: var(--uui-color-night500-700);\r\n --uui-badge-bg-hover: var(--uui-color-night500-800);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-night600 {\r\n --uui-badge-bg: var(--uui-color-night600-700);\r\n --uui-badge-bg-hover: var(--uui-color-night600-800);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--white);\r\n --uui-badge-bg-halftone-hover: var(--gray5);\r\n --uui-badge-border-halftone: var(--white);\r\n --uui-badge-border-halftone-hover: var(--gray5);\r\n --uui-badge-caption-halftone: var(--uui-text-secondary);\r\n }\r\n\r\n .badge-violet {\r\n --uui-badge-bg: var(--lavanda-30);\r\n --uui-badge-bg-hover: var(--lavanda-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--lavanda-10);\r\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\r\n --uui-badge-border-halftone: var(--lavanda-20);\r\n --uui-badge-border-halftone-hover: var(--lavanda-30);\r\n --uui-badge-caption-halftone: var(--lavanda-50);\r\n }\r\n\r\n .badge-orange {\r\n --uui-badge-bg: var(--orange-30);\r\n --uui-badge-bg-hover: var(--orange-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--orange-10);\r\n --uui-badge-bg-halftone-hover: var(--orange-20);\r\n --uui-badge-border-halftone: var(--orange-20);\r\n --uui-badge-border-halftone-hover: var(--orange-30);\r\n --uui-badge-caption-halftone: var(--orange-50);\r\n }\r\n\r\n .badge-purple {\r\n --uui-badge-bg: var(--purple-30);\r\n --uui-badge-bg-hover: var(--purple-40);\r\n --uui-badge-caption-solid: var(--uui-text-contrast);\r\n --uui-badge-count-bg: var(--white);\r\n --uui-badge-count: var(--uui-text-secondary);\r\n --uui-badge-bg-halftone: var(--purple-10);\r\n --uui-badge-bg-halftone-hover: var(--purple-20);\r\n --uui-badge-border-halftone: var(--purple-20);\r\n --uui-badge-border-halftone-hover: var(--purple-30);\r\n --uui-badge-caption-halftone: var(--purple-50);\r\n }\r\n\r\n .informer-default {\r\n --uui-informer-bg: var(--night300);\r\n --uui-informer-caption: var(--night600);\r\n }\r\n\r\n .informer-focus {\r\n --uui-informer-bg: var(--fire);\r\n --uui-informer-caption: var(--uui-contrast);\r\n }\r\n\r\n .informer-white {\r\n --uui-informer-bg: var(--uui-surface);\r\n --uui-informer-caption: var(--uui-text-secondary);\r\n }\r\n\r\n .uui-text-info,\r\n .uui-text-sky {\r\n --uui-text: var(--uui-text-info);\r\n }\r\n\r\n .uui-text-success,\r\n .uui-text-grass {\r\n --uui-text: var(--uui-text-success);\r\n }\r\n\r\n .uui-text-warning,\r\n .uui-text-sun {\r\n --uui-text: var(--uui-text-warning);\r\n }\r\n\r\n .uui-text-error,\r\n .uui-text-fire {\r\n --uui-text: var(--uui-text-error);\r\n }\r\n\r\n .uui-text-brand,\r\n .uui-text-night900 {\r\n --uui-text: var(--uui-text-brand);\r\n }\r\n\r\n .uui-text-primary,\r\n .uui-text-night800 {\r\n --uui-text: var(--uui-text-primary);\r\n }\r\n\r\n .uui-text-night700 {\r\n --uui-text: var(--night700);\r\n }\r\n\r\n .uui-text-secondary,\r\n .uui-text-night600 {\r\n --uui-text: var(--uui-text-secondary);\r\n }\r\n\r\n .uui-text-disabled,\r\n .uui-text-night500 {\r\n --uui-text: var(--uui-text-disabled);\r\n }\r\n\r\n .uui-text-night400 {\r\n --uui-text: var(--night400);\r\n }\r\n\r\n .uui-text-night300 {\r\n --uui-text: var(--night300);\r\n }\r\n\r\n .uui-text-contrast,\r\n .uui-text-night50 {\r\n --uui-text: var(--uui-text-contrast);\r\n }\r\n\r\n .uui-text-white {\r\n --uui-text: var(--uui-text-white);\r\n }\r\n\r\n .uui-font-regular,\r\n .uui-font-sans {\r\n --uui-text-font: var(--font-regular);\r\n }\r\n\r\n .uui-font-semibold,\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--font-semibold);\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--font-light);\r\n }\r\n\r\n .dropdown-container-white {\r\n --uui-dropdown-container-bg: var(--white);\r\n }\r\n\r\n .dropdown-container-night700 {\r\n --uui-dropdown-container-bg: var(--night700);\r\n }\r\n\r\n .flex-row-background-white {\r\n --uui-flex-row-bg: var(--uui-surface);\r\n }\r\n\r\n .flex-row-background-night50 {\r\n --uui-flex-row-bg: var(--night50);\r\n }\r\n\r\n .flex-row-background-night100 {\r\n --uui-flex-row-bg: var(--night100);\r\n }\r\n\r\n .flex-row-background-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .panel-white {\r\n --uui-panel-bg: var(--uui-surface);\r\n }\r\n\r\n .panel-night50 {\r\n --uui-panel-bg: var(--night50);\r\n }\r\n}\r\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-loveship {\n --font-regular: \"Sans Regular\", Arial, sans-serif;\n --font-semibold: \"Sans Semibold\", Arial, sans-serif;\n --font-italic: \"Sans Italic\", Arial, sans-serif;\n --font-primary: \"Sans Semibold\", Arial, sans-serif;\n --font-promo: \"Sans Semibold\", Arial, sans-serif;\n --font-mono: monospace;\n --font-redacted: \"Redacted\";\n --font-light: \"Sans Light\", Arial, sans-serif;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n --sky-soft: #F5FDFF;\n --sky-lightest: #E1F4FA;\n --sky-light: #A0DDEE;\n --sky: #009ECC;\n --sky-dark: #0086AD;\n --sky-darkest: #006B8A;\n --grass-soft: #FCFFF5;\n --grass-lightest: #EBF3D8;\n --grass-light: #C1E288;\n --grass: #67A300;\n --grass-dark: #528500;\n --grass-darkest: #396F1F;\n --sun-soft: #FFFCF5;\n --sun-lightest: #FFEDC9;\n --sun-light: #FFD785;\n --sun: #FCAA00;\n --sun-dark: #FF9000;\n --sun-darkest: #BD5800;\n --fire-soft: #FEF6F6;\n --fire-lightest: #FDE1E1;\n --fire-light: #FBB6B6;\n --fire: #FF4242;\n --fire-dark: #E22A2A;\n --fire-darkest: #AD0000;\n --white: #FFFFFF;\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-30: #FDD63B;\n --yellow-40: #F9B71D;\n --yellow-50: #D3910C;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-30: #FF8B3E;\n --orange-40: #F76B0D;\n --orange-50: #BD4B00;\n --fuchia-5: #FFF7FB;\n --fuchia-10: #F9D8E7;\n --fuchia-20: #EDADC8;\n --fuchia-30: #EA4386;\n --fuchia-40: #D61E68;\n --fuchia-50: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-30: #B114D1;\n --purple-40: #860F9E;\n --purple-50: #5E0B6F;\n --lavanda-5: #F8F6FE;\n --lavanda-10: #DBCCFA;\n --lavanda-20: #BB9DF5;\n --lavanda-30: #773CEC;\n --lavanda-40: #5514D6;\n --lavanda-50: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-30: #0F98FF;\n --cobalt-40: #006FE5;\n --cobalt-50: #0954A5;\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-30: #14CCCC;\n --cyan-40: #0F9E9E;\n --cyan-50: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-30: #4FC48C;\n --mint-40: #2E9E68;\n --mint-50: #236E4A;\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n /* core variables start */\n --uui-accent: var(--grass);\n --uui-accent-light: var(--grass-light);\n --uui-accent-lightest: var(--grass-lightest);\n --uui-accent-dark: var(--grass-dark);\n --uui-accent-darkest: var(--grass-darkest);\n --uui-primary: var(--sky);\n --uui-primary-light: var(--sky-light);\n --uui-primary-lightest: var(--sky-lightest);\n --uui-primary-halftone: var(--night200);\n --uui-primary-dark: var(--sky-dark);\n --uui-primary-darkest: var(--sky-darkest);\n --uui-secondary: var(--night600);\n --uui-secondary-light: var(--night300);\n --uui-secondary-lightest: var(--night200);\n --uui-secondary-dark: var(--night700);\n --uui-secondary-darkest: var(--night800);\n --uui-negative: var(--fire);\n --uui-negative-light: var(--fire-light);\n --uui-negative-lightest: var(--fire-lightest);\n --uui-negative-dark: var(--fire-dark);\n --uui-negative-darkest: var(--fire-darkest);\n --uui-link: var(--sky);\n --uui-link-hover: var(--sky-dark);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n --uui-visited: #5214CC;\n --uui-info: var(--sky);\n --uui-info-lightest: var(--sky-lightest);\n --uui-info-light: var(--sky-light);\n --uui-info-dark: var(--sky-dark);\n --uui-info-darkest: var(--sky-darkest);\n --uui-info-hover: var(--sky-dark);\n --uui-info-active: var(--sky-darkest);\n --uui-success: var(--grass);\n --uui-success-lightest: var(--grass-lightest);\n --uui-success-light: var(--grass-light);\n --uui-success-dark: var(--grass-dark);\n --uui-success-darkest: var(--grass-darkest);\n --uui-success-hover: var(--grass-dark);\n --uui-success-active: var(--grass-darkest);\n --uui-warning: var(--sun);\n --uui-warning-lightest: var(--sun-lightest);\n --uui-warning-light: var(--sun-light);\n --uui-warning-dark: var(--sun-dark);\n --uui-warning-darkest: var(--sun-darkest);\n --uui-warning-hover: var(--sun-dark);\n --uui-warning-active: var(--sun-darkest);\n --uui-error: var(--fire);\n --uui-error-lightest: var(--fire-lightest);\n --uui-error-light: var(--fire-light);\n --uui-error-dark: var(--fire-dark);\n --uui-error-darkest: var(--fire-darkest);\n --uui-error-hover: var(--fire-dark);\n --uui-error-active: var(--fire-darkest);\n --uui-icon: var(--night600);\n --uui-icon-hover: var(--night700);\n --uui-icon-active: var(--night800);\n --uui-icon-disabled: var(--night500);\n --uui-surface: var(--white);\n --uui-surface-hover: var(--night200);\n --uui-surface-inverted: var(--night900);\n /* new start */\n --uui-surface-light: var(--night50);\n --uui-surface-light-hover: var(--night100);\n --uui-surface-contrast: var(--night800);\n --uui-surface-contrast-hover: var(--night900);\n --uui-surface-contrast-active: var(--night900);\n /* new end */\n --uui-background: var(--night100);\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night300);\n --uui-contrast: var(--white);\n --uui-disabled: var(--night300);\n --uui-scroll-bars-bg: var(--night400);\n --uui-scroll-bars-bg-active: var(--night600);\n --uui-button-bg-halftone: var(--white);\n --uui-button-caption-disabled: var(--night500);\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n --uui-text-brand: var(--night900);\n --uui-text-primary: var(--night800);\n --uui-text-secondary: var(--night600);\n --uui-text-disabled: var(--night500);\n --uui-text-contrast: var(--night50);\n --uui-text-white: var(--white);\n --uui-control-bg: var(--white);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night50);\n --uui-control-bg-readonly: var(--night50);\n --uui-control_switch-bg: var(--night400);\n --uui-control_switch_toggler-bg: var(--white);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n --uui-control-border: var(--night400);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--uui-disabled);\n --uui-control-border-readonly: var(--uui-disabled);\n --uui-control_switch-border-hover: var(--night600);\n --uui-control_textinput-border-hover: var(--night600);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-label-error: var(--uui-error);\n --uui-control-label-fill: var(--uui-icon);\n --uui-control-label-optional-text: var(--uui-text-secondary);\n --uui-control-label-asterisk: var(--uui-error);\n --uui-control-placeholder: var(--night600);\n --uui-control-placeholder-disabled: var(--night500);\n --uui-control-text: var(--night800);\n --uui-control-text-disabled: var(--night500);\n --uui-control-icon: var(--night500);\n --uui-control-icon-disabled: var(--night500);\n --uui-control-checkbox-icon: var(--white);\n --uui-tag-bg: var(--night300);\n --uui-tag-bg-hover: var(--night400);\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-border-radius: 3px;\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 /* core variables end */\n /* find below the not core variables that are used and highlight them in the code */\n /* TextInput vars */\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-negative);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n --uui-text-input-font: var(--font-regular);\n /* Button vars */\n --uui-btn-border-radius: var(--uui-border-radius);\n --uui-btn-font: var(--font-semibold);\n /* LinkButton vars */\n --uui-link-button-font: var(--font-semibold);\n /* DatePicker vars */\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-title-bg-hover: var(--uui-primary-halftone);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n --uui-dtp-next-prev-icon: var(--uui-icon);\n --uui-dtp-next-prev-icon-bg-hover: var(--uui-secondary-lightest);\n --uui-dtp_header-font: var(--font-semibold);\n --uui-dtp_body-content-font: var(--font-regular);\n /* RangeDatePicker vars */\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n /* Calendar vars */\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n /* tab-button-vars */\n --uui-tab-button-text: var(--uui-text-primary);\n --uui-tab-button-text-hover: var(--uui-primary);\n --uui-tab-button-text-active: var(--uui-primary);\n --uui-tab-button-text-disabled: var(--uui-text-disabled);\n --uui-tab-button-font: var(--font-semibold);\n /* radio-input-vars */\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n --uui-radio-input-font: var(--font-regular);\n /* Checkbox vars */\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n --uui-checkbox-font: var(--font-regular);\n /* Tag vars */\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-label: var(--uui-text-secondary);\n --uui-tag-border-radius: 30px;\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n /* TextArea vars */\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-negative);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n /* DropMarker vars */\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n /* Tooltip vars */\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n --uui-tooltip-font: var(--font-regular);\n /* PickerInput vars */\n --uui-picker_input-bg: var(--uui-surface);\n /* PickerToggler vars */\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-negative);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n --uui-picker-toggler-font: var(--font-regular);\n /* Panel */\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n /* Modals */\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n /* TextPlaceholder */\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n /* LabeledInput */\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-secondary);\n --uui-labeled-input-asterisk: var(--uui-error);\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n /* Accordion */\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 6px;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n /* Switch */\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch_toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-font: var(--font-regular);\n /* DropdownContainer */\n --uui-dropdown-container-border-radius: 6px;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n /* DropdownMenu */\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-hover);\n --uui-dropdown-menu-item-active: var(--uui-surface-hover);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n /* MainMenu */\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast);\n --uui-main_menu-hover: var(--uui-surface-contrast-hover);\n --uui-main_menu-active: var(--uui-surface-contrast-active);\n --uui-main_menu-border-active: var(--uui-primary);\n --uui-main_menu-dropdown-bg: var(--uui-surface-inverted);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-contrast);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n /* BurgerMenu */\n --uui-burger_menu-bg: var(--uui-surface-inverted);\n --uui-burger_menu-bg-hover: var(--uui-primary-dark);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n /* BurgerGroupHeader */\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n --uui-burger_group-font: var(--font-regular);\n /* BurgerButton */\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n --uui-burger_btn-font: var(--font-regular);\n /* BurgerSearch */\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n --uui-burger_search-font: var(--font-regular);\n /* NumericInput */\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-negative);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n /* TimePicker */\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-negative);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n /* SearchPicker */\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-negative);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n /* Popover */\n --uui-popover-shadow: var(--uui-shadow-level-2);\n /* Footer */\n --uui-footer-bg: var(--uui-surface-contrast);\n /* FilterPanelItemToggler vars */\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-light-hover);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-secondary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n /* NotificationCard */\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 0;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: var(--uui-shadow-level-2);\n /* Alert */\n --uui-alert-border-radius: 6px;\n /* Panel */\n --uui-panel-bg: var(--uui-surface);\n /* Spinner */\n --uui-spinner: var(--uui-primary);\n /* Blocker */\n --uui-blocker-bg: var(--uui-background);\n --uui-blocker-bg-with-opacity: #F5F6FA80;\n /* FlexRow */\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n /* DataTable vars */\n --uui-dt-border: var(--uui-divider-light);\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-light-hover);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n --uui-dt-header-row-bg: var(--uui-surface-light);\n --uui-dt-header-row-bg-hover: var(--uui-surface-hover);\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n --uui-dt-header-cell-font: var(--font-semibold);\n /* AvatarStack */\n --uui-avatar-stack-font: var(--font-semibold);\n /* Badge */\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n /* Pagination */\n --uui-pagination-font: var(--font-regular);\n /* ------------------------------------ */\n}\n.uui-theme-loveship .tooltip-contrast,\n.uui-theme-loveship .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-contrast);\n}\n.uui-theme-loveship .tooltip-default,\n.uui-theme-loveship .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .tooltip-critical,\n.uui-theme-loveship .tooltip-fire {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-contrast);\n}\n.uui-theme-loveship .button-sky, .uui-theme-loveship .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-contrast);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .button-accent, .uui-theme-loveship .button-grass {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-contrast);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .button-fire, .uui-theme-loveship .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-contrast);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .button-night500,\n.uui-theme-loveship .button-night600,\n.uui-theme-loveship .button-gray,\n.uui-theme-loveship .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-contrast);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .button-white {\n --uui-btn-bg: var(--uui-contrast);\n --uui-btn-bg-hover: var(--uui-color-white-800);\n --uui-btn-bg-active: var(--uui-color-white-900);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-contrast);\n --uui-btn-border-hover: var(--uui-color-white-800);\n --uui-btn-border-active: var(--uui-color-white-900);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--night800);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-primary,\n.uui-theme-loveship .link-button-sky {\n --uui-link-button-text: var(--uui-primary);\n --uui-link-button-text-hover: var(--uui-primary-dark);\n --uui-link-button-text-active: var(--uui-primary-darkest);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-secondary,\n.uui-theme-loveship .link-button-night600 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-contrast,\n.uui-theme-loveship .link-button-night100 {\n --uui-link-button-text: var(--night100);\n --uui-link-button-text-hover: var(--uui-color-night100-800);\n --uui-link-button-text-active: var(--uui-color-night100-900);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-grass {\n --uui-link-button-text: var(--grass);\n --uui-link-button-text-hover: var(--grass-dark);\n --uui-link-button-text-active: var(--grass-darkest);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-sun {\n --uui-link-button-text: var(--sun);\n --uui-link-button-text-hover: var(--sun-dark);\n --uui-link-button-text-active: var(--sun-darkest);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-fire {\n --uui-link-button-text: var(--fire);\n --uui-link-button-text-hover: var(--fire-dark);\n --uui-link-button-text-active: var(--fire-darkest);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-cobalt {\n --uui-link-button-text: var(--cobalt-30);\n --uui-link-button-text-hover: var(--cobalt-40);\n --uui-link-button-text-active: var(--cobalt-50);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-lavanda {\n --uui-link-button-text: var(--lavanda-30);\n --uui-link-button-text-hover: var(--lavanda-40);\n --uui-link-button-text-active: var(--lavanda-50);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-fuchsia {\n --uui-link-button-text: var(--fuchia-30);\n --uui-link-button-text-hover: var(--fuchia-40);\n --uui-link-button-text-active: var(--fuchia-50);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-white {\n --uui-link-button-text: var(--white);\n --uui-link-button-text-hover: var(--uui-color-white-800);\n --uui-link-button-text-active: var(--uui-color-white-900);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-night50 {\n --uui-link-button-text: var(--night50);\n --uui-link-button-text-hover: var(--uui-color-night50-800);\n --uui-link-button-text-active: var(--uui-color-night50-900);\n --uui-link-button-text-disabled: var(--uui-button-caption-disabled);\n}\n.uui-theme-loveship .link-button-night200 {\n --uui-link-button-text: var(--night200);\n --uui-link-button-text-hover: var(--uui-color-night200-800);\n --uui-link-button-text-active: var(--uui-color-night200-900);\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .link-button-night300 {\n --uui-link-button-text: var(--night300);\n --uui-link-button-text-hover: var(--uui-color-night300-800);\n --uui-link-button-text-active: var(--uui-color-night300-900);\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .link-button-night400 {\n --uui-link-button-text: var(--night400);\n --uui-link-button-text-hover: var(--uui-color-night400-800);\n --uui-link-button-text-active: var(--uui-color-night400-900);\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .link-button-night500 {\n --uui-link-button-text: var(--night500);\n --uui-link-button-text-hover: var(--uui-color-night500-800);\n --uui-link-button-text-active: var(--uui-color-night500-900);\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .link-button-night700 {\n --uui-link-button-text: var(--night700);\n --uui-link-button-text-hover: var(--uui-color-night700-800);\n --uui-link-button-text-active: var(--uui-color-night700-900);\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .link-button-night800 {\n --uui-link-button-text: var(--night800);\n --uui-link-button-text-hover: var(--uui-color-night800-800);\n --uui-link-button-text-active: var(--uui-color-night800-900);\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .link-button-night900 {\n --uui-link-button-text: var(--night900);\n --uui-link-button-text-hover: var(--uui-color-night900-800);\n --uui-link-button-text-active: var(--uui-color-night900-900);\n --uui-link-button-text-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-sky,\n.uui-theme-loveship .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-grass,\n.uui-theme-loveship .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-sun,\n.uui-theme-loveship .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-fire,\n.uui-theme-loveship .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-cobalt {\n --uui-icon-btn: var(--cobalt-30);\n --uui-icon-btn-hover: var(--cobalt-40);\n --uui-icon-btn-active: var(--cobalt-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-lavanda {\n --uui-icon-btn: var(--lavanda-30);\n --uui-icon-btn-hover: var(--lavanda-40);\n --uui-icon-btn-active: var(--lavanda-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-fuchsia {\n --uui-icon-btn: var(--fuchia-30);\n --uui-icon-btn-hover: var(--fuchia-40);\n --uui-icon-btn-active: var(--fuchia-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-white {\n --uui-icon-btn: var(--white);\n --uui-icon-btn-hover: var(--uui-color-white-800);\n --uui-icon-btn-active: var(--uui-color-white-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night200 {\n --uui-icon-btn: var(--night200);\n --uui-icon-btn-hover: var(--uui-color-night200-800);\n --uui-icon-btn-active: var(--uui-color-night200-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night300 {\n --uui-icon-btn: var(--night300);\n --uui-icon-btn-hover: var(--uui-color-night300-800);\n --uui-icon-btn-active: var(--uui-color-night300-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night400 {\n --uui-icon-btn: var(--night400);\n --uui-icon-btn-hover: var(--uui-color-night400-800);\n --uui-icon-btn-active: var(--uui-color-night400-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night500 {\n --uui-icon-btn: var(--night500);\n --uui-icon-btn-hover: var(--uui-color-night500-800);\n --uui-icon-btn-active: var(--uui-color-night500-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night600,\n.uui-theme-loveship .icon-button-secondary,\n.uui-theme-loveship .icon-button-default {\n --uui-icon-btn: var(--night600);\n --uui-icon-btn-hover: var(--uui-icon-hover);\n --uui-icon-btn-active: var(--uui-icon-active);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .notification-card-sun,\n.uui-theme-loveship .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-success,\n.uui-theme-loveship .notification-card-grass {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-info,\n.uui-theme-loveship .notification-card-sky {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-error,\n.uui-theme-loveship .notification-card-fire {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-night600 {\n --uui-notification-card-fill: var(--night600);\n --uui-notification-card-border: var(--night600);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .alert-error,\n.uui-theme-loveship .alert-fire {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #F5E5E9;\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n}\n.uui-theme-loveship .alert-warning,\n.uui-theme-loveship .alert-sun {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #F6EEE1;\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n}\n.uui-theme-loveship .alert-success,\n.uui-theme-loveship .alert-grass {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #E7EEE1;\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n}\n.uui-theme-loveship .alert-info,\n.uui-theme-loveship .alert-sky {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #DCEDF6;\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n}\n.uui-theme-loveship .badge-default, .uui-theme-loveship .badge-night300 {\n --uui-badge-bg: var(--night300);\n --uui-badge-bg-hover: var(--night400);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--night200);\n --uui-badge-bg-halftone-hover: var(--night300);\n --uui-badge-border-halftone: var(--night400);\n --uui-badge-border-halftone-hover: var(--night500);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n}\n.uui-theme-loveship .badge-info, .uui-theme-loveship .badge-sky {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n}\n.uui-theme-loveship .badge-success, .uui-theme-loveship .badge-grass {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n}\n.uui-theme-loveship .badge-warning, .uui-theme-loveship .badge-sun {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n}\n.uui-theme-loveship .badge-error, .uui-theme-loveship .badge-fire {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n}\n.uui-theme-loveship .badge-cobalt {\n --uui-badge-bg: var(--cobalt-30);\n --uui-badge-bg-hover: var(--cobalt-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--cobalt-10);\n --uui-badge-bg-halftone-hover: var(--cobalt-20);\n --uui-badge-border-halftone: var(--cobalt-30);\n --uui-badge-border-halftone-hover: var(--cobalt-40);\n --uui-badge-caption-halftone: var(--cobalt-50);\n}\n.uui-theme-loveship .badge-lavanda {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-30);\n --uui-badge-border-halftone-hover: var(--lavanda-40);\n --uui-badge-caption-halftone: var(--lavanda-50);\n}\n.uui-theme-loveship .badge-fuchsia {\n --uui-badge-bg: var(--fuchia-30);\n --uui-badge-bg-hover: var(--fuchia-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--fuchia-10);\n --uui-badge-bg-halftone-hover: var(--fuchia-20);\n --uui-badge-border-halftone: var(--fuchia-30);\n --uui-badge-border-halftone-hover: var(--fuchia-40);\n --uui-badge-caption-halftone: var(--fuchia-50);\n}\n.uui-theme-loveship .badge-white {\n --uui-badge-bg: var(--white);\n --uui-badge-bg-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n}\n.uui-theme-loveship .badge-night200 {\n --uui-badge-bg: var(--uui-color-night200-700);\n --uui-badge-bg-hover: var(--uui-color-night200-800);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n}\n.uui-theme-loveship .badge-night300 {\n --uui-badge-bg: var(--uui-color-night300-700);\n --uui-badge-bg-hover: var(--uui-color-night300-800);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n}\n.uui-theme-loveship .badge-night400 {\n --uui-badge-bg: var(--uui-color-night400-700);\n --uui-badge-bg-hover: var(--uui-color-night400-800);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n}\n.uui-theme-loveship .badge-night500 {\n --uui-badge-bg: var(--uui-color-night500-700);\n --uui-badge-bg-hover: var(--uui-color-night500-800);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n}\n.uui-theme-loveship .badge-night600 {\n --uui-badge-bg: var(--uui-color-night600-700);\n --uui-badge-bg-hover: var(--uui-color-night600-800);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n}\n.uui-theme-loveship .badge-violet {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-20);\n --uui-badge-border-halftone-hover: var(--lavanda-30);\n --uui-badge-caption-halftone: var(--lavanda-50);\n}\n.uui-theme-loveship .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-halftone: var(--orange-50);\n}\n.uui-theme-loveship .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-halftone: var(--purple-50);\n}\n.uui-theme-loveship .informer-default {\n --uui-informer-bg: var(--night300);\n --uui-informer-caption: var(--night600);\n}\n.uui-theme-loveship .informer-focus {\n --uui-informer-bg: var(--fire);\n --uui-informer-caption: var(--uui-contrast);\n}\n.uui-theme-loveship .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-loveship .uui-text-info,\n.uui-theme-loveship .uui-text-sky {\n --uui-text: var(--uui-text-info);\n}\n.uui-theme-loveship .uui-text-success,\n.uui-theme-loveship .uui-text-grass {\n --uui-text: var(--uui-text-success);\n}\n.uui-theme-loveship .uui-text-warning,\n.uui-theme-loveship .uui-text-sun {\n --uui-text: var(--uui-text-warning);\n}\n.uui-theme-loveship .uui-text-error,\n.uui-theme-loveship .uui-text-fire {\n --uui-text: var(--uui-text-error);\n}\n.uui-theme-loveship .uui-text-brand,\n.uui-theme-loveship .uui-text-night900 {\n --uui-text: var(--uui-text-brand);\n}\n.uui-theme-loveship .uui-text-primary,\n.uui-theme-loveship .uui-text-night800 {\n --uui-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .uui-text-night700 {\n --uui-text: var(--night700);\n}\n.uui-theme-loveship .uui-text-secondary,\n.uui-theme-loveship .uui-text-night600 {\n --uui-text: var(--uui-text-secondary);\n}\n.uui-theme-loveship .uui-text-disabled,\n.uui-theme-loveship .uui-text-night500 {\n --uui-text: var(--uui-text-disabled);\n}\n.uui-theme-loveship .uui-text-night400 {\n --uui-text: var(--night400);\n}\n.uui-theme-loveship .uui-text-night300 {\n --uui-text: var(--night300);\n}\n.uui-theme-loveship .uui-text-contrast,\n.uui-theme-loveship .uui-text-night50 {\n --uui-text: var(--uui-text-contrast);\n}\n.uui-theme-loveship .uui-text-white {\n --uui-text: var(--uui-text-white);\n}\n.uui-theme-loveship .uui-font-regular,\n.uui-theme-loveship .uui-font-sans {\n --uui-text-font: var(--font-regular);\n}\n.uui-theme-loveship .uui-font-semibold,\n.uui-theme-loveship .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n}\n.uui-theme-loveship .uui-font-sans-light {\n --uui-text-font: var(--font-light);\n}\n.uui-theme-loveship .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n}\n.uui-theme-loveship .dropdown-container-night700 {\n --uui-dropdown-container-bg: var(--night700);\n}\n.uui-theme-loveship .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n}\n.uui-theme-loveship .flex-row-background-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship .flex-row-background-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship .panel-white {\n --uui-panel-bg: var(--uui-surface);\n}\n.uui-theme-loveship .panel-night50 {\n --uui-panel-bg: var(--night50);\n}"]}
1
+ {"version":3,"sources":["../../../theme/theme_loveship.scss%23sass","../../../../../theme/theme_loveship.scss","../../../theme/theme_loveship.scss"],"names":[],"mappings":"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","file":"theme_loveship.css","sourcesContent":["/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n// refactor indentions for this page using co-pilot\n\n.uui-theme-loveship {\n --font-regular: 'Sans Regular', Arial, sans-serif;\n --font-semibold: 'Sans Semibold', Arial, sans-serif;\n --font-italic: 'Sans Italic', Arial, sans-serif;\n --font-primary: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n --font-redacted: 'Redacted';\n --font-light: 'Sans Light', Arial, sans-serif;\n\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n\n --sky-soft: #F5FDFF;\n --sky-lightest: #E1F4FA;\n --sky-light: #A0DDEE;\n --sky: #009ECC;\n --sky-dark: #0086AD;\n --sky-darkest: #006B8A;\n\n --grass-soft: #FCFFF5;\n --grass-lightest: #EBF3D8;\n --grass-light: #C1E288;\n --grass: #67A300;\n --grass-dark: #528500;\n --grass-darkest: #396F1F;\n\n --sun-soft: #FFFCF5;\n --sun-lightest: #FFEDC9;\n --sun-light: #FFD785;\n --sun: #FCAA00;\n --sun-dark: #FF9000;\n --sun-darkest: #BD5800;\n\n --fire-soft: #FEF6F6;\n --fire-lightest: #FDE1E1;\n --fire-light: #FBB6B6;\n --fire: #FF4242;\n --fire-dark: #E22A2A;\n --fire-darkest: #AD0000;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-30: #FDD63B;\n --yellow-40: #F9B71D;\n --yellow-50: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-30: #FF8B3E;\n --orange-40: #F76B0D;\n --orange-50: #BD4B00;\n\n --fuchia-5: #FFF7FB;\n --fuchia-10: #F9D8E7;\n --fuchia-20: #EDADC8;\n --fuchia-30: #EA4386;\n --fuchia-40: #D61E68;\n --fuchia-50: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-30: #B114D1;\n --purple-40: #860F9E;\n --purple-50: #5E0B6F;\n\n --lavanda-5: #F8F6FE;\n --lavanda-10: #DBCCFA;\n --lavanda-20: #BB9DF5;\n --lavanda-30: #773CEC;\n --lavanda-40: #5514D6;\n --lavanda-50: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-30: #0F98FF;\n --cobalt-40: #006FE5;\n --cobalt-50: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-30: #14CCCC;\n --cyan-40: #0F9E9E;\n --cyan-50: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-30: #4FC48C;\n --mint-40: #2E9E68;\n --mint-50: #236E4A;\n\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n\n /* core variables start */\n\n --uui-accent: var(--grass);\n --uui-accent-light: var(--grass-light);\n --uui-accent-lightest: var(--grass-lightest);\n --uui-accent-dark: var(--grass-dark);\n --uui-accent-darkest: var(--grass-darkest);\n\n --uui-primary: var(--sky);\n --uui-primary-light: var(--sky-light);\n --uui-primary-lightest: var(--sky-lightest);\n --uui-primary-dark: var(--sky-dark);\n --uui-primary-darkest: var(--sky-darkest);\n\n --uui-secondary: var(--night600);\n --uui-secondary-light: var(--night300);\n --uui-secondary-lightest: var(--night200);\n --uui-secondary-dark: var(--night700);\n --uui-secondary-darkest: var(--night800);\n\n --uui-negative: var(--fire);\n --uui-negative-light: var(--fire-light);\n --uui-negative-lightest: var(--fire-lightest);\n --uui-negative-dark: var(--fire-dark);\n --uui-negative-darkest: var(--fire-darkest);\n\n --uui-link: var(--sky);\n --uui-link-hover: var(--sky-dark);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n\n --uui-info: var(--sky);\n --uui-info-soft: var(--sky-soft);\n --uui-info-lightest: var(--sky-lightest);\n --uui-info-light: var(--sky-light);\n --uui-info-dark: var(--sky-dark);\n --uui-info-darkest: var(--sky-darkest);\n\n --uui-success: var(--grass);\n --uui-success-soft: var(--grass-soft);\n --uui-success-lightest: var(--grass-lightest);\n --uui-success-light: var(--grass-light);\n --uui-success-dark: var(--grass-dark);\n --uui-success-darkest: var(--grass-darkest);\n\n --uui-warning: var(--sun);\n --uui-warning-soft: var(--sun-soft);\n --uui-warning-lightest: var(--sun-lightest);\n --uui-warning-light: var(--sun-light);\n --uui-warning-dark: var(--sun-dark);\n --uui-warning-darkest: var(--sun-darkest);\n\n --uui-error: var(--fire);\n --uui-error-soft: var(--fire-soft);\n --uui-error-lightest: var(--fire-lightest);\n --uui-error-light: var(--fire-light);\n --uui-error-dark: var(--fire-dark);\n --uui-error-darkest: var(--fire-darkest);\n\n --uui-icon: var(--night600);\n --uui-icon-hover: var(--night700);\n --uui-icon-active: var(--night800);\n --uui-icon-disabled: var(--night500);\n\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n --uui-app-bg: var(--night100);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--white);\n --uui-surface-low: var(--night50);\n --uui-surface-lower: var(--night100);\n --uui-surface-lowest: var(--night200);\n --uui-surface-contrast: var(--night700);\n --uui-surface-contrast-low: var(--night800);\n --uui-surface-contrast-lower: var(--night900);\n\n --uui-surface-active: var(--sky-lightest);\n --uui-surface-critical: var(--fire-lightest);\n --uui-surface-warning: var(--sun-lightest);\n\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night300);\n\n --uui-text-brand: var(--night900);\n --uui-text-primary: var(--night800);\n --uui-text-secondary: var(--night700);\n --uui-text-tertiary: var(--night600);\n --uui-text-disabled: var(--night500);\n --uui-text-contrast: var(--night50);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night800);\n\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n\n /* not accepted part */\n\n --uui-disabled: var(--night300); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-scroll_bars-bg: var(--night400);\n --uui-scroll_bars-bg-active: var(--night600);\n\n --uui-button-bg-halftone: var(--white);\n\n --uui-control-bg: var(--white);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night50);\n --uui-control-bg-readonly: var(--night50);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-bg: var(--night400);\n --uui-control_switch-toggler-bg: var(--white);\n\n --uui-control-border: var(--night400);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--night300);\n --uui-control-border-readonly: var(--night300);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n\n --uui-control_switch-border-hover: var(--night600);\n --uui-control_textinput-border-hover: var(--night600);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--night600);\n --uui-control-placeholder-disabled: var(--night500); // one place of usage\n\n --uui-control-text: var(--night800);\n --uui-control-text-disabled: var(--night500);\n\n --uui-control-icon: var(--night500);\n --uui-control-icon-disabled: var(--night500);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-tag-bg: var(--night300); // one place of usage\n --uui-tag-bg-hover: var(--night400); // one place of usage\n\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n\n --uui-border-radius: 3px;\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 /* core variables end */\n\n /* find below the not core variables that are used and highlight them in the code */\n\n /* TextInput vars */\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n\n --uui-text-input-font: var(--font-regular);\n\n /* Button vars */\n --uui-btn-border-radius: var(--uui-border-radius);\n\n --uui-btn-font: var(--font-semibold);\n\n /* LinkButton vars */\n --uui-link-button-font: var(--font-semibold);\n\n /* DatePicker vars */\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n\n --uui-dtp_body-content-font: var(--font-regular);\n\n /* RangeDatePicker vars */\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n\n /* Calendar vars */\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n\n /* tab-button-vars */\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary);\n --uui-tab_button-text-active: var(--uui-primary);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-semibold);\n\n /* radio-input-vars */\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n\n --uui-radio-input-font: var(--font-regular);\n\n /* Checkbox vars */\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n\n --uui-checkbox-font: var(--font-regular);\n\n /* Tag vars */\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-border-radius: 30px;\n\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n\n /* TextArea vars */\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n\n /* DropMarker vars */\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n\n /* Tooltip vars */\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n\n --uui-tooltip-font: var(--font-regular);\n\n /* PickerInput vars */\n --uui-picker_input-bg: var(--uui-surface);\n\n /* PickerToggler vars */\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n\n --uui-picker-toggler-font: var(--font-regular);\n\n /* Panel */\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n\n /* Modals */\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n\n /* TextPlaceholder */\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n\n /* LabeledInput */\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error);\n\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n\n /* Accordion */\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 6px;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n\n /* Switch */\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch-toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n\n --uui-switch-font: var(--font-regular);\n\n /* DropdownContainer */\n --uui-dropdown-container-border-radius: 6px;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n\n /* DropdownMenu */\n // TODO: update tokens\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-active: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n\n /* MainMenu */\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast-low);\n --uui-main_menu-hover: var(--uui-surface-contrast-lower);\n --uui-main_menu-active: var(--uui-surface-contrast-lower);\n --uui-main_menu-border-active: var(--uui-primary);\n\n --uui-main_menu-dropdown-bg: var(--uui-surface-contrast-lower);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-disabled);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n\n /* BurgerMenu */\n --uui-burger_menu-bg: var(--uui-surface-contrast-lower);\n --uui-burger_menu-bg-hover: var(--uui-surface-contrast-lower);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n\n /* BurgerGroupHeader */\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n\n --uui-burger_group-font: var(--font-regular);\n\n /* BurgerButton */\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n\n --uui-burger_btn-font: var(--font-regular);\n\n /* BurgerSearch */\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n\n --uui-burger_search-font: var(--font-regular);\n\n /* NumericInput */\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n\n /* TimePicker */\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n\n /* SearchPicker */\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-negative);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n\n /* Popover */\n --uui-popover-shadow: var(--uui-shadow-level-2);\n\n /* Footer */\n --uui-footer-bg: var(--uui-surface-contrast);\n\n /* FilterPanelItemToggler vars */\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-lower);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-tertiary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n\n /* NotificationCard */\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 0;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: var(--uui-shadow-level-2); //TODO: may change in the future\n\n /* Alert */\n --uui-alert-border-radius: 6px;\n\n /* Panel */\n\n --uui-panel-bg: var(--uui-surface);\n\n /* Spinner */\n --uui-spinner: var(--uui-primary);\n\n /* Blocker */\n --uui-blocker-bg: var(--uui-app-bg);\n\n /* FlexRow */\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n\n /* DataTable vars */\n --uui-dt-border: var(--uui-divider-light);\n\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-lower);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n\n --uui-dt-header-row-bg: var(--uui-surface-low);\n --uui-dt-header-row-bg-hover: var(--uui-surface-lowest);\n\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n\n --uui-dt-header-cell-font: var(--font-semibold);\n\n /* AvatarStack */\n\n --uui-avatar-stack-font: var(--font-semibold);\n\n /* Badge */\n\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n\n /* Pagination */\n\n --uui-pagination-font: var(--font-regular);\n\n\n /* ------------------------------------ */\n\n .tooltip-contrast,\n .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n }\n\n .tooltip-default,\n .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n }\n\n .tooltip-critical,\n .tooltip-fire {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-text-white);\n }\n\n .button-sky, .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-accent, .button-grass {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-sun {\n --uui-btn-bg: var(--sun);\n --uui-btn-bg-hover: var(--sun-dark);\n --uui-btn-bg-active: var(--sun-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--sun-lightest);\n --uui-btn-bg-halftone-active: var(--sun-light);\n --uui-btn-border: var(--sun);\n --uui-btn-border-hover: var(--sun-dark);\n --uui-btn-border-active: var(--sun-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-control-text);\n --uui-btn-caption-halftone: var(--sun-darkest);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-fire, .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-night500,\n .button-night600,\n .button-gray,\n .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-white {\n --uui-btn-bg: var(--white);\n --uui-btn-bg-hover: var(--uui-color-white-800);\n --uui-btn-bg-active: var(--uui-color-white-900);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--white);\n --uui-btn-border-hover: var(--uui-color-white-800);\n --uui-btn-border-active: var(--uui-color-white-900);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--night800);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .link-button-primary,\n .link-button-sky {\n --uui-link-button-text: var(--uui-primary);\n --uui-link-button-text-hover: var(--uui-primary-dark);\n --uui-link-button-text-active: var(--uui-primary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-secondary,\n .link-button-night600 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-contrast,\n .link-button-night100 {\n --uui-link-button-text: var(--night100);\n --uui-link-button-text-hover: var(--uui-color-night100-800);\n --uui-link-button-text-active: var(--uui-color-night100-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-grass {\n --uui-link-button-text: var(--grass);\n --uui-link-button-text-hover: var(--grass-dark);\n --uui-link-button-text-active: var(--grass-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-sun {\n --uui-link-button-text: var(--sun);\n --uui-link-button-text-hover: var(--sun-dark);\n --uui-link-button-text-active: var(--sun-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fire {\n --uui-link-button-text: var(--fire);\n --uui-link-button-text-hover: var(--fire-dark);\n --uui-link-button-text-active: var(--fire-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-cobalt {\n --uui-link-button-text: var(--cobalt-30);\n --uui-link-button-text-hover: var(--cobalt-40);\n --uui-link-button-text-active: var(--cobalt-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-lavanda {\n --uui-link-button-text: var(--lavanda-30);\n --uui-link-button-text-hover: var(--lavanda-40);\n --uui-link-button-text-active: var(--lavanda-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fuchsia {\n --uui-link-button-text: var(--fuchia-30);\n --uui-link-button-text-hover: var(--fuchia-40);\n --uui-link-button-text-active: var(--fuchia-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-white {\n --uui-link-button-text: var(--white);\n --uui-link-button-text-hover: var(--uui-color-white-800);\n --uui-link-button-text-active: var(--uui-color-white-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night50 {\n --uui-link-button-text: var(--night50);\n --uui-link-button-text-hover: var(--uui-color-night50-800);\n --uui-link-button-text-active: var(--uui-color-night50-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night200 {\n --uui-link-button-text: var(--night200);\n --uui-link-button-text-hover: var(--uui-color-night200-800);\n --uui-link-button-text-active: var(--uui-color-night200-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night300 {\n --uui-link-button-text: var(--night300);\n --uui-link-button-text-hover: var(--uui-color-night300-800);\n --uui-link-button-text-active: var(--uui-color-night300-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night400 {\n --uui-link-button-text: var(--night400);\n --uui-link-button-text-hover: var(--uui-color-night400-800);\n --uui-link-button-text-active: var(--uui-color-night400-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night500 {\n --uui-link-button-text: var(--night500);\n --uui-link-button-text-hover: var(--uui-color-night500-800);\n --uui-link-button-text-active: var(--uui-color-night500-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night700 {\n --uui-link-button-text: var(--night700);\n --uui-link-button-text-hover: var(--uui-color-night700-800);\n --uui-link-button-text-active: var(--uui-color-night700-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night800 {\n --uui-link-button-text: var(--night800);\n --uui-link-button-text-hover: var(--uui-color-night800-800);\n --uui-link-button-text-active: var(--uui-color-night800-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night900 {\n --uui-link-button-text: var(--night900);\n --uui-link-button-text-hover: var(--uui-color-night900-800);\n --uui-link-button-text-active: var(--uui-color-night900-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .icon-button-sky,\n .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-grass,\n .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-sun,\n .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-fire,\n .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-cobalt {\n --uui-icon-btn: var(--cobalt-30);\n --uui-icon-btn-hover: var(--cobalt-40);\n --uui-icon-btn-active: var(--cobalt-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-lavanda {\n --uui-icon-btn: var(--lavanda-30);\n --uui-icon-btn-hover: var(--lavanda-40);\n --uui-icon-btn-active: var(--lavanda-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-fuchsia {\n --uui-icon-btn: var(--fuchia-30);\n --uui-icon-btn-hover: var(--fuchia-40);\n --uui-icon-btn-active: var(--fuchia-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-white {\n --uui-icon-btn: var(--white);\n --uui-icon-btn-hover: var(--uui-color-white-800);\n --uui-icon-btn-active: var(--uui-color-white-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night200 {\n --uui-icon-btn: var(--night200);\n --uui-icon-btn-hover: var(--uui-color-night200-800);\n --uui-icon-btn-active: var(--uui-color-night200-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night300 {\n --uui-icon-btn: var(--night300);\n --uui-icon-btn-hover: var(--uui-color-night300-800);\n --uui-icon-btn-active: var(--uui-color-night300-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night400 {\n --uui-icon-btn: var(--night400);\n --uui-icon-btn-hover: var(--uui-color-night400-800);\n --uui-icon-btn-active: var(--uui-color-night400-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night500 {\n --uui-icon-btn: var(--night500);\n --uui-icon-btn-hover: var(--uui-color-night500-800);\n --uui-icon-btn-active: var(--uui-color-night500-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night600,\n .icon-button-secondary,\n .icon-button-default {\n --uui-icon-btn: var(--night600);\n --uui-icon-btn-hover: var(--uui-icon-hover);\n --uui-icon-btn-active: var(--uui-icon-active);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .notification-card-sun,\n .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-success,\n .notification-card-grass {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-info,\n .notification-card-sky {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-error,\n .notification-card-fire {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-night600 {\n --uui-notification-card-fill: var(--night600);\n --uui-notification-card-border: var(--night600);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .alert-error,\n .alert-fire {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-lightest);\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n }\n\n .alert-warning,\n .alert-sun {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-lightest);\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n }\n\n\n .alert-success,\n .alert-grass {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-lightest);\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n }\n\n .alert-info,\n .alert-sky {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-lightest);\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n }\n\n .badge-default, .badge-night300 {\n --uui-badge-bg: var(--night300);\n --uui-badge-bg-hover: var(--night400);\n --uui-badge-bg-halftone: var(--night200);\n --uui-badge-bg-halftone-hover: var(--night300);\n --uui-badge-border-halftone: var(--night400);\n --uui-badge-border-halftone-hover: var(--night500);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-info, .badge-sky {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-success, .badge-grass {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-warning, .badge-sun {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-error, .badge-fire {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-cobalt {\n --uui-badge-bg: var(--cobalt-30);\n --uui-badge-bg-hover: var(--cobalt-40);\n --uui-badge-bg-halftone: var(--cobalt-10);\n --uui-badge-bg-halftone-hover: var(--cobalt-20);\n --uui-badge-border-halftone: var(--cobalt-30);\n --uui-badge-border-halftone-hover: var(--cobalt-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--cobalt-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-lavanda {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-30);\n --uui-badge-border-halftone-hover: var(--lavanda-40);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--lavanda-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-fuchsia {\n --uui-badge-bg: var(--fuchia-30);\n --uui-badge-bg-hover: var(--fuchia-40);\n --uui-badge-bg-halftone: var(--fuchia-10);\n --uui-badge-bg-halftone-hover: var(--fuchia-20);\n --uui-badge-border-halftone: var(--fuchia-30);\n --uui-badge-border-halftone-hover: var(--fuchia-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--fuchia-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-white {\n --uui-badge-bg: var(--white);\n --uui-badge-bg-hover: var(--gray5);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night200 {\n --uui-badge-bg: var(--uui-color-night200-700);\n --uui-badge-bg-hover: var(--uui-color-night200-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night300 {\n --uui-badge-bg: var(--uui-color-night300-700);\n --uui-badge-bg-hover: var(--uui-color-night300-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night400 {\n --uui-badge-bg: var(--uui-color-night400-700);\n --uui-badge-bg-hover: var(--uui-color-night400-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night500 {\n --uui-badge-bg: var(--uui-color-night500-700);\n --uui-badge-bg-hover: var(--uui-color-night500-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night600 {\n --uui-badge-bg: var(--uui-color-night600-700);\n --uui-badge-bg-hover: var(--uui-color-night600-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-violet {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-20);\n --uui-badge-border-halftone-hover: var(--lavanda-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--lavanda-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--orange-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--purple-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .informer-default {\n --uui-informer-bg: var(--night300);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .informer-focus {\n --uui-informer-bg: var(--fire);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .uui-text-info,\n .uui-text-sky {\n --uui-text: var(--uui-text-info);\n }\n\n .uui-text-success,\n .uui-text-grass {\n --uui-text: var(--uui-text-success);\n }\n\n .uui-text-warning,\n .uui-text-sun {\n --uui-text: var(--uui-text-warning);\n }\n\n .uui-text-error,\n .uui-text-fire {\n --uui-text: var(--uui-text-error);\n }\n\n .uui-text-brand,\n .uui-text-night900 {\n --uui-text: var(--uui-text-brand);\n }\n\n .uui-text-primary,\n .uui-text-night800 {\n --uui-text: var(--uui-text-primary);\n }\n\n .uui-text-night700 {\n --uui-text: var(--night700);\n }\n\n .uui-text-secondary,\n .uui-text-night600 {\n --uui-text: var(--uui-text-secondary);\n }\n\n .uui-text-disabled,\n .uui-text-night500 {\n --uui-text: var(--uui-text-disabled);\n }\n\n .uui-text-night400 {\n --uui-text: var(--night400);\n }\n\n .uui-text-night300 {\n --uui-text: var(--night300);\n }\n\n .uui-text-contrast,\n .uui-text-night50 {\n --uui-text: var(--uui-text-contrast);\n }\n\n .uui-text-white {\n --uui-text: var(--uui-text-white);\n }\n\n .uui-font-regular,\n .uui-font-sans {\n --uui-text-font: var(--font-regular);\n }\n\n .uui-font-semibold,\n .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--font-light);\n }\n\n .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n }\n\n .dropdown-container-night700 {\n --uui-dropdown-container-bg: var(--night700);\n }\n\n .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n }\n\n .flex-row-background-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .flex-row-background-night100 {\n --uui-flex-row-bg: var(--night100);\n }\n\n .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n }\n\n .panel-white {\n --uui-panel-bg: var(--uui-surface);\n }\n\n .panel-night50 {\n --uui-panel-bg: var(--night50);\n }\n}\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n// refactor indentions for this page using co-pilot\n\n.uui-theme-loveship {\n --font-regular: 'Sans Regular', Arial, sans-serif;\n --font-semibold: 'Sans Semibold', Arial, sans-serif;\n --font-italic: 'Sans Italic', Arial, sans-serif;\n --font-primary: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n --font-redacted: 'Redacted';\n --font-light: 'Sans Light', Arial, sans-serif;\n\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n\n --sky-soft: #F5FDFF;\n --sky-lightest: #E1F4FA;\n --sky-light: #A0DDEE;\n --sky: #009ECC;\n --sky-dark: #0086AD;\n --sky-darkest: #006B8A;\n\n --grass-soft: #FCFFF5;\n --grass-lightest: #EBF3D8;\n --grass-light: #C1E288;\n --grass: #67A300;\n --grass-dark: #528500;\n --grass-darkest: #396F1F;\n\n --sun-soft: #FFFCF5;\n --sun-lightest: #FFEDC9;\n --sun-light: #FFD785;\n --sun: #FCAA00;\n --sun-dark: #FF9000;\n --sun-darkest: #BD5800;\n\n --fire-soft: #FEF6F6;\n --fire-lightest: #FDE1E1;\n --fire-light: #FBB6B6;\n --fire: #FF4242;\n --fire-dark: #E22A2A;\n --fire-darkest: #AD0000;\n\n --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-30: #FDD63B;\n --yellow-40: #F9B71D;\n --yellow-50: #D3910C;\n\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-30: #FF8B3E;\n --orange-40: #F76B0D;\n --orange-50: #BD4B00;\n\n --fuchia-5: #FFF7FB;\n --fuchia-10: #F9D8E7;\n --fuchia-20: #EDADC8;\n --fuchia-30: #EA4386;\n --fuchia-40: #D61E68;\n --fuchia-50: #AE1955;\n\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-30: #B114D1;\n --purple-40: #860F9E;\n --purple-50: #5E0B6F;\n\n --lavanda-5: #F8F6FE;\n --lavanda-10: #DBCCFA;\n --lavanda-20: #BB9DF5;\n --lavanda-30: #773CEC;\n --lavanda-40: #5514D6;\n --lavanda-50: #40109E;\n\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-30: #0F98FF;\n --cobalt-40: #006FE5;\n --cobalt-50: #0954A5;\n\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-30: #14CCCC;\n --cyan-40: #0F9E9E;\n --cyan-50: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-30: #4FC48C;\n --mint-40: #2E9E68;\n --mint-50: #236E4A;\n\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n\n /* core variables start */\n\n --uui-accent: var(--grass);\n --uui-accent-light: var(--grass-light);\n --uui-accent-lightest: var(--grass-lightest);\n --uui-accent-dark: var(--grass-dark);\n --uui-accent-darkest: var(--grass-darkest);\n\n --uui-primary: var(--sky);\n --uui-primary-light: var(--sky-light);\n --uui-primary-lightest: var(--sky-lightest);\n --uui-primary-dark: var(--sky-dark);\n --uui-primary-darkest: var(--sky-darkest);\n\n --uui-secondary: var(--night600);\n --uui-secondary-light: var(--night300);\n --uui-secondary-lightest: var(--night200);\n --uui-secondary-dark: var(--night700);\n --uui-secondary-darkest: var(--night800);\n\n --uui-negative: var(--fire);\n --uui-negative-light: var(--fire-light);\n --uui-negative-lightest: var(--fire-lightest);\n --uui-negative-dark: var(--fire-dark);\n --uui-negative-darkest: var(--fire-darkest);\n\n --uui-link: var(--sky);\n --uui-link-hover: var(--sky-dark);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n\n --uui-info: var(--sky);\n --uui-info-soft: var(--sky-soft);\n --uui-info-lightest: var(--sky-lightest);\n --uui-info-light: var(--sky-light);\n --uui-info-dark: var(--sky-dark);\n --uui-info-darkest: var(--sky-darkest);\n\n --uui-success: var(--grass);\n --uui-success-soft: var(--grass-soft);\n --uui-success-lightest: var(--grass-lightest);\n --uui-success-light: var(--grass-light);\n --uui-success-dark: var(--grass-dark);\n --uui-success-darkest: var(--grass-darkest);\n\n --uui-warning: var(--sun);\n --uui-warning-soft: var(--sun-soft);\n --uui-warning-lightest: var(--sun-lightest);\n --uui-warning-light: var(--sun-light);\n --uui-warning-dark: var(--sun-dark);\n --uui-warning-darkest: var(--sun-darkest);\n\n --uui-error: var(--fire);\n --uui-error-soft: var(--fire-soft);\n --uui-error-lightest: var(--fire-lightest);\n --uui-error-light: var(--fire-light);\n --uui-error-dark: var(--fire-dark);\n --uui-error-darkest: var(--fire-darkest);\n\n --uui-icon: var(--night600);\n --uui-icon-hover: var(--night700);\n --uui-icon-active: var(--night800);\n --uui-icon-disabled: var(--night500);\n\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n --uui-app-bg: var(--night100);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--white);\n --uui-surface-low: var(--night50);\n --uui-surface-lower: var(--night100);\n --uui-surface-lowest: var(--night200);\n --uui-surface-contrast: var(--night700);\n --uui-surface-contrast-low: var(--night800);\n --uui-surface-contrast-lower: var(--night900);\n\n --uui-surface-active: var(--sky-lightest);\n --uui-surface-critical: var(--fire-lightest);\n --uui-surface-warning: var(--sun-lightest);\n\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night300);\n\n --uui-text-brand: var(--night900);\n --uui-text-primary: var(--night800);\n --uui-text-secondary: var(--night700);\n --uui-text-tertiary: var(--night600);\n --uui-text-disabled: var(--night500);\n --uui-text-contrast: var(--night50);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night800);\n\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n\n /* not accepted part */\n\n --uui-disabled: var(--night300); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-scroll_bars-bg: var(--night400);\n --uui-scroll_bars-bg-active: var(--night600);\n\n --uui-button-bg-halftone: var(--white);\n\n --uui-control-bg: var(--white);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night50);\n --uui-control-bg-readonly: var(--night50);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-bg: var(--night400);\n --uui-control_switch-toggler-bg: var(--white);\n\n --uui-control-border: var(--night400);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--night300);\n --uui-control-border-readonly: var(--night300);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n\n --uui-control_switch-border-hover: var(--night600);\n --uui-control_textinput-border-hover: var(--night600);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--night600);\n --uui-control-placeholder-disabled: var(--night500); // one place of usage\n\n --uui-control-text: var(--night800);\n --uui-control-text-disabled: var(--night500);\n\n --uui-control-icon: var(--night500);\n --uui-control-icon-disabled: var(--night500);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-tag-bg: var(--night300); // one place of usage\n --uui-tag-bg-hover: var(--night400); // one place of usage\n\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n\n --uui-border-radius: 3px;\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 /* core variables end */\n\n /* find below the not core variables that are used and highlight them in the code */\n\n /* TextInput vars */\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n\n --uui-text-input-font: var(--font-regular);\n\n /* Button vars */\n --uui-btn-border-radius: var(--uui-border-radius);\n\n --uui-btn-font: var(--font-semibold);\n\n /* LinkButton vars */\n --uui-link-button-font: var(--font-semibold);\n\n /* DatePicker vars */\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n\n --uui-dtp_body-content-font: var(--font-regular);\n\n /* RangeDatePicker vars */\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n\n /* Calendar vars */\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n\n /* tab-button-vars */\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary);\n --uui-tab_button-text-active: var(--uui-primary);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-semibold);\n\n /* radio-input-vars */\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n\n --uui-radio-input-font: var(--font-regular);\n\n /* Checkbox vars */\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n\n --uui-checkbox-font: var(--font-regular);\n\n /* Tag vars */\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-border-radius: 30px;\n\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n\n /* TextArea vars */\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n\n /* DropMarker vars */\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n\n /* Tooltip vars */\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n\n --uui-tooltip-font: var(--font-regular);\n\n /* PickerInput vars */\n --uui-picker_input-bg: var(--uui-surface);\n\n /* PickerToggler vars */\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n\n --uui-picker-toggler-font: var(--font-regular);\n\n /* Panel */\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n\n /* Modals */\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n\n /* TextPlaceholder */\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n\n /* LabeledInput */\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error);\n\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n\n /* Accordion */\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 6px;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n\n /* Switch */\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch-toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n\n --uui-switch-font: var(--font-regular);\n\n /* DropdownContainer */\n --uui-dropdown-container-border-radius: 6px;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n\n /* DropdownMenu */\n // TODO: update tokens\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-active: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n\n /* MainMenu */\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast-low);\n --uui-main_menu-hover: var(--uui-surface-contrast-lower);\n --uui-main_menu-active: var(--uui-surface-contrast-lower);\n --uui-main_menu-border-active: var(--uui-primary);\n\n --uui-main_menu-dropdown-bg: var(--uui-surface-contrast-lower);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-disabled);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n\n /* BurgerMenu */\n --uui-burger_menu-bg: var(--uui-surface-contrast-lower);\n --uui-burger_menu-bg-hover: var(--uui-surface-contrast-lower);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n\n /* BurgerGroupHeader */\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n\n --uui-burger_group-font: var(--font-regular);\n\n /* BurgerButton */\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n\n --uui-burger_btn-font: var(--font-regular);\n\n /* BurgerSearch */\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n\n --uui-burger_search-font: var(--font-regular);\n\n /* NumericInput */\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n\n /* TimePicker */\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n\n /* SearchPicker */\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-negative);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n\n /* Popover */\n --uui-popover-shadow: var(--uui-shadow-level-2);\n\n /* Footer */\n --uui-footer-bg: var(--uui-surface-contrast);\n\n /* FilterPanelItemToggler vars */\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-lower);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-tertiary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n\n /* NotificationCard */\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 0;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: var(--uui-shadow-level-2); //TODO: may change in the future\n\n /* Alert */\n --uui-alert-border-radius: 6px;\n\n /* Panel */\n\n --uui-panel-bg: var(--uui-surface);\n\n /* Spinner */\n --uui-spinner: var(--uui-primary);\n\n /* Blocker */\n --uui-blocker-bg: var(--uui-app-bg);\n\n /* FlexRow */\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n\n /* DataTable vars */\n --uui-dt-border: var(--uui-divider-light);\n\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-lower);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n\n --uui-dt-header-row-bg: var(--uui-surface-low);\n --uui-dt-header-row-bg-hover: var(--uui-surface-lowest);\n\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n\n --uui-dt-header-cell-font: var(--font-semibold);\n\n /* AvatarStack */\n\n --uui-avatar-stack-font: var(--font-semibold);\n\n /* Badge */\n\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n\n /* Pagination */\n\n --uui-pagination-font: var(--font-regular);\n\n\n /* ------------------------------------ */\n\n .tooltip-contrast,\n .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n }\n\n .tooltip-default,\n .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n }\n\n .tooltip-critical,\n .tooltip-fire {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-text-white);\n }\n\n .button-sky, .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-accent, .button-grass {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-sun {\n --uui-btn-bg: var(--sun);\n --uui-btn-bg-hover: var(--sun-dark);\n --uui-btn-bg-active: var(--sun-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--sun-lightest);\n --uui-btn-bg-halftone-active: var(--sun-light);\n --uui-btn-border: var(--sun);\n --uui-btn-border-hover: var(--sun-dark);\n --uui-btn-border-active: var(--sun-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-control-text);\n --uui-btn-caption-halftone: var(--sun-darkest);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-fire, .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-night500,\n .button-night600,\n .button-gray,\n .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-white {\n --uui-btn-bg: var(--white);\n --uui-btn-bg-hover: var(--uui-color-white-800);\n --uui-btn-bg-active: var(--uui-color-white-900);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--white);\n --uui-btn-border-hover: var(--uui-color-white-800);\n --uui-btn-border-active: var(--uui-color-white-900);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--night800);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .link-button-primary,\n .link-button-sky {\n --uui-link-button-text: var(--uui-primary);\n --uui-link-button-text-hover: var(--uui-primary-dark);\n --uui-link-button-text-active: var(--uui-primary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-secondary,\n .link-button-night600 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-contrast,\n .link-button-night100 {\n --uui-link-button-text: var(--night100);\n --uui-link-button-text-hover: var(--uui-color-night100-800);\n --uui-link-button-text-active: var(--uui-color-night100-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-grass {\n --uui-link-button-text: var(--grass);\n --uui-link-button-text-hover: var(--grass-dark);\n --uui-link-button-text-active: var(--grass-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-sun {\n --uui-link-button-text: var(--sun);\n --uui-link-button-text-hover: var(--sun-dark);\n --uui-link-button-text-active: var(--sun-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fire {\n --uui-link-button-text: var(--fire);\n --uui-link-button-text-hover: var(--fire-dark);\n --uui-link-button-text-active: var(--fire-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-cobalt {\n --uui-link-button-text: var(--cobalt-30);\n --uui-link-button-text-hover: var(--cobalt-40);\n --uui-link-button-text-active: var(--cobalt-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-lavanda {\n --uui-link-button-text: var(--lavanda-30);\n --uui-link-button-text-hover: var(--lavanda-40);\n --uui-link-button-text-active: var(--lavanda-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fuchsia {\n --uui-link-button-text: var(--fuchia-30);\n --uui-link-button-text-hover: var(--fuchia-40);\n --uui-link-button-text-active: var(--fuchia-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-white {\n --uui-link-button-text: var(--white);\n --uui-link-button-text-hover: var(--uui-color-white-800);\n --uui-link-button-text-active: var(--uui-color-white-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night50 {\n --uui-link-button-text: var(--night50);\n --uui-link-button-text-hover: var(--uui-color-night50-800);\n --uui-link-button-text-active: var(--uui-color-night50-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night200 {\n --uui-link-button-text: var(--night200);\n --uui-link-button-text-hover: var(--uui-color-night200-800);\n --uui-link-button-text-active: var(--uui-color-night200-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night300 {\n --uui-link-button-text: var(--night300);\n --uui-link-button-text-hover: var(--uui-color-night300-800);\n --uui-link-button-text-active: var(--uui-color-night300-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night400 {\n --uui-link-button-text: var(--night400);\n --uui-link-button-text-hover: var(--uui-color-night400-800);\n --uui-link-button-text-active: var(--uui-color-night400-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night500 {\n --uui-link-button-text: var(--night500);\n --uui-link-button-text-hover: var(--uui-color-night500-800);\n --uui-link-button-text-active: var(--uui-color-night500-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night700 {\n --uui-link-button-text: var(--night700);\n --uui-link-button-text-hover: var(--uui-color-night700-800);\n --uui-link-button-text-active: var(--uui-color-night700-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night800 {\n --uui-link-button-text: var(--night800);\n --uui-link-button-text-hover: var(--uui-color-night800-800);\n --uui-link-button-text-active: var(--uui-color-night800-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night900 {\n --uui-link-button-text: var(--night900);\n --uui-link-button-text-hover: var(--uui-color-night900-800);\n --uui-link-button-text-active: var(--uui-color-night900-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .icon-button-sky,\n .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-grass,\n .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-sun,\n .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-fire,\n .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-cobalt {\n --uui-icon-btn: var(--cobalt-30);\n --uui-icon-btn-hover: var(--cobalt-40);\n --uui-icon-btn-active: var(--cobalt-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-lavanda {\n --uui-icon-btn: var(--lavanda-30);\n --uui-icon-btn-hover: var(--lavanda-40);\n --uui-icon-btn-active: var(--lavanda-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-fuchsia {\n --uui-icon-btn: var(--fuchia-30);\n --uui-icon-btn-hover: var(--fuchia-40);\n --uui-icon-btn-active: var(--fuchia-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-white {\n --uui-icon-btn: var(--white);\n --uui-icon-btn-hover: var(--uui-color-white-800);\n --uui-icon-btn-active: var(--uui-color-white-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night200 {\n --uui-icon-btn: var(--night200);\n --uui-icon-btn-hover: var(--uui-color-night200-800);\n --uui-icon-btn-active: var(--uui-color-night200-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night300 {\n --uui-icon-btn: var(--night300);\n --uui-icon-btn-hover: var(--uui-color-night300-800);\n --uui-icon-btn-active: var(--uui-color-night300-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night400 {\n --uui-icon-btn: var(--night400);\n --uui-icon-btn-hover: var(--uui-color-night400-800);\n --uui-icon-btn-active: var(--uui-color-night400-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night500 {\n --uui-icon-btn: var(--night500);\n --uui-icon-btn-hover: var(--uui-color-night500-800);\n --uui-icon-btn-active: var(--uui-color-night500-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night600,\n .icon-button-secondary,\n .icon-button-default {\n --uui-icon-btn: var(--night600);\n --uui-icon-btn-hover: var(--uui-icon-hover);\n --uui-icon-btn-active: var(--uui-icon-active);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .notification-card-sun,\n .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-success,\n .notification-card-grass {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-info,\n .notification-card-sky {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-error,\n .notification-card-fire {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-night600 {\n --uui-notification-card-fill: var(--night600);\n --uui-notification-card-border: var(--night600);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .alert-error,\n .alert-fire {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-lightest);\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n }\n\n .alert-warning,\n .alert-sun {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-lightest);\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n }\n\n\n .alert-success,\n .alert-grass {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-lightest);\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n }\n\n .alert-info,\n .alert-sky {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-lightest);\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n }\n\n .badge-default, .badge-night300 {\n --uui-badge-bg: var(--night300);\n --uui-badge-bg-hover: var(--night400);\n --uui-badge-bg-halftone: var(--night200);\n --uui-badge-bg-halftone-hover: var(--night300);\n --uui-badge-border-halftone: var(--night400);\n --uui-badge-border-halftone-hover: var(--night500);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-info, .badge-sky {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-success, .badge-grass {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-warning, .badge-sun {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-error, .badge-fire {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-cobalt {\n --uui-badge-bg: var(--cobalt-30);\n --uui-badge-bg-hover: var(--cobalt-40);\n --uui-badge-bg-halftone: var(--cobalt-10);\n --uui-badge-bg-halftone-hover: var(--cobalt-20);\n --uui-badge-border-halftone: var(--cobalt-30);\n --uui-badge-border-halftone-hover: var(--cobalt-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--cobalt-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-lavanda {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-30);\n --uui-badge-border-halftone-hover: var(--lavanda-40);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--lavanda-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-fuchsia {\n --uui-badge-bg: var(--fuchia-30);\n --uui-badge-bg-hover: var(--fuchia-40);\n --uui-badge-bg-halftone: var(--fuchia-10);\n --uui-badge-bg-halftone-hover: var(--fuchia-20);\n --uui-badge-border-halftone: var(--fuchia-30);\n --uui-badge-border-halftone-hover: var(--fuchia-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--fuchia-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-white {\n --uui-badge-bg: var(--white);\n --uui-badge-bg-hover: var(--gray5);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night200 {\n --uui-badge-bg: var(--uui-color-night200-700);\n --uui-badge-bg-hover: var(--uui-color-night200-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night300 {\n --uui-badge-bg: var(--uui-color-night300-700);\n --uui-badge-bg-hover: var(--uui-color-night300-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night400 {\n --uui-badge-bg: var(--uui-color-night400-700);\n --uui-badge-bg-hover: var(--uui-color-night400-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night500 {\n --uui-badge-bg: var(--uui-color-night500-700);\n --uui-badge-bg-hover: var(--uui-color-night500-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-night600 {\n --uui-badge-bg: var(--uui-color-night600-700);\n --uui-badge-bg-hover: var(--uui-color-night600-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-violet {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-20);\n --uui-badge-border-halftone-hover: var(--lavanda-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--lavanda-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--orange-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--purple-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .informer-default {\n --uui-informer-bg: var(--night300);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .informer-focus {\n --uui-informer-bg: var(--fire);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .uui-text-info,\n .uui-text-sky {\n --uui-text: var(--uui-text-info);\n }\n\n .uui-text-success,\n .uui-text-grass {\n --uui-text: var(--uui-text-success);\n }\n\n .uui-text-warning,\n .uui-text-sun {\n --uui-text: var(--uui-text-warning);\n }\n\n .uui-text-error,\n .uui-text-fire {\n --uui-text: var(--uui-text-error);\n }\n\n .uui-text-brand,\n .uui-text-night900 {\n --uui-text: var(--uui-text-brand);\n }\n\n .uui-text-primary,\n .uui-text-night800 {\n --uui-text: var(--uui-text-primary);\n }\n\n .uui-text-night700 {\n --uui-text: var(--night700);\n }\n\n .uui-text-secondary,\n .uui-text-night600 {\n --uui-text: var(--uui-text-secondary);\n }\n\n .uui-text-disabled,\n .uui-text-night500 {\n --uui-text: var(--uui-text-disabled);\n }\n\n .uui-text-night400 {\n --uui-text: var(--night400);\n }\n\n .uui-text-night300 {\n --uui-text: var(--night300);\n }\n\n .uui-text-contrast,\n .uui-text-night50 {\n --uui-text: var(--uui-text-contrast);\n }\n\n .uui-text-white {\n --uui-text: var(--uui-text-white);\n }\n\n .uui-font-regular,\n .uui-font-sans {\n --uui-text-font: var(--font-regular);\n }\n\n .uui-font-semibold,\n .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--font-light);\n }\n\n .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n }\n\n .dropdown-container-night700 {\n --uui-dropdown-container-bg: var(--night700);\n }\n\n .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n }\n\n .flex-row-background-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .flex-row-background-night100 {\n --uui-flex-row-bg: var(--night100);\n }\n\n .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n }\n\n .panel-white {\n --uui-panel-bg: var(--uui-surface);\n }\n\n .panel-night50 {\n --uui-panel-bg: var(--night50);\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-loveship {\n --font-regular: \"Sans Regular\", Arial, sans-serif;\n --font-semibold: \"Sans Semibold\", Arial, sans-serif;\n --font-italic: \"Sans Italic\", Arial, sans-serif;\n --font-primary: \"Sans Semibold\", Arial, sans-serif;\n --font-promo: \"Sans Semibold\", Arial, sans-serif;\n --font-mono: monospace;\n --font-redacted: \"Redacted\";\n --font-light: \"Sans Light\", Arial, sans-serif;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n --sky-soft: #F5FDFF;\n --sky-lightest: #E1F4FA;\n --sky-light: #A0DDEE;\n --sky: #009ECC;\n --sky-dark: #0086AD;\n --sky-darkest: #006B8A;\n --grass-soft: #FCFFF5;\n --grass-lightest: #EBF3D8;\n --grass-light: #C1E288;\n --grass: #67A300;\n --grass-dark: #528500;\n --grass-darkest: #396F1F;\n --sun-soft: #FFFCF5;\n --sun-lightest: #FFEDC9;\n --sun-light: #FFD785;\n --sun: #FCAA00;\n --sun-dark: #FF9000;\n --sun-darkest: #BD5800;\n --fire-soft: #FEF6F6;\n --fire-lightest: #FDE1E1;\n --fire-light: #FBB6B6;\n --fire: #FF4242;\n --fire-dark: #E22A2A;\n --fire-darkest: #AD0000;\n --white: #FFFFFF;\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-30: #FDD63B;\n --yellow-40: #F9B71D;\n --yellow-50: #D3910C;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-30: #FF8B3E;\n --orange-40: #F76B0D;\n --orange-50: #BD4B00;\n --fuchia-5: #FFF7FB;\n --fuchia-10: #F9D8E7;\n --fuchia-20: #EDADC8;\n --fuchia-30: #EA4386;\n --fuchia-40: #D61E68;\n --fuchia-50: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-30: #B114D1;\n --purple-40: #860F9E;\n --purple-50: #5E0B6F;\n --lavanda-5: #F8F6FE;\n --lavanda-10: #DBCCFA;\n --lavanda-20: #BB9DF5;\n --lavanda-30: #773CEC;\n --lavanda-40: #5514D6;\n --lavanda-50: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-30: #0F98FF;\n --cobalt-40: #006FE5;\n --cobalt-50: #0954A5;\n --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-30: #14CCCC;\n --cyan-40: #0F9E9E;\n --cyan-50: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-30: #4FC48C;\n --mint-40: #2E9E68;\n --mint-50: #236E4A;\n /* Loveship old colors */\n --uui-color-white-800: #E6E6E6;\n --uui-color-white-900: #CCCCCC;\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n --uui-color-night200-700: #E6E8F2;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n --uui-color-night300-700: #D9DCE6;\n --uui-color-night300-800: #C2C6D7;\n --uui-color-night300-900: #A4AAC2;\n --uui-color-night400-700: #C3C5D2;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n --uui-color-night500-700: #9D9FB2;\n --uui-color-night500-800: #8F93A9;\n --uui-color-night500-900: #727793;\n --uui-color-night600-700: #595B6D;\n --uui-color-night600-800: #555764;\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n --uui-color-night900-800: #070709;\n --uui-color-night900-900: #000000;\n /* end Loveship old colors */\n /* core variables start */\n --uui-accent: var(--grass);\n --uui-accent-light: var(--grass-light);\n --uui-accent-lightest: var(--grass-lightest);\n --uui-accent-dark: var(--grass-dark);\n --uui-accent-darkest: var(--grass-darkest);\n --uui-primary: var(--sky);\n --uui-primary-light: var(--sky-light);\n --uui-primary-lightest: var(--sky-lightest);\n --uui-primary-dark: var(--sky-dark);\n --uui-primary-darkest: var(--sky-darkest);\n --uui-secondary: var(--night600);\n --uui-secondary-light: var(--night300);\n --uui-secondary-lightest: var(--night200);\n --uui-secondary-dark: var(--night700);\n --uui-secondary-darkest: var(--night800);\n --uui-negative: var(--fire);\n --uui-negative-light: var(--fire-light);\n --uui-negative-lightest: var(--fire-lightest);\n --uui-negative-dark: var(--fire-dark);\n --uui-negative-darkest: var(--fire-darkest);\n --uui-link: var(--sky);\n --uui-link-hover: var(--sky-dark);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n --uui-info: var(--sky);\n --uui-info-soft: var(--sky-soft);\n --uui-info-lightest: var(--sky-lightest);\n --uui-info-light: var(--sky-light);\n --uui-info-dark: var(--sky-dark);\n --uui-info-darkest: var(--sky-darkest);\n --uui-success: var(--grass);\n --uui-success-soft: var(--grass-soft);\n --uui-success-lightest: var(--grass-lightest);\n --uui-success-light: var(--grass-light);\n --uui-success-dark: var(--grass-dark);\n --uui-success-darkest: var(--grass-darkest);\n --uui-warning: var(--sun);\n --uui-warning-soft: var(--sun-soft);\n --uui-warning-lightest: var(--sun-lightest);\n --uui-warning-light: var(--sun-light);\n --uui-warning-dark: var(--sun-dark);\n --uui-warning-darkest: var(--sun-darkest);\n --uui-error: var(--fire);\n --uui-error-soft: var(--fire-soft);\n --uui-error-lightest: var(--fire-lightest);\n --uui-error-light: var(--fire-light);\n --uui-error-dark: var(--fire-dark);\n --uui-error-darkest: var(--fire-darkest);\n --uui-icon: var(--night600);\n --uui-icon-hover: var(--night700);\n --uui-icon-active: var(--night800);\n --uui-icon-disabled: var(--night500);\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n --uui-app-bg: var(--night100);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface: var(--white);\n --uui-surface-low: var(--night50);\n --uui-surface-lower: var(--night100);\n --uui-surface-lowest: var(--night200);\n --uui-surface-contrast: var(--night700);\n --uui-surface-contrast-low: var(--night800);\n --uui-surface-contrast-lower: var(--night900);\n --uui-surface-active: var(--sky-lightest);\n --uui-surface-critical: var(--fire-lightest);\n --uui-surface-warning: var(--sun-lightest);\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night300);\n --uui-text-brand: var(--night900);\n --uui-text-primary: var(--night800);\n --uui-text-secondary: var(--night700);\n --uui-text-tertiary: var(--night600);\n --uui-text-disabled: var(--night500);\n --uui-text-contrast: var(--night50);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night800);\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n /* not accepted part */\n --uui-disabled: var(--night300);\n /* control specific */\n --uui-scroll_bars-bg: var(--night400);\n --uui-scroll_bars-bg-active: var(--night600);\n --uui-button-bg-halftone: var(--white);\n --uui-control-bg: var(--white);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night50);\n --uui-control-bg-readonly: var(--night50);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-bg: var(--night400);\n --uui-control_switch-toggler-bg: var(--white);\n --uui-control-border: var(--night400);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--night300);\n --uui-control-border-readonly: var(--night300);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-border-hover: var(--night600);\n --uui-control_textinput-border-hover: var(--night600);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-placeholder: var(--night600);\n --uui-control-placeholder-disabled: var(--night500);\n --uui-control-text: var(--night800);\n --uui-control-text-disabled: var(--night500);\n --uui-control-icon: var(--night500);\n --uui-control-icon-disabled: var(--night500);\n --uui-control-checkbox-icon: var(--white);\n --uui-tag-bg: var(--night300);\n --uui-tag-bg-hover: var(--night400);\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n --uui-border-radius: 3px;\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 /* core variables end */\n /* find below the not core variables that are used and highlight them in the code */\n /* TextInput vars */\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n --uui-text-input-font: var(--font-regular);\n /* Button vars */\n --uui-btn-border-radius: var(--uui-border-radius);\n --uui-btn-font: var(--font-semibold);\n /* LinkButton vars */\n --uui-link-button-font: var(--font-semibold);\n /* DatePicker vars */\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n --uui-dtp_body-content-font: var(--font-regular);\n /* RangeDatePicker vars */\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n /* Calendar vars */\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n /* tab-button-vars */\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary);\n --uui-tab_button-text-active: var(--uui-primary);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-semibold);\n /* radio-input-vars */\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n --uui-radio-input-font: var(--font-regular);\n /* Checkbox vars */\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n --uui-checkbox-font: var(--font-regular);\n /* Tag vars */\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-border-radius: 30px;\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n /* TextArea vars */\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n /* DropMarker vars */\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n /* Tooltip vars */\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n --uui-tooltip-font: var(--font-regular);\n /* PickerInput vars */\n --uui-picker_input-bg: var(--uui-surface);\n /* PickerToggler vars */\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n --uui-picker-toggler-font: var(--font-regular);\n /* Panel */\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n /* Modals */\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n /* TextPlaceholder */\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n /* LabeledInput */\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error);\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n /* Accordion */\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 6px;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n /* Switch */\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch-toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-font: var(--font-regular);\n /* DropdownContainer */\n --uui-dropdown-container-border-radius: 6px;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n /* DropdownMenu */\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-active: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n /* MainMenu */\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast-low);\n --uui-main_menu-hover: var(--uui-surface-contrast-lower);\n --uui-main_menu-active: var(--uui-surface-contrast-lower);\n --uui-main_menu-border-active: var(--uui-primary);\n --uui-main_menu-dropdown-bg: var(--uui-surface-contrast-lower);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-disabled);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n /* BurgerMenu */\n --uui-burger_menu-bg: var(--uui-surface-contrast-lower);\n --uui-burger_menu-bg-hover: var(--uui-surface-contrast-lower);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n /* BurgerGroupHeader */\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n --uui-burger_group-font: var(--font-regular);\n /* BurgerButton */\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n --uui-burger_btn-font: var(--font-regular);\n /* BurgerSearch */\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n --uui-burger_search-font: var(--font-regular);\n /* NumericInput */\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n /* TimePicker */\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n /* SearchPicker */\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-negative);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n /* Popover */\n --uui-popover-shadow: var(--uui-shadow-level-2);\n /* Footer */\n --uui-footer-bg: var(--uui-surface-contrast);\n /* FilterPanelItemToggler vars */\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-lower);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-tertiary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n /* NotificationCard */\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 0;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: var(--uui-shadow-level-2);\n /* Alert */\n --uui-alert-border-radius: 6px;\n /* Panel */\n --uui-panel-bg: var(--uui-surface);\n /* Spinner */\n --uui-spinner: var(--uui-primary);\n /* Blocker */\n --uui-blocker-bg: var(--uui-app-bg);\n /* FlexRow */\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n /* DataTable vars */\n --uui-dt-border: var(--uui-divider-light);\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-lower);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n --uui-dt-header-row-bg: var(--uui-surface-low);\n --uui-dt-header-row-bg-hover: var(--uui-surface-lowest);\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n --uui-dt-header-cell-font: var(--font-semibold);\n /* AvatarStack */\n --uui-avatar-stack-font: var(--font-semibold);\n /* Badge */\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n /* Pagination */\n --uui-pagination-font: var(--font-regular);\n /* ------------------------------------ */\n}\n.uui-theme-loveship .tooltip-contrast,\n.uui-theme-loveship .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n}\n.uui-theme-loveship .tooltip-default,\n.uui-theme-loveship .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .tooltip-critical,\n.uui-theme-loveship .tooltip-fire {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-text-white);\n}\n.uui-theme-loveship .button-sky, .uui-theme-loveship .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .button-accent, .uui-theme-loveship .button-grass {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .button-sun {\n --uui-btn-bg: var(--sun);\n --uui-btn-bg-hover: var(--sun-dark);\n --uui-btn-bg-active: var(--sun-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--sun-lightest);\n --uui-btn-bg-halftone-active: var(--sun-light);\n --uui-btn-border: var(--sun);\n --uui-btn-border-hover: var(--sun-dark);\n --uui-btn-border-active: var(--sun-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-control-text);\n --uui-btn-caption-halftone: var(--sun-darkest);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .button-fire, .uui-theme-loveship .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .button-night500,\n.uui-theme-loveship .button-night600,\n.uui-theme-loveship .button-gray,\n.uui-theme-loveship .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .button-white {\n --uui-btn-bg: var(--white);\n --uui-btn-bg-hover: var(--uui-color-white-800);\n --uui-btn-bg-active: var(--uui-color-white-900);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--white);\n --uui-btn-border-hover: var(--uui-color-white-800);\n --uui-btn-border-active: var(--uui-color-white-900);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--night800);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-primary,\n.uui-theme-loveship .link-button-sky {\n --uui-link-button-text: var(--uui-primary);\n --uui-link-button-text-hover: var(--uui-primary-dark);\n --uui-link-button-text-active: var(--uui-primary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-secondary,\n.uui-theme-loveship .link-button-night600 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-contrast,\n.uui-theme-loveship .link-button-night100 {\n --uui-link-button-text: var(--night100);\n --uui-link-button-text-hover: var(--uui-color-night100-800);\n --uui-link-button-text-active: var(--uui-color-night100-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-grass {\n --uui-link-button-text: var(--grass);\n --uui-link-button-text-hover: var(--grass-dark);\n --uui-link-button-text-active: var(--grass-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-sun {\n --uui-link-button-text: var(--sun);\n --uui-link-button-text-hover: var(--sun-dark);\n --uui-link-button-text-active: var(--sun-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-fire {\n --uui-link-button-text: var(--fire);\n --uui-link-button-text-hover: var(--fire-dark);\n --uui-link-button-text-active: var(--fire-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-cobalt {\n --uui-link-button-text: var(--cobalt-30);\n --uui-link-button-text-hover: var(--cobalt-40);\n --uui-link-button-text-active: var(--cobalt-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-lavanda {\n --uui-link-button-text: var(--lavanda-30);\n --uui-link-button-text-hover: var(--lavanda-40);\n --uui-link-button-text-active: var(--lavanda-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-fuchsia {\n --uui-link-button-text: var(--fuchia-30);\n --uui-link-button-text-hover: var(--fuchia-40);\n --uui-link-button-text-active: var(--fuchia-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-white {\n --uui-link-button-text: var(--white);\n --uui-link-button-text-hover: var(--uui-color-white-800);\n --uui-link-button-text-active: var(--uui-color-white-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night50 {\n --uui-link-button-text: var(--night50);\n --uui-link-button-text-hover: var(--uui-color-night50-800);\n --uui-link-button-text-active: var(--uui-color-night50-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night200 {\n --uui-link-button-text: var(--night200);\n --uui-link-button-text-hover: var(--uui-color-night200-800);\n --uui-link-button-text-active: var(--uui-color-night200-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night300 {\n --uui-link-button-text: var(--night300);\n --uui-link-button-text-hover: var(--uui-color-night300-800);\n --uui-link-button-text-active: var(--uui-color-night300-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night400 {\n --uui-link-button-text: var(--night400);\n --uui-link-button-text-hover: var(--uui-color-night400-800);\n --uui-link-button-text-active: var(--uui-color-night400-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night500 {\n --uui-link-button-text: var(--night500);\n --uui-link-button-text-hover: var(--uui-color-night500-800);\n --uui-link-button-text-active: var(--uui-color-night500-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night700 {\n --uui-link-button-text: var(--night700);\n --uui-link-button-text-hover: var(--uui-color-night700-800);\n --uui-link-button-text-active: var(--uui-color-night700-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night800 {\n --uui-link-button-text: var(--night800);\n --uui-link-button-text-hover: var(--uui-color-night800-800);\n --uui-link-button-text-active: var(--uui-color-night800-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .link-button-night900 {\n --uui-link-button-text: var(--night900);\n --uui-link-button-text-hover: var(--uui-color-night900-800);\n --uui-link-button-text-active: var(--uui-color-night900-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship .icon-button-sky,\n.uui-theme-loveship .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-grass,\n.uui-theme-loveship .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-sun,\n.uui-theme-loveship .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-fire,\n.uui-theme-loveship .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-cobalt {\n --uui-icon-btn: var(--cobalt-30);\n --uui-icon-btn-hover: var(--cobalt-40);\n --uui-icon-btn-active: var(--cobalt-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-lavanda {\n --uui-icon-btn: var(--lavanda-30);\n --uui-icon-btn-hover: var(--lavanda-40);\n --uui-icon-btn-active: var(--lavanda-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-fuchsia {\n --uui-icon-btn: var(--fuchia-30);\n --uui-icon-btn-hover: var(--fuchia-40);\n --uui-icon-btn-active: var(--fuchia-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-white {\n --uui-icon-btn: var(--white);\n --uui-icon-btn-hover: var(--uui-color-white-800);\n --uui-icon-btn-active: var(--uui-color-white-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night200 {\n --uui-icon-btn: var(--night200);\n --uui-icon-btn-hover: var(--uui-color-night200-800);\n --uui-icon-btn-active: var(--uui-color-night200-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night300 {\n --uui-icon-btn: var(--night300);\n --uui-icon-btn-hover: var(--uui-color-night300-800);\n --uui-icon-btn-active: var(--uui-color-night300-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night400 {\n --uui-icon-btn: var(--night400);\n --uui-icon-btn-hover: var(--uui-color-night400-800);\n --uui-icon-btn-active: var(--uui-color-night400-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night500 {\n --uui-icon-btn: var(--night500);\n --uui-icon-btn-hover: var(--uui-color-night500-800);\n --uui-icon-btn-active: var(--uui-color-night500-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .icon-button-night600,\n.uui-theme-loveship .icon-button-secondary,\n.uui-theme-loveship .icon-button-default {\n --uui-icon-btn: var(--night600);\n --uui-icon-btn-hover: var(--uui-icon-hover);\n --uui-icon-btn-active: var(--uui-icon-active);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship .notification-card-sun,\n.uui-theme-loveship .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-success,\n.uui-theme-loveship .notification-card-grass {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-info,\n.uui-theme-loveship .notification-card-sky {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-error,\n.uui-theme-loveship .notification-card-fire {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .notification-card-night600 {\n --uui-notification-card-fill: var(--night600);\n --uui-notification-card-border: var(--night600);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .alert-error,\n.uui-theme-loveship .alert-fire {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-lightest);\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n}\n.uui-theme-loveship .alert-warning,\n.uui-theme-loveship .alert-sun {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-lightest);\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n}\n.uui-theme-loveship .alert-success,\n.uui-theme-loveship .alert-grass {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-lightest);\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n}\n.uui-theme-loveship .alert-info,\n.uui-theme-loveship .alert-sky {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-lightest);\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n}\n.uui-theme-loveship .badge-default, .uui-theme-loveship .badge-night300 {\n --uui-badge-bg: var(--night300);\n --uui-badge-bg-hover: var(--night400);\n --uui-badge-bg-halftone: var(--night200);\n --uui-badge-bg-halftone-hover: var(--night300);\n --uui-badge-border-halftone: var(--night400);\n --uui-badge-border-halftone-hover: var(--night500);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-info, .uui-theme-loveship .badge-sky {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-success, .uui-theme-loveship .badge-grass {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-warning, .uui-theme-loveship .badge-sun {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-error, .uui-theme-loveship .badge-fire {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-cobalt {\n --uui-badge-bg: var(--cobalt-30);\n --uui-badge-bg-hover: var(--cobalt-40);\n --uui-badge-bg-halftone: var(--cobalt-10);\n --uui-badge-bg-halftone-hover: var(--cobalt-20);\n --uui-badge-border-halftone: var(--cobalt-30);\n --uui-badge-border-halftone-hover: var(--cobalt-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--cobalt-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-lavanda {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-30);\n --uui-badge-border-halftone-hover: var(--lavanda-40);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--lavanda-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-fuchsia {\n --uui-badge-bg: var(--fuchia-30);\n --uui-badge-bg-hover: var(--fuchia-40);\n --uui-badge-bg-halftone: var(--fuchia-10);\n --uui-badge-bg-halftone-hover: var(--fuchia-20);\n --uui-badge-border-halftone: var(--fuchia-30);\n --uui-badge-border-halftone-hover: var(--fuchia-40);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--fuchia-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-white {\n --uui-badge-bg: var(--white);\n --uui-badge-bg-hover: var(--gray5);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-night200 {\n --uui-badge-bg: var(--uui-color-night200-700);\n --uui-badge-bg-hover: var(--uui-color-night200-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-night300 {\n --uui-badge-bg: var(--uui-color-night300-700);\n --uui-badge-bg-hover: var(--uui-color-night300-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-night400 {\n --uui-badge-bg: var(--uui-color-night400-700);\n --uui-badge-bg-hover: var(--uui-color-night400-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--night800);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-night500 {\n --uui-badge-bg: var(--uui-color-night500-700);\n --uui-badge-bg-hover: var(--uui-color-night500-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-night600 {\n --uui-badge-bg: var(--uui-color-night600-700);\n --uui-badge-bg-hover: var(--uui-color-night600-800);\n --uui-badge-bg-halftone: var(--white);\n --uui-badge-bg-halftone-hover: var(--gray5);\n --uui-badge-border-halftone: var(--white);\n --uui-badge-border-halftone-hover: var(--gray5);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-text-secondary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-violet {\n --uui-badge-bg: var(--lavanda-30);\n --uui-badge-bg-hover: var(--lavanda-40);\n --uui-badge-bg-halftone: var(--lavanda-10);\n --uui-badge-bg-halftone-hover: var(--lavanda-20);\n --uui-badge-border-halftone: var(--lavanda-20);\n --uui-badge-border-halftone-hover: var(--lavanda-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--lavanda-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--orange-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--purple-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-loveship .informer-default {\n --uui-informer-bg: var(--night300);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-loveship .informer-focus {\n --uui-informer-bg: var(--fire);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-loveship .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-loveship .uui-text-info,\n.uui-theme-loveship .uui-text-sky {\n --uui-text: var(--uui-text-info);\n}\n.uui-theme-loveship .uui-text-success,\n.uui-theme-loveship .uui-text-grass {\n --uui-text: var(--uui-text-success);\n}\n.uui-theme-loveship .uui-text-warning,\n.uui-theme-loveship .uui-text-sun {\n --uui-text: var(--uui-text-warning);\n}\n.uui-theme-loveship .uui-text-error,\n.uui-theme-loveship .uui-text-fire {\n --uui-text: var(--uui-text-error);\n}\n.uui-theme-loveship .uui-text-brand,\n.uui-theme-loveship .uui-text-night900 {\n --uui-text: var(--uui-text-brand);\n}\n.uui-theme-loveship .uui-text-primary,\n.uui-theme-loveship .uui-text-night800 {\n --uui-text: var(--uui-text-primary);\n}\n.uui-theme-loveship .uui-text-night700 {\n --uui-text: var(--night700);\n}\n.uui-theme-loveship .uui-text-secondary,\n.uui-theme-loveship .uui-text-night600 {\n --uui-text: var(--uui-text-secondary);\n}\n.uui-theme-loveship .uui-text-disabled,\n.uui-theme-loveship .uui-text-night500 {\n --uui-text: var(--uui-text-disabled);\n}\n.uui-theme-loveship .uui-text-night400 {\n --uui-text: var(--night400);\n}\n.uui-theme-loveship .uui-text-night300 {\n --uui-text: var(--night300);\n}\n.uui-theme-loveship .uui-text-contrast,\n.uui-theme-loveship .uui-text-night50 {\n --uui-text: var(--uui-text-contrast);\n}\n.uui-theme-loveship .uui-text-white {\n --uui-text: var(--uui-text-white);\n}\n.uui-theme-loveship .uui-font-regular,\n.uui-theme-loveship .uui-font-sans {\n --uui-text-font: var(--font-regular);\n}\n.uui-theme-loveship .uui-font-semibold,\n.uui-theme-loveship .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n}\n.uui-theme-loveship .uui-font-sans-light {\n --uui-text-font: var(--font-light);\n}\n.uui-theme-loveship .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n}\n.uui-theme-loveship .dropdown-container-night700 {\n --uui-dropdown-container-bg: var(--night700);\n}\n.uui-theme-loveship .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n}\n.uui-theme-loveship .flex-row-background-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship .flex-row-background-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship .panel-white {\n --uui-panel-bg: var(--uui-surface);\n}\n.uui-theme-loveship .panel-night50 {\n --uui-panel-bg: var(--night50);\n}"]}