@nova-design-system/nova-webcomponents 3.31.1-beta.1 → 3.31.2-beta.3

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 (381) hide show
  1. package/THIRD_PARTY_NOTICES.txt +117535 -0
  2. package/dist/cjs/accessibility.utils-CeSsswXF.js +78 -0
  3. package/dist/cjs/{index-BvJsoRtw.js → index-BfQyuDYm.js} +6 -1
  4. package/dist/cjs/index.cjs.js +1 -0
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/native.cjs.js +2 -2
  7. package/dist/cjs/nv-accordion-item.cjs.entry.js +9 -8
  8. package/dist/cjs/nv-accordion.cjs.entry.js +1 -1
  9. package/dist/cjs/nv-alert.cjs.entry.js +1 -1
  10. package/dist/cjs/nv-avatar.cjs.entry.js +1 -1
  11. package/dist/cjs/nv-badge_2.cjs.entry.js +1 -1
  12. package/dist/cjs/nv-breadcrumb.cjs.entry.js +1 -1
  13. package/dist/cjs/nv-breadcrumbs.cjs.entry.js +1 -1
  14. package/dist/cjs/nv-button.cjs.entry.js +4 -3
  15. package/dist/cjs/nv-buttongroup.cjs.entry.js +1 -1
  16. package/dist/cjs/nv-calendar.cjs.entry.js +1 -1
  17. package/dist/cjs/nv-col.cjs.entry.js +1 -1
  18. package/dist/cjs/nv-datagrid.cjs.entry.js +1 -1
  19. package/dist/cjs/nv-datagridcolumn.cjs.entry.js +1 -1
  20. package/dist/cjs/nv-datetest.cjs.entry.js +1 -1
  21. package/dist/cjs/nv-datetimetest.cjs.entry.js +1 -1
  22. package/dist/cjs/nv-dialog.cjs.entry.js +4 -3
  23. package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +1 -1
  24. package/dist/cjs/nv-drawer.cjs.entry.js +4 -3
  25. package/dist/cjs/nv-drawerfooter_2.cjs.entry.js +1 -1
  26. package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +1 -1
  27. package/dist/cjs/nv-fielddate.cjs.entry.js +1 -1
  28. package/dist/cjs/nv-fielddaterange.cjs.entry.js +1 -1
  29. package/dist/cjs/nv-fielddropdown.cjs.entry.js +1 -1
  30. package/dist/cjs/nv-fielddropdownitem.cjs.entry.js +4 -3
  31. package/dist/cjs/nv-fieldmultiselect.cjs.entry.js +3 -3
  32. package/dist/cjs/nv-fieldnumber.cjs.entry.js +1 -1
  33. package/dist/cjs/nv-fieldpassword.cjs.entry.js +1 -1
  34. package/dist/cjs/nv-fieldradio.cjs.entry.js +1 -1
  35. package/dist/cjs/nv-fieldselect.cjs.entry.js +1 -1
  36. package/dist/cjs/nv-fieldslider.cjs.entry.js +1 -1
  37. package/dist/cjs/nv-fieldtext.cjs.entry.js +1 -1
  38. package/dist/cjs/nv-fieldtextarea.cjs.entry.js +1 -1
  39. package/dist/cjs/nv-fieldtime.cjs.entry.js +1 -1
  40. package/dist/cjs/nv-icon.cjs.entry.js +2 -2
  41. package/dist/cjs/nv-iconbutton_2.cjs.entry.js +4 -3
  42. package/dist/cjs/nv-menu.cjs.entry.js +1 -1
  43. package/dist/cjs/nv-menuitem.cjs.entry.js +4 -3
  44. package/dist/cjs/nv-notification-bullet.cjs.entry.js +1 -1
  45. package/dist/cjs/nv-notification.cjs.entry.js +1 -1
  46. package/dist/cjs/nv-notificationcontainer.cjs.entry.js +1 -1
  47. package/dist/cjs/nv-pagination-nav.cjs.entry.js +1 -1
  48. package/dist/cjs/nv-paginationtable.cjs.entry.js +1 -1
  49. package/dist/cjs/nv-pill.cjs.entry.js +285 -0
  50. package/dist/cjs/nv-popover.cjs.entry.js +2 -2
  51. package/dist/cjs/nv-row.cjs.entry.js +2 -2
  52. package/dist/cjs/nv-sidebar.cjs.entry.js +3 -3
  53. package/dist/cjs/nv-sidebarcontent.cjs.entry.js +2 -2
  54. package/dist/cjs/nv-sidebardivider.cjs.entry.js +2 -2
  55. package/dist/cjs/nv-sidebarfooter.cjs.entry.js +2 -2
  56. package/dist/cjs/nv-sidebargroup.cjs.entry.js +2 -2
  57. package/dist/cjs/nv-sidebarheader.cjs.entry.js +2 -2
  58. package/dist/cjs/nv-sidebarlogo.cjs.entry.js +2 -2
  59. package/dist/cjs/nv-sidebarnavitem.cjs.entry.js +3 -3
  60. package/dist/cjs/nv-sidebarnavsubitem.cjs.entry.js +2 -2
  61. package/dist/cjs/nv-split.cjs.entry.js +2 -2
  62. package/dist/cjs/nv-stack.cjs.entry.js +2 -2
  63. package/dist/cjs/nv-statusindicator.cjs.entry.js +2 -2
  64. package/dist/cjs/nv-table.cjs.entry.js +2 -2
  65. package/dist/cjs/nv-tableheader.cjs.entry.js +4 -3
  66. package/dist/cjs/nv-tag.cjs.entry.js +1 -1
  67. package/dist/cjs/nv-timetest.cjs.entry.js +2 -2
  68. package/dist/cjs/nv-toggle.cjs.entry.js +3 -3
  69. package/dist/cjs/nv-togglebutton.cjs.entry.js +4 -3
  70. package/dist/cjs/nv-togglebuttongroup.cjs.entry.js +2 -2
  71. package/dist/cjs/nv-tooltip.cjs.entry.js +2 -2
  72. package/dist/collection/collection-manifest.json +1 -0
  73. package/dist/collection/components/nv-accordion-item/nv-accordion-item.js +8 -7
  74. package/dist/collection/components/nv-alert/nv-alert.js +1 -1
  75. package/dist/collection/components/nv-badge/nv-badge.js +2 -2
  76. package/dist/collection/components/nv-button/nv-button.js +3 -2
  77. package/dist/collection/components/nv-dialog/nv-dialog.js +3 -2
  78. package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js +2 -2
  79. package/dist/collection/components/nv-drawer/nv-drawer.js +3 -2
  80. package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.js +2 -2
  81. package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js +3 -2
  82. package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.js +2 -2
  83. package/dist/collection/components/nv-icon/nv-icon.js +1 -1
  84. package/dist/collection/components/nv-icon/nv-icons.js +1 -0
  85. package/dist/collection/components/nv-iconbutton/nv-iconbutton.js +4 -3
  86. package/dist/collection/components/nv-menuitem/nv-menuitem.js +4 -3
  87. package/dist/collection/components/nv-notification/nv-notification.js +1 -1
  88. package/dist/collection/components/nv-pill/nv-pill.css +88 -0
  89. package/dist/collection/components/nv-pill/nv-pill.docs.js +104 -0
  90. package/dist/collection/components/nv-pill/nv-pill.js +464 -0
  91. package/dist/collection/components/nv-popover/nv-popover.js +1 -1
  92. package/dist/collection/components/nv-row/nv-row.js +1 -1
  93. package/dist/collection/components/nv-sidebar/nv-sidebar.js +2 -2
  94. package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.js +1 -1
  95. package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.js +1 -1
  96. package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.js +1 -1
  97. package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.js +1 -1
  98. package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.js +1 -1
  99. package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.js +1 -1
  100. package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.js +3 -3
  101. package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.js +1 -1
  102. package/dist/collection/components/nv-split/nv-split.js +1 -1
  103. package/dist/collection/components/nv-stack/nv-stack.js +1 -1
  104. package/dist/collection/components/nv-statusindicator/nv-statusindicator.js +1 -1
  105. package/dist/collection/components/nv-table/nv-table.js +1 -1
  106. package/dist/collection/components/nv-tableheader/nv-tableheader.js +3 -2
  107. package/dist/collection/components/nv-timetest/nv-timetest.js +1 -1
  108. package/dist/collection/components/nv-toggle/nv-toggle.js +2 -2
  109. package/dist/collection/components/nv-togglebutton/nv-togglebutton.js +3 -2
  110. package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.js +1 -1
  111. package/dist/collection/components/nv-tooltip/nv-tooltip.js +1 -1
  112. package/dist/collection/utils/accessibility.utils.js +71 -0
  113. package/dist/collection/utils/test/accessibility.utils.test.js +90 -0
  114. package/dist/components/index.js +1 -1
  115. package/dist/components/nv-accordion-item.js +1 -1
  116. package/dist/components/nv-accordion.js +1 -1
  117. package/dist/components/nv-alert.js +1 -1
  118. package/dist/components/nv-avatar.js +1 -1
  119. package/dist/components/nv-badge.js +1 -1
  120. package/dist/components/nv-breadcrumb.js +1 -1
  121. package/dist/components/nv-breadcrumbs.js +1 -1
  122. package/dist/components/nv-button.js +1 -1
  123. package/dist/components/nv-buttongroup.js +1 -1
  124. package/dist/components/nv-calendar.js +1 -1
  125. package/dist/components/nv-col.js +1 -1
  126. package/dist/components/nv-datagrid.js +1 -1
  127. package/dist/components/nv-datagridcolumn.js +1 -1
  128. package/dist/components/nv-datetest.js +1 -1
  129. package/dist/components/nv-datetimetest.js +1 -1
  130. package/dist/components/nv-dialog.js +1 -1
  131. package/dist/components/nv-dialogfooter.js +1 -1
  132. package/dist/components/nv-dialogheader.js +1 -1
  133. package/dist/components/nv-drawer.js +1 -1
  134. package/dist/components/nv-drawerfooter.js +1 -1
  135. package/dist/components/nv-drawerheader.js +1 -1
  136. package/dist/components/nv-fieldcheckbox.js +1 -1
  137. package/dist/components/nv-fielddate.js +1 -1
  138. package/dist/components/nv-fielddaterange.js +1 -1
  139. package/dist/components/nv-fielddropdown.js +1 -1
  140. package/dist/components/nv-fielddropdownitem.js +1 -1
  141. package/dist/components/nv-fielddropdownitemcheck.js +1 -1
  142. package/dist/components/nv-fieldmultiselect.js +1 -1
  143. package/dist/components/nv-fieldnumber.js +1 -1
  144. package/dist/components/nv-fieldpassword.js +1 -1
  145. package/dist/components/nv-fieldradio.js +1 -1
  146. package/dist/components/nv-fieldselect.js +1 -1
  147. package/dist/components/nv-fieldslider.js +1 -1
  148. package/dist/components/nv-fieldtext.js +1 -1
  149. package/dist/components/nv-fieldtextarea.js +1 -1
  150. package/dist/components/nv-fieldtime.js +1 -1
  151. package/dist/components/nv-icon.js +1 -1
  152. package/dist/components/nv-iconbutton.js +1 -1
  153. package/dist/components/nv-loader.js +1 -1
  154. package/dist/components/nv-menu.js +1 -1
  155. package/dist/components/nv-menuitem.js +1 -1
  156. package/dist/components/nv-notification-bullet.js +1 -1
  157. package/dist/components/nv-notification.js +1 -1
  158. package/dist/components/nv-notificationcontainer.js +1 -1
  159. package/dist/components/nv-pagination-nav.js +1 -1
  160. package/dist/components/nv-paginationtable.js +1 -1
  161. package/dist/components/nv-pill.d.ts +11 -0
  162. package/dist/components/nv-pill.js +1 -0
  163. package/dist/components/nv-popover.js +1 -1
  164. package/dist/components/nv-row.js +1 -1
  165. package/dist/components/nv-sidebar.js +1 -1
  166. package/dist/components/nv-sidebarcontent.js +1 -1
  167. package/dist/components/nv-sidebardivider.js +1 -1
  168. package/dist/components/nv-sidebarfooter.js +1 -1
  169. package/dist/components/nv-sidebargroup.js +1 -1
  170. package/dist/components/nv-sidebarheader.js +1 -1
  171. package/dist/components/nv-sidebarlogo.js +1 -1
  172. package/dist/components/nv-sidebarnavitem.js +1 -1
  173. package/dist/components/nv-sidebarnavsubitem.js +1 -1
  174. package/dist/components/nv-split.js +1 -1
  175. package/dist/components/nv-stack.js +1 -1
  176. package/dist/components/nv-statusindicator.js +1 -1
  177. package/dist/components/nv-table.js +1 -1
  178. package/dist/components/nv-tableheader.js +1 -1
  179. package/dist/components/nv-tag.js +1 -1
  180. package/dist/components/nv-timetest.js +1 -1
  181. package/dist/components/nv-toggle.js +1 -1
  182. package/dist/components/nv-togglebutton.js +1 -1
  183. package/dist/components/nv-togglebuttongroup.js +1 -1
  184. package/dist/components/nv-tooltip.js +1 -1
  185. package/dist/components/{p-i4xf4cpe.js → p-151La_Re.js} +1 -1
  186. package/dist/components/{p-BvQ9X__D.js → p-6T2ybMzE.js} +1 -1
  187. package/dist/components/{p-c3oT8uX6.js → p-B4EbX_RC.js} +1 -1
  188. package/dist/components/{p-BDdtTC-6.js → p-BLVk95gn.js} +1 -1
  189. package/dist/components/{p-DJnO10rr.js → p-BRfiHFNV.js} +1 -1
  190. package/dist/components/{p-CxKLuAfn.js → p-BWRw4xPL.js} +1 -1
  191. package/dist/components/{p-BxbhIzS0.js → p-BnO_M5Vy.js} +1 -1
  192. package/dist/components/{p-CQZEAqG5.js → p-C0sYXnfw.js} +1 -1
  193. package/dist/components/p-C4Cy9iy8.js +1 -0
  194. package/dist/components/{p-uV6ubOsB.js → p-C7TlN1NZ.js} +1 -1
  195. package/dist/components/p-CHBitkH2.js +1 -0
  196. package/dist/components/{p-D28iz8d1.js → p-CM4DYhll.js} +1 -1
  197. package/dist/components/p-CtKp5aji.js +1 -0
  198. package/dist/components/{p-C2KEXGV2.js → p-DCP9DeqM.js} +1 -1
  199. package/dist/components/p-DGGc-sMF.js +1 -0
  200. package/dist/components/{p-BzJGjY6m.js → p-DMtFowUl.js} +2 -2
  201. package/dist/components/p-DQwzzl-e.js +1 -0
  202. package/dist/components/{p-69UoKKHf.js → p-DYbGTjPL.js} +1 -1
  203. package/dist/components/{p-Bu_98LLu.js → p-DiZ4PH5U.js} +1 -1
  204. package/dist/components/{p-dLi3HLyK.js → p-MJEiA0Bq.js} +1 -1
  205. package/dist/components/{p-s1FlXcfZ.js → p-N_OyEprf.js} +1 -1
  206. package/dist/components/{p-C6V_Ba1j.js → p-hklkrJsV.js} +1 -1
  207. package/dist/components/p-m37Anefm.js +1 -0
  208. package/dist/components/p-p6cOkAo9.js +1 -0
  209. package/dist/esm/accessibility.utils-C4Cy9iy8.js +73 -0
  210. package/dist/esm/{index-C5xbfYEI.js → index-Dtg-LGcy.js} +6 -2
  211. package/dist/esm/index.js +1 -0
  212. package/dist/esm/loader.js +3 -3
  213. package/dist/esm/native.js +3 -3
  214. package/dist/esm/nv-accordion-item.entry.js +9 -8
  215. package/dist/esm/nv-accordion.entry.js +1 -1
  216. package/dist/esm/nv-alert.entry.js +1 -1
  217. package/dist/esm/nv-avatar.entry.js +1 -1
  218. package/dist/esm/nv-badge_2.entry.js +1 -1
  219. package/dist/esm/nv-breadcrumb.entry.js +1 -1
  220. package/dist/esm/nv-breadcrumbs.entry.js +1 -1
  221. package/dist/esm/nv-button.entry.js +4 -3
  222. package/dist/esm/nv-buttongroup.entry.js +1 -1
  223. package/dist/esm/nv-calendar.entry.js +1 -1
  224. package/dist/esm/nv-col.entry.js +1 -1
  225. package/dist/esm/nv-datagrid.entry.js +1 -1
  226. package/dist/esm/nv-datagridcolumn.entry.js +1 -1
  227. package/dist/esm/nv-datetest.entry.js +1 -1
  228. package/dist/esm/nv-datetimetest.entry.js +1 -1
  229. package/dist/esm/nv-dialog.entry.js +4 -3
  230. package/dist/esm/nv-dialogfooter_2.entry.js +1 -1
  231. package/dist/esm/nv-drawer.entry.js +4 -3
  232. package/dist/esm/nv-drawerfooter_2.entry.js +1 -1
  233. package/dist/esm/nv-fieldcheckbox.entry.js +1 -1
  234. package/dist/esm/nv-fielddate.entry.js +1 -1
  235. package/dist/esm/nv-fielddaterange.entry.js +1 -1
  236. package/dist/esm/nv-fielddropdown.entry.js +1 -1
  237. package/dist/esm/nv-fielddropdownitem.entry.js +4 -3
  238. package/dist/esm/nv-fieldmultiselect.entry.js +3 -3
  239. package/dist/esm/nv-fieldnumber.entry.js +1 -1
  240. package/dist/esm/nv-fieldpassword.entry.js +1 -1
  241. package/dist/esm/nv-fieldradio.entry.js +1 -1
  242. package/dist/esm/nv-fieldselect.entry.js +1 -1
  243. package/dist/esm/nv-fieldslider.entry.js +1 -1
  244. package/dist/esm/nv-fieldtext.entry.js +1 -1
  245. package/dist/esm/nv-fieldtextarea.entry.js +1 -1
  246. package/dist/esm/nv-fieldtime.entry.js +1 -1
  247. package/dist/esm/nv-icon.entry.js +2 -2
  248. package/dist/esm/nv-iconbutton_2.entry.js +4 -3
  249. package/dist/esm/nv-menu.entry.js +1 -1
  250. package/dist/esm/nv-menuitem.entry.js +4 -3
  251. package/dist/esm/nv-notification-bullet.entry.js +1 -1
  252. package/dist/esm/nv-notification.entry.js +1 -1
  253. package/dist/esm/nv-notificationcontainer.entry.js +1 -1
  254. package/dist/esm/nv-pagination-nav.entry.js +1 -1
  255. package/dist/esm/nv-paginationtable.entry.js +1 -1
  256. package/dist/esm/nv-pill.entry.js +283 -0
  257. package/dist/esm/nv-popover.entry.js +2 -2
  258. package/dist/esm/nv-row.entry.js +2 -2
  259. package/dist/esm/nv-sidebar.entry.js +3 -3
  260. package/dist/esm/nv-sidebarcontent.entry.js +2 -2
  261. package/dist/esm/nv-sidebardivider.entry.js +2 -2
  262. package/dist/esm/nv-sidebarfooter.entry.js +2 -2
  263. package/dist/esm/nv-sidebargroup.entry.js +2 -2
  264. package/dist/esm/nv-sidebarheader.entry.js +2 -2
  265. package/dist/esm/nv-sidebarlogo.entry.js +2 -2
  266. package/dist/esm/nv-sidebarnavitem.entry.js +3 -3
  267. package/dist/esm/nv-sidebarnavsubitem.entry.js +2 -2
  268. package/dist/esm/nv-split.entry.js +2 -2
  269. package/dist/esm/nv-stack.entry.js +2 -2
  270. package/dist/esm/nv-statusindicator.entry.js +2 -2
  271. package/dist/esm/nv-table.entry.js +2 -2
  272. package/dist/esm/nv-tableheader.entry.js +4 -3
  273. package/dist/esm/nv-tag.entry.js +1 -1
  274. package/dist/esm/nv-timetest.entry.js +2 -2
  275. package/dist/esm/nv-toggle.entry.js +3 -3
  276. package/dist/esm/nv-togglebutton.entry.js +4 -3
  277. package/dist/esm/nv-togglebuttongroup.entry.js +2 -2
  278. package/dist/esm/nv-tooltip.entry.js +2 -2
  279. package/dist/native/index.esm.js +1 -1
  280. package/dist/native/native.css +14 -1
  281. package/dist/native/native.esm.js +1 -1
  282. package/dist/native/{p-82585156.entry.js → p-006b0662.entry.js} +1 -1
  283. package/dist/native/{p-6522e66a.entry.js → p-086101d2.entry.js} +1 -1
  284. package/dist/native/{p-ff632801.entry.js → p-0be43863.entry.js} +1 -1
  285. package/dist/native/p-11ae498c.entry.js +1 -0
  286. package/dist/native/{p-5a023c1e.entry.js → p-193d5813.entry.js} +1 -1
  287. package/dist/native/{p-7c1abe21.entry.js → p-1b5d11d4.entry.js} +1 -1
  288. package/dist/native/{p-c443d94f.entry.js → p-1e6706d5.entry.js} +1 -1
  289. package/dist/native/{p-36693b1e.entry.js → p-247cfbfd.entry.js} +1 -1
  290. package/dist/native/{p-65ec0c32.entry.js → p-282f27a8.entry.js} +1 -1
  291. package/dist/native/{p-86f04951.entry.js → p-29283b5d.entry.js} +1 -1
  292. package/dist/native/{p-a9ba884d.entry.js → p-32461255.entry.js} +1 -1
  293. package/dist/native/p-35cca4d2.entry.js +1 -0
  294. package/dist/native/p-38b731e1.entry.js +1 -0
  295. package/dist/native/{p-471b9f1e.entry.js → p-3c85e99e.entry.js} +1 -1
  296. package/dist/native/p-44c55d88.entry.js +1 -0
  297. package/dist/native/p-45191d81.entry.js +1 -0
  298. package/dist/native/{p-76ffc82f.entry.js → p-474b7e0b.entry.js} +1 -1
  299. package/dist/native/p-4ac17d24.entry.js +1 -0
  300. package/dist/native/{p-dfcd833c.entry.js → p-520e5d0d.entry.js} +1 -1
  301. package/dist/native/p-532c4d1d.entry.js +1 -0
  302. package/dist/native/p-5de603c6.entry.js +1 -0
  303. package/dist/native/{p-2965f9e5.entry.js → p-60aaa50f.entry.js} +1 -1
  304. package/dist/native/p-6153e9ce.entry.js +1 -0
  305. package/dist/native/{p-da659927.entry.js → p-61a088c5.entry.js} +1 -1
  306. package/dist/native/{p-8687ee45.entry.js → p-61a5cc1e.entry.js} +1 -1
  307. package/dist/native/{p-1d4a2991.entry.js → p-676eda8d.entry.js} +1 -1
  308. package/dist/native/p-6f3616fb.entry.js +1 -0
  309. package/dist/native/p-6f67be75.entry.js +1 -0
  310. package/dist/native/{p-7d98bd7c.entry.js → p-709a678c.entry.js} +1 -1
  311. package/dist/native/p-73e3bd21.entry.js +1 -0
  312. package/dist/native/p-76a1f5b0.entry.js +1 -0
  313. package/dist/native/{p-9582387b.entry.js → p-78d98c99.entry.js} +1 -1
  314. package/dist/native/{p-7f36356d.entry.js → p-7a2189fd.entry.js} +1 -1
  315. package/dist/native/{p-ef5ab954.entry.js → p-7b1291df.entry.js} +1 -1
  316. package/dist/native/{p-d210686c.entry.js → p-7be16470.entry.js} +1 -1
  317. package/dist/native/{p-e069649b.entry.js → p-7c81eec5.entry.js} +1 -1
  318. package/dist/native/{p-5b323d4d.entry.js → p-82352a0c.entry.js} +1 -1
  319. package/dist/native/p-82e00a15.entry.js +1 -0
  320. package/dist/native/{p-5ff91848.entry.js → p-84069455.entry.js} +1 -1
  321. package/dist/native/{p-de699164.entry.js → p-8457693f.entry.js} +1 -1
  322. package/dist/native/p-88b5887c.entry.js +1 -0
  323. package/dist/native/{p-57ac7c52.entry.js → p-899e319c.entry.js} +1 -1
  324. package/dist/native/{p-e6982f77.entry.js → p-89fb8dc6.entry.js} +1 -1
  325. package/dist/native/p-89fe54eb.entry.js +1 -0
  326. package/dist/native/p-8d1b7295.entry.js +1 -0
  327. package/dist/native/{p-955a0e99.entry.js → p-8f182f2f.entry.js} +1 -1
  328. package/dist/native/{p-bcd2d229.entry.js → p-9ae86283.entry.js} +1 -1
  329. package/dist/native/{p-87c21cd0.entry.js → p-9cb72554.entry.js} +1 -1
  330. package/dist/native/p-C4Cy9iy8.js +1 -0
  331. package/dist/native/{p-C5xbfYEI.js → p-Dtg-LGcy.js} +2 -2
  332. package/dist/native/{p-55b6ba99.entry.js → p-a14356a2.entry.js} +1 -1
  333. package/dist/native/{p-4ee63bd0.entry.js → p-b6b5b50a.entry.js} +1 -1
  334. package/dist/native/{p-280000e2.entry.js → p-ba32c793.entry.js} +1 -1
  335. package/dist/native/{p-ebdad820.entry.js → p-bf10fbd2.entry.js} +1 -1
  336. package/dist/native/{p-453561f2.entry.js → p-bf94b26d.entry.js} +1 -1
  337. package/dist/native/p-d3003a4d.entry.js +1 -0
  338. package/dist/native/{p-acd0792e.entry.js → p-dc05eb91.entry.js} +1 -1
  339. package/dist/native/{p-36a9b8c4.entry.js → p-dc3c0181.entry.js} +1 -1
  340. package/dist/native/{p-7f2a2112.entry.js → p-e97155c2.entry.js} +1 -1
  341. package/dist/native/{p-07eb3ea5.entry.js → p-e97d9772.entry.js} +1 -1
  342. package/dist/native/{p-cb9b5250.entry.js → p-f2ab9665.entry.js} +1 -1
  343. package/dist/native/{p-f513cf73.entry.js → p-f35cfcf7.entry.js} +1 -1
  344. package/dist/native/{p-65eb35d5.entry.js → p-f49dac2e.entry.js} +1 -1
  345. package/dist/native/{p-a788c88a.entry.js → p-f50d6e7b.entry.js} +1 -1
  346. package/dist/native/{p-d26a8889.entry.js → p-f551703a.entry.js} +1 -1
  347. package/dist/native/{p-ad1b5573.entry.js → p-f69ce8b0.entry.js} +1 -1
  348. package/dist/native/{p-339005af.entry.js → p-fde8def2.entry.js} +1 -1
  349. package/dist/types/components/nv-icon/nv-icons.d.ts +1 -1
  350. package/dist/types/components/nv-pill/nv-pill.d.ts +74 -0
  351. package/dist/types/components/nv-pill/nv-pill.docs.d.ts +4 -0
  352. package/dist/types/components.d.ts +120 -0
  353. package/dist/types/utils/accessibility.utils.d.ts +61 -0
  354. package/dist/types/utils/test/accessibility.utils.test.d.ts +1 -0
  355. package/dist/vscode-data.json +1876 -204
  356. package/hydrate/index.js +421 -49
  357. package/hydrate/index.mjs +421 -49
  358. package/package.json +8 -2
  359. package/dist/components/p-1Oq0x2Rx.js +0 -1
  360. package/dist/components/p-BxhBaMXw.js +0 -1
  361. package/dist/components/p-CrNItly_.js +0 -1
  362. package/dist/components/p-CuSI994X.js +0 -1
  363. package/dist/components/p-DnBhX14P.js +0 -1
  364. package/dist/components/p-waLAN4j3.js +0 -1
  365. package/dist/native/p-0d7baedd.entry.js +0 -1
  366. package/dist/native/p-19a5fbf9.entry.js +0 -1
  367. package/dist/native/p-1a73ca05.entry.js +0 -1
  368. package/dist/native/p-42fa065d.entry.js +0 -1
  369. package/dist/native/p-4853fcc6.entry.js +0 -1
  370. package/dist/native/p-57aefdfe.entry.js +0 -1
  371. package/dist/native/p-645a8913.entry.js +0 -1
  372. package/dist/native/p-6ddb0f38.entry.js +0 -1
  373. package/dist/native/p-72b29097.entry.js +0 -1
  374. package/dist/native/p-7c571a3e.entry.js +0 -1
  375. package/dist/native/p-9847ff24.entry.js +0 -1
  376. package/dist/native/p-a0cb305e.entry.js +0 -1
  377. package/dist/native/p-a67c35a0.entry.js +0 -1
  378. package/dist/native/p-a764e15b.entry.js +0 -1
  379. package/dist/native/p-c04a8b31.entry.js +0 -1
  380. package/dist/native/p-cbaf5269.entry.js +0 -1
  381. package/dist/native/p-e808c744.entry.js +0 -1
package/dist/cjs/{index-BvJsoRtw.js → index-BfQyuDYm.js} RENAMED
@@ -23,7 +23,7 @@ const BUILD = /* native */ { allRenderFn: true, appendChildSlotFix: false, async
23
23
  const Env = /* native */ {};
24
24
 
25
25
  const globalScripts = () => {};
26
- const globalStyles = "/* This stylesheet is for dev purposes only. */\n\n/* @import '../../../../node_modules/@nova-design-system/nova-base/dist/css/ocean.css'; */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.dark:root {\n --color-interaction-container-neutral-background: rgba(0, 0, 0, 0);\n --color-black: #000000;\n --color-white: #ffffff;\n --color-transparent: rgba(255, 255, 255, 0);\n --opacity-disabled: 50%;\n --opacity-disabled-2: 0%;\n --shadow-color-opacity-0: rgba(255, 255, 255, 0.09);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.09);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.14);\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.32);\n --shadow-blur-base-1: 3.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-lg-1: 0.0000px;\n --shadow-spread-lg-2: 0.0000px;\n --shadow-spread-xl: -2.0000px;\n --shadow-spread-2xl: -6.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-2xl: 25.0000px;\n --components-button-high-border: rgba(255, 255, 255, 0);\n --components-button-high-border-hover: rgba(255, 255, 255, 0);\n --components-button-high-border-active: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-form-opacity-default: 100%;\n --components-form-opacity-disabled: 50%;\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-overlay-opacity: 75%;\n --color-interaction-container-neutral-background-active: var(--color-orange-900);\n --color-interaction-container-neutral-border-active: var(--color-orange-400);\n --color-interaction-container-neutral-icon-active: var(--color-orange-400);\n --color-interaction-container-neutral-text-active: var(--color-orange-400);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-branded-high-background-active: var(--color-orange-400);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-border-active: var(--color-orange-400);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-icon: var(--color-base-black);\n --color-interaction-container-branded-high-icon-active: var(--color-base-black);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-black);\n --color-interaction-container-branded-high-text: var(--color-base-black);\n --color-interaction-container-branded-high-text-active: var(--color-base-black);\n --color-interaction-container-branded-high-text-hover: var(--color-base-black);\n --color-interaction-container-branded-low-background-active: var(--color-orange-900);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-900);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-border-active: var(--color-orange-400);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-400);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-text-active: var(--color-orange-400);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-400);\n --color-interaction-link-high-icon: var(--color-orange-500);\n --color-interaction-link-high-icon-hover: var(--color-orange-400);\n --color-interaction-link-high-icon-visited: var(--color-orange-400);\n --color-interaction-link-high-text: var(--color-orange-500);\n --color-interaction-link-high-text-hover: var(--color-orange-400);\n --color-interaction-link-high-text-visited: var(--color-orange-400);\n --color-interaction-link-low-icon-hover: var(--color-orange-400);\n --color-interaction-link-low-icon-visited: var(--color-orange-400);\n --color-interaction-link-low-text-hover: var(--color-orange-400);\n --color-interaction-link-low-text-visited: var(--color-orange-400);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-600);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-400);\n --color-interaction-link-inverted-text-hover: var(--color-orange-600);\n --color-interaction-link-inverted-text-visited: var(--color-orange-400);\n --color-level-10-background: var(--color-gray-spark-800);\n --color-level-15-background: var(--color-gray-spark-750);\n --color-level-20-background: var(--color-gray-spark-700);\n --color-level-30-background: var(--color-gray-spark-600);\n --color-level-40-background: var(--color-gray-spark-500);\n --color-level-00-background: var(--color-gray-spark-900);\n --color-level-05-background: var(--color-gray-spark-850);\n --color-level-inverted-10-background: var(--color-gray-spark-50);\n --color-level-inverted-15-background: var(--color-gray-spark-75);\n --color-level-inverted-20-background: var(--color-gray-spark-00);\n --color-level-inverted-30-background: var(--color-gray-spark-50);\n --color-level-inverted-40-background: var(--color-gray-spark-00);\n --color-level-inverted-00-background: var(--color-gray-spark-00);\n --color-level-inverted-05-background: var(--color-gray-spark-25);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-content-high-text: var(--color-gray-spark-50);\n --color-content-high-icon: var(--color-gray-spark-50);\n --color-content-medium-border: var(--color-gray-spark-400);\n --color-content-medium-text: var(--color-gray-spark-200);\n --color-content-medium-icon: var(--color-gray-spark-200);\n --color-content-low-border: var(--color-gray-spark-500);\n --color-content-low-text: var(--color-gray-spark-350);\n --color-content-low-icon: var(--color-gray-spark-350);\n --color-content-lower-text: var(--color-gray-spark-400);\n --color-content-inverted-high-text: var(--color-gray-spark-800);\n --color-content-inverted-high-icon: var(--color-gray-spark-800);\n --color-content-inverted-medium-text: var(--color-gray-spark-550);\n --color-content-inverted-medium-icon: var(--color-gray-spark-550);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-accent-50: var(--color-petrol-900);\n --color-accent-100: var(--color-petrol-800);\n --color-accent-200: var(--color-petrol-700);\n --color-accent-300: var(--color-petrol-600);\n --color-accent-400: var(--color-petrol-500);\n --color-accent-500: var(--color-petrol-400);\n --color-accent-600: var(--color-petrol-300);\n --color-accent-700: var(--color-petrol-200);\n --color-accent-800: var(--color-petrol-100);\n --color-accent-900: var(--color-petrol-50);\n --color-brand-50: var(--color-amber-900);\n --color-brand-100: var(--color-amber-800);\n --color-brand-200: var(--color-amber-700);\n --color-brand-300: var(--color-amber-600);\n --color-brand-400: var(--color-amber-500);\n --color-brand-500: var(--color-amber-400);\n --color-brand-600: var(--color-amber-300);\n --color-brand-700: var(--color-amber-200);\n --color-brand-800: var(--color-amber-100);\n --color-brand-900: var(--color-amber-50);\n --color-chart-1: var(--color-amber-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-10: var(--color-crimson-500);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-low-background: var(--color-status-blue-900);\n --color-feedback-information-low-border: var(--color-status-blue-300);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-700);\n --color-feedback-information-low-icon: var(--color-status-blue-300);\n --color-feedback-information-low-text: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-icon: var(--color-base-black);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-900);\n --color-feedback-information-high-contrast-title: var(--color-base-black);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-low-background: var(--color-status-red-900);\n --color-feedback-error-low-border: var(--color-status-red-300);\n --color-feedback-error-low-border-subtle: var(--color-status-red-700);\n --color-feedback-error-low-icon: var(--color-status-red-300);\n --color-feedback-error-low-text: var(--color-status-red-300);\n --color-feedback-error-high-contrast-background: var(--color-status-red-300);\n --color-feedback-error-high-contrast-border: var(--color-status-red-300);\n --color-feedback-error-high-contrast-icon: var(--color-base-black);\n --color-feedback-error-high-contrast-text: var(--color-status-red-900);\n --color-feedback-error-high-contrast-title: var(--color-base-black);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-low-background: var(--color-gray-spark-800);\n --color-feedback-neutral-low-border: var(--color-gray-spark-250);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-500);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-250);\n --color-feedback-neutral-low-text: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-black);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-900);\n --color-feedback-neutral-high-contrast-title: var(--color-base-black);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-low-background: var(--color-status-yellow-900);\n --color-feedback-warning-low-border: var(--color-status-yellow-500);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-700);\n --color-feedback-warning-low-icon: var(--color-status-yellow-500);\n --color-feedback-warning-low-text: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-icon: var(--color-base-black);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-contrast-title: var(--color-base-black);\n --color-feedback-success-high-background: var(--color-status-green-300);\n --color-feedback-success-high-border: var(--color-status-green-300);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-low-background: var(--color-status-green-900);\n --color-feedback-success-low-border: var(--color-status-green-400);\n --color-feedback-success-low-border-subtle: var(--color-status-green-700);\n --color-feedback-success-low-icon: var(--color-status-green-400);\n --color-feedback-success-low-text: var(--color-status-green-400);\n --color-feedback-success-high-contrast-background: var(--color-status-green-400);\n --color-feedback-success-high-contrast-border: var(--color-status-green-400);\n --color-feedback-success-high-contrast-icon: var(--color-base-black);\n --color-feedback-success-high-contrast-text: var(--color-status-green-900);\n --color-feedback-success-high-contrast-title: var(--color-base-black);\n --color-focus-brand: var(--color-orange-500);\n --color-rainbow-1-background: var(--color-amber-900);\n --color-rainbow-1-border: var(--color-amber-500);\n --color-rainbow-1-border-light: var(--color-amber-700);\n --color-rainbow-1-icon: var(--color-amber-500);\n --color-rainbow-1-text: var(--color-amber-400);\n --color-rainbow-2-background: var(--color-orange-900);\n --color-rainbow-2-border: var(--color-orange-400);\n --color-rainbow-2-border-light: var(--color-orange-700);\n --color-rainbow-2-icon: var(--color-orange-400);\n --color-rainbow-2-text: var(--color-orange-400);\n --color-rainbow-3-background: var(--color-yellow-900);\n --color-rainbow-3-border: var(--color-yellow-600);\n --color-rainbow-3-border-light: var(--color-yellow-700);\n --color-rainbow-3-icon: var(--color-yellow-600);\n --color-rainbow-3-text: var(--color-yellow-600);\n --color-rainbow-4-background: var(--color-red-900);\n --color-rainbow-4-border: var(--color-red-200);\n --color-rainbow-4-border-light: var(--color-red-600);\n --color-rainbow-4-icon: var(--color-red-200);\n --color-rainbow-4-text: var(--color-red-200);\n --color-rainbow-5-background: var(--color-turquoise-900);\n --color-rainbow-5-border: var(--color-turquoise-400);\n --color-rainbow-5-border-light: var(--color-turquoise-700);\n --color-rainbow-5-icon: var(--color-turquoise-400);\n --color-rainbow-5-text: var(--color-turquoise-400);\n --color-rainbow-6-background: var(--color-crimson-900);\n --color-rainbow-6-border: var(--color-crimson-200);\n --color-rainbow-6-border-light: var(--color-crimson-600);\n --color-rainbow-6-icon: var(--color-crimson-200);\n --color-rainbow-6-text: var(--color-crimson-200);\n --color-rainbow-7-background: var(--color-green-900);\n --color-rainbow-7-border: var(--color-green-300);\n --color-rainbow-7-border-light: var(--color-green-600);\n --color-rainbow-7-icon: var(--color-green-300);\n --color-rainbow-7-text: var(--color-green-300);\n --color-rainbow-8-background: var(--color-petrol-900);\n --color-rainbow-8-border: var(--color-petrol-300);\n --color-rainbow-8-border-light: var(--color-petrol-600);\n --color-rainbow-8-icon: var(--color-petrol-300);\n --color-rainbow-8-text: var(--color-petrol-300);\n --color-rainbow-9-background: var(--color-lime-900);\n --color-rainbow-9-border: var(--color-lime-500);\n --color-rainbow-9-border-light: var(--color-lime-700);\n --color-rainbow-9-icon: var(--color-lime-500);\n --color-rainbow-9-text: var(--color-lime-500);\n --color-rainbow-10-background: var(--color-gray-spark-650);\n --color-rainbow-10-border: var(--color-gray-spark-250);\n --color-rainbow-10-border-light: var(--color-gray-spark-450);\n --color-rainbow-10-icon: var(--color-gray-spark-250);\n --color-rainbow-10-text: var(--color-gray-spark-250);\n --color-dont-use-border: var(--color-gray-spark-750);\n --color-dont-use-content: var(--color-gray-spark-750);\n --color-dont-use-background: var(--color-gray-spark-900);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-450);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-400);\n --components-button-gr-as-complementary-text: var(--color-base-white);\n --components-button-gr-as-complementary-text-hover: var(--color-base-white);\n --components-button-gr-as-complementary-icon: var(--color-base-white);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-white);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-form-shape-background-default: var(--color-gray-spark-400);\n --components-form-shape-background-hover: var(--color-gray-spark-350);\n --components-form-shape-background-disabled: var(--color-gray-spark-700);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-foreground-default: var(--color-base-black);\n --components-loader-white-foreground: var(--color-base-white);\n --components-loader-brand-background: var(--color-orange-900);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-button-destructive-medium-background-hover: var(--color-status-red-900);\n --components-button-destructive-medium-text: var(--color-status-red-400);\n --components-button-destructive-medium-text-hover: var(--color-status-red-300);\n --components-button-destructive-medium-icon: var(--color-status-red-400);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-300);\n --components-button-destructive-medium-border: var(--color-status-red-400);\n --components-button-destructive-medium-border-hover: var(--color-status-red-300);\n --components-button-destructive-low-background-hover: var(--color-status-red-900);\n --components-button-destructive-low-text: var(--color-status-red-400);\n --components-button-destructive-low-text-hover: var(--color-status-red-300);\n --components-button-destructive-low-icon: var(--color-status-red-400);\n --components-button-destructive-low-icon-hover: var(--color-status-red-300);\n --components-button-destructive-high-background: var(--color-status-red-400);\n --components-button-destructive-high-background-hover: var(--color-status-red-300);\n --components-button-destructive-high-text: var(--color-base-black);\n --components-button-destructive-high-text-hover: var(--color-base-black);\n --components-button-destructive-high-icon: var(--color-base-black);\n --components-button-destructive-high-icon-hover: var(--color-base-black);\n --components-overlay-background: var(--color-gray-spark-650);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-900);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-splitter-old-border: var(--color-transparent);\n --components-tooltip-background: var(--color-gray-spark-50);\n --components-tooltip-border: var(--color-gray-spark-50);\n --components-toggle-border-default: var(--color-gray-spark-400);\n --components-toggle-border-hover: var(--color-gray-spark-300);\n --components-toggle-border-disabled: var(--color-gray-spark-600);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-background-disabled: var(--color-gray-spark-600);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-shape-default: var(--color-gray-spark-400);\n --components-toggle-shape-hover: var(--color-gray-spark-300);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-focus-background: var(--color-level-00-background);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-success: var(--color-feedback-success-low-border);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-icon: var(--color-feedback-warning-low-border);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-high-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-calendar-border: var(--color-content-low-border);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-background: var(--color-level-00-background);\n --components-list-select-background: var(--color-level-00-background);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-label-active: var(--color-content-low-text);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-description-hover: var(--color-content-medium-text);\n --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-notification-information-background: var(--color-level-20-background);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-warning-background: var(--color-level-20-background);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-icon: var(--color-feedback-warning-low-border);\n --components-notification-error-background: var(--color-level-20-background);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-success-background: var(--color-level-20-background);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-neutral-background: var(--color-level-20-background);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-popover-border: var(--color-content-low-border);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-sidebar-background: var(--color-level-00-background);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-slider-track-background: var(--color-content-low-border);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-active);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-breadcrumb-text-current: var(--color-interaction-link-high-text-disabled);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n}\n\n:root {\n --color-gray-25: var(--color-gray-spark-25);\n --color-gray-50: var(--color-gray-spark-50);\n --color-gray-75: var(--color-gray-spark-75);\n --color-gray-100: var(--color-gray-spark-100);\n --color-gray-150: var(--color-gray-spark-150);\n --color-gray-200: var(--color-gray-spark-200);\n --color-gray-250: var(--color-gray-spark-250);\n --color-gray-300: var(--color-gray-spark-300);\n --color-gray-350: var(--color-gray-spark-350);\n --color-gray-400: var(--color-gray-spark-400);\n --color-gray-450: var(--color-gray-spark-450);\n --color-gray-500: var(--color-gray-spark-500);\n --color-gray-550: var(--color-gray-spark-550);\n --color-gray-600: var(--color-gray-spark-600);\n --color-gray-650: var(--color-gray-spark-650);\n --color-gray-700: var(--color-gray-spark-700);\n --color-gray-750: var(--color-gray-spark-750);\n --color-gray-800: var(--color-gray-spark-800);\n --color-gray-850: var(--color-gray-spark-850);\n --color-gray-900: var(--color-gray-spark-900);\n --color-gray-00: var(--color-gray-spark-00);\n}\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);\n --color-black: #000000;\n --color-white: #ffffff;\n --color-transparent: rgba(255, 255, 255, 0);\n --opacity-disabled: 50%;\n --opacity-disabled-2: 50%;\n --shadow-color-opacity-0: rgba(0, 0, 0, 0.06);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.06);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.1);\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.25);\n --shadow-blur-base-1: 3.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-lg-1: -2.0000px;\n --shadow-spread-lg-2: -3.0000px;\n --shadow-spread-xl: -5.0000px;\n --shadow-spread-2xl: -12.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-2xl: 25.0000px;\n --components-button-high-border: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-form-opacity-default: 100%;\n --components-form-opacity-disabled: 50%;\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-overlay-opacity: 55%;\n --color-interaction-container-neutral-background-active: var(--color-orange-50);\n --color-interaction-container-neutral-border-active: var(--color-orange-600);\n --color-interaction-container-neutral-icon-active: var(--color-orange-600);\n --color-interaction-container-neutral-text-active: var(--color-orange-600);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-branded-high-background-active: var(--color-orange-600);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-border-active: var(--color-orange-600);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-icon: var(--color-base-white);\n --color-interaction-container-branded-high-icon-active: var(--color-base-white);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-white);\n --color-interaction-container-branded-high-text: var(--color-base-white);\n --color-interaction-container-branded-high-text-active: var(--color-base-white);\n --color-interaction-container-branded-high-text-hover: var(--color-base-white);\n --color-interaction-container-branded-low-background-active: var(--color-orange-50);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-50);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-border-active: var(--color-orange-600);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-600);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-text-active: var(--color-orange-600);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-600);\n --color-interaction-link-high-icon: var(--color-orange-600);\n --color-interaction-link-high-icon-hover: var(--color-orange-700);\n --color-interaction-link-high-icon-visited: var(--color-orange-700);\n --color-interaction-link-high-text: var(--color-orange-600);\n --color-interaction-link-high-text-hover: var(--color-orange-700);\n --color-interaction-link-high-text-visited: var(--color-orange-700);\n --color-interaction-link-low-icon-hover: var(--color-orange-700);\n --color-interaction-link-low-icon-visited: var(--color-orange-700);\n --color-interaction-link-low-text-hover: var(--color-orange-700);\n --color-interaction-link-low-text-visited: var(--color-orange-700);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-500);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-700);\n --color-interaction-link-inverted-text-hover: var(--color-orange-500);\n --color-interaction-link-inverted-text-visited: var(--color-orange-700);\n --color-level-10-background: var(--color-gray-spark-50);\n --color-level-15-background: var(--color-gray-spark-75);\n --color-level-20-background: var(--color-gray-spark-00);\n --color-level-30-background: var(--color-gray-spark-50);\n --color-level-40-background: var(--color-gray-spark-00);\n --color-level-00-background: var(--color-gray-spark-00);\n --color-level-05-background: var(--color-gray-spark-25);\n --color-level-inverted-10-background: var(--color-gray-spark-800);\n --color-level-inverted-15-background: var(--color-gray-spark-750);\n --color-level-inverted-20-background: var(--color-gray-spark-700);\n --color-level-inverted-30-background: var(--color-gray-spark-600);\n --color-level-inverted-40-background: var(--color-gray-spark-500);\n --color-level-inverted-00-background: var(--color-gray-spark-900);\n --color-level-inverted-05-background: var(--color-gray-spark-850);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-content-high-text: var(--color-gray-spark-800);\n --color-content-high-icon: var(--color-gray-spark-800);\n --color-content-medium-border: var(--color-gray-spark-200);\n --color-content-medium-text: var(--color-gray-spark-550);\n --color-content-medium-icon: var(--color-gray-spark-550);\n --color-content-low-border: var(--color-gray-spark-100);\n --color-content-low-text: var(--color-gray-spark-400);\n --color-content-low-icon: var(--color-gray-spark-400);\n --color-content-lower-text: var(--color-gray-spark-250);\n --color-content-inverted-high-text: var(--color-gray-spark-50);\n --color-content-inverted-high-icon: var(--color-gray-spark-50);\n --color-content-inverted-medium-text: var(--color-gray-spark-300);\n --color-content-inverted-medium-icon: var(--color-gray-spark-300);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-accent-50: var(--color-petrol-50);\n --color-accent-100: var(--color-petrol-100);\n --color-accent-200: var(--color-petrol-200);\n --color-accent-300: var(--color-petrol-300);\n --color-accent-400: var(--color-petrol-400);\n --color-accent-500: var(--color-petrol-500);\n --color-accent-600: var(--color-petrol-600);\n --color-accent-700: var(--color-petrol-700);\n --color-accent-800: var(--color-petrol-800);\n --color-accent-900: var(--color-petrol-900);\n --color-brand-50: var(--color-amber-50);\n --color-brand-100: var(--color-amber-100);\n --color-brand-200: var(--color-amber-200);\n --color-brand-300: var(--color-amber-300);\n --color-brand-400: var(--color-amber-400);\n --color-brand-500: var(--color-amber-500);\n --color-brand-600: var(--color-amber-600);\n --color-brand-700: var(--color-amber-700);\n --color-brand-800: var(--color-amber-800);\n --color-brand-900: var(--color-amber-900);\n --color-chart-1: var(--color-amber-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-10: var(--color-crimson-500);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-low-background: var(--color-status-blue-50);\n --color-feedback-information-low-border: var(--color-status-blue-500);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-100);\n --color-feedback-information-low-icon: var(--color-status-blue-500);\n --color-feedback-information-low-text: var(--color-status-blue-500);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-800);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-800);\n --color-feedback-information-high-contrast-icon: var(--color-base-white);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-50);\n --color-feedback-information-high-contrast-title: var(--color-base-white);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-low-background: var(--color-status-red-50);\n --color-feedback-error-low-border: var(--color-status-red-600);\n --color-feedback-error-low-border-subtle: var(--color-status-red-100);\n --color-feedback-error-low-icon: var(--color-status-red-600);\n --color-feedback-error-low-text: var(--color-status-red-600);\n --color-feedback-error-high-contrast-background: var(--color-status-red-600);\n --color-feedback-error-high-contrast-border: var(--color-status-red-600);\n --color-feedback-error-high-contrast-icon: var(--color-base-white);\n --color-feedback-error-high-contrast-text: var(--color-status-red-50);\n --color-feedback-error-high-contrast-title: var(--color-base-white);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-low-background: var(--color-gray-spark-50);\n --color-feedback-neutral-low-border: var(--color-gray-spark-450);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-100);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-450);\n --color-feedback-neutral-low-text: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-white);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-50);\n --color-feedback-neutral-high-contrast-title: var(--color-base-white);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-low-background: var(--color-status-yellow-50);\n --color-feedback-warning-low-border: var(--color-status-yellow-700);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-100);\n --color-feedback-warning-low-icon: var(--color-status-yellow-700);\n --color-feedback-warning-low-text: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-icon: var(--color-base-white);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-50);\n --color-feedback-warning-high-contrast-title: var(--color-base-white);\n --color-feedback-success-high-background: var(--color-status-green-400);\n --color-feedback-success-high-border: var(--color-status-green-400);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-low-background: var(--color-status-green-50);\n --color-feedback-success-low-border: var(--color-status-green-600);\n --color-feedback-success-low-border-subtle: var(--color-status-green-100);\n --color-feedback-success-low-icon: var(--color-status-green-600);\n --color-feedback-success-low-text: var(--color-status-green-600);\n --color-feedback-success-high-contrast-background: var(--color-status-green-600);\n --color-feedback-success-high-contrast-border: var(--color-status-green-600);\n --color-feedback-success-high-contrast-icon: var(--color-base-white);\n --color-feedback-success-high-contrast-text: var(--color-status-green-50);\n --color-feedback-success-high-contrast-title: var(--color-base-white);\n --color-focus-brand: var(--color-orange-500);\n --color-rainbow-1-background: var(--color-amber-50);\n --color-rainbow-1-border: var(--color-amber-700);\n --color-rainbow-1-border-light: var(--color-amber-100);\n --color-rainbow-1-icon: var(--color-amber-700);\n --color-rainbow-1-text: var(--color-amber-700);\n --color-rainbow-2-background: var(--color-orange-50);\n --color-rainbow-2-border: var(--color-orange-700);\n --color-rainbow-2-border-light: var(--color-orange-100);\n --color-rainbow-2-icon: var(--color-orange-700);\n --color-rainbow-2-text: var(--color-orange-700);\n --color-rainbow-3-background: var(--color-yellow-50);\n --color-rainbow-3-border: var(--color-yellow-800);\n --color-rainbow-3-border-light: var(--color-yellow-200);\n --color-rainbow-3-icon: var(--color-yellow-800);\n --color-rainbow-3-text: var(--color-yellow-800);\n --color-rainbow-4-background: var(--color-red-50);\n --color-rainbow-4-border: var(--color-red-500);\n --color-rainbow-4-border-light: var(--color-red-100);\n --color-rainbow-4-icon: var(--color-red-500);\n --color-rainbow-4-text: var(--color-red-500);\n --color-rainbow-5-background: var(--color-turquoise-50);\n --color-rainbow-5-border: var(--color-turquoise-800);\n --color-rainbow-5-border-light: var(--color-turquoise-100);\n --color-rainbow-5-icon: var(--color-turquoise-800);\n --color-rainbow-5-text: var(--color-turquoise-800);\n --color-rainbow-6-background: var(--color-crimson-50);\n --color-rainbow-6-border: var(--color-crimson-400);\n --color-rainbow-6-border-light: var(--color-crimson-100);\n --color-rainbow-6-icon: var(--color-crimson-400);\n --color-rainbow-6-text: var(--color-crimson-400);\n --color-rainbow-7-background: var(--color-green-50);\n --color-rainbow-7-border: var(--color-green-600);\n --color-rainbow-7-border-light: var(--color-green-100);\n --color-rainbow-7-icon: var(--color-green-600);\n --color-rainbow-7-text: var(--color-green-600);\n --color-rainbow-8-background: var(--color-petrol-50);\n --color-rainbow-8-border: var(--color-petrol-600);\n --color-rainbow-8-border-light: var(--color-petrol-100);\n --color-rainbow-8-icon: var(--color-petrol-600);\n --color-rainbow-8-text: var(--color-petrol-600);\n --color-rainbow-9-background: var(--color-lime-50);\n --color-rainbow-9-border: var(--color-lime-700);\n --color-rainbow-9-border-light: var(--color-lime-100);\n --color-rainbow-9-icon: var(--color-lime-700);\n --color-rainbow-9-text: var(--color-lime-700);\n --color-rainbow-10-background: var(--color-gray-spark-75);\n --color-rainbow-10-border: var(--color-gray-spark-500);\n --color-rainbow-10-border-light: var(--color-gray-spark-150);\n --color-rainbow-10-icon: var(--color-gray-spark-500);\n --color-rainbow-10-text: var(--color-gray-spark-500);\n --color-dont-use-border: var(--color-gray-spark-100);\n --color-dont-use-content: var(--color-gray-spark-100);\n --color-dont-use-background: var(--color-gray-spark-50);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-200);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-300);\n --components-button-gr-as-complementary-text: var(--color-base-black);\n --components-button-gr-as-complementary-text-hover: var(--color-base-black);\n --components-button-gr-as-complementary-icon: var(--color-base-black);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-black);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-form-shape-background-default: var(--color-gray-spark-75);\n --components-form-shape-background-hover: var(--color-gray-spark-100);\n --components-form-shape-background-disabled: var(--color-gray-spark-75);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-foreground-default: var(--color-base-white);\n --components-loader-white-foreground: var(--color-base-white);\n --components-loader-brand-background: var(--color-orange-50);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-button-destructive-medium-background-hover: var(--color-status-red-50);\n --components-button-destructive-medium-text: var(--color-status-red-500);\n --components-button-destructive-medium-text-hover: var(--color-status-red-600);\n --components-button-destructive-medium-icon: var(--color-status-red-500);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-600);\n --components-button-destructive-medium-border: var(--color-status-red-500);\n --components-button-destructive-medium-border-hover: var(--color-status-red-600);\n --components-button-destructive-low-background-hover: var(--color-status-red-50);\n --components-button-destructive-low-text: var(--color-status-red-500);\n --components-button-destructive-low-text-hover: var(--color-status-red-600);\n --components-button-destructive-low-icon: var(--color-status-red-500);\n --components-button-destructive-low-icon-hover: var(--color-status-red-600);\n --components-button-destructive-high-background: var(--color-status-red-500);\n --components-button-destructive-high-background-hover: var(--color-status-red-600);\n --components-button-destructive-high-text: var(--color-base-white);\n --components-button-destructive-high-text-hover: var(--color-base-white);\n --components-button-destructive-high-icon: var(--color-base-white);\n --components-button-destructive-high-icon-hover: var(--color-base-white);\n --components-overlay-background: var(--color-gray-spark-850);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-00);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-splitter-old-border: var(--color-transparent);\n --components-tooltip-background: var(--color-gray-spark-900);\n --components-tooltip-border: var(--color-gray-spark-900);\n --components-toggle-border-default: var(--color-gray-spark-300);\n --components-toggle-border-hover: var(--color-gray-spark-400);\n --components-toggle-border-disabled: var(--color-gray-spark-150);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-background-disabled: var(--color-gray-spark-150);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-shape-default: var(--color-gray-spark-300);\n --components-toggle-shape-hover: var(--color-gray-spark-400);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-text);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-focus-background: var(--color-level-00-background);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-success: var(--color-feedback-success-low-border);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-border-hover: var(--color-interaction-container-branded-high-border-hover);\n --components-button-high-border-active: var(--color-interaction-container-branded-high-border-active);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-icon: var(--color-feedback-warning-low-icon);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-calendar-border: var(--color-content-low-border);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-background: var(--color-level-00-background);\n --components-list-select-background: var(--color-level-00-background);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-disabled: var(--color-content-medium-text);\n --components-list-dropdown-item-label-active: var(--color-interaction-container-neutral-text-active);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-description-hover: var(--color-content-low-text);\n --components-list-dropdown-item-description-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-notification-information-background: var(--color-level-00-background);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-warning-background: var(--color-level-00-background);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-icon: var(--color-feedback-warning-low-icon);\n --components-notification-error-background: var(--color-level-00-background);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-success-background: var(--color-level-00-background);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-neutral-background: var(--color-level-00-background);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-popover-border: var(--color-content-low-border);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-sidebar-background: var(--color-level-00-background);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-slider-track-background: var(--color-content-low-border);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-breadcrumb-text-current: var(--color-interaction-link-low-text-disabled);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-amber-50: #fdefe2;\n --color-amber-100: #fbd9ba;\n --color-amber-200: #f8c392;\n --color-amber-300: #f5ac6a;\n --color-amber-400: #f39642;\n --color-amber-500: #f0801a;\n --color-amber-600: #c66a15;\n --color-amber-700: #9c5311;\n --color-amber-800: #723d0c;\n --color-amber-900: #432306;\n --color-crimson-50: #f7e9ee;\n --color-crimson-100: #e0b3c2;\n --color-crimson-200: #cf869f;\n --color-crimson-300: #bd597c;\n --color-crimson-400: #ab2d58;\n --color-crimson-500: #990035;\n --color-crimson-600: #7e002c;\n --color-crimson-700: #630022;\n --color-crimson-800: #490019;\n --color-crimson-900: #2e0010;\n --color-dark-blue-500: #447583;\n --color-dark-gray-500: #394d55;\n --color-gray-ocean-25: #fafbfb;\n --color-gray-ocean-50: #f5f6f7;\n --color-gray-ocean-75: #eaeef0;\n --color-gray-ocean-100: #e1e4e6;\n --color-gray-ocean-150: #c6ced1;\n --color-gray-ocean-200: #bac1c4;\n --color-gray-ocean-250: #9fadb2;\n --color-gray-ocean-300: #889499;\n --color-gray-ocean-350: #72858c;\n --color-gray-ocean-400: #617177;\n --color-gray-ocean-450: #3f555e;\n --color-gray-ocean-500: #394d55;\n --color-gray-ocean-550: #34464d;\n --color-gray-ocean-600: #2e3e44;\n --color-gray-ocean-650: #27353b;\n --color-gray-ocean-700: #222e33;\n --color-gray-ocean-750: #1e272b;\n --color-gray-ocean-800: #171f22;\n --color-gray-ocean-850: #11171a;\n --color-gray-ocean-900: #0b0f11;\n --color-gray-ocean-00: #ffffff;\n --color-gray-spark-25: #fbfbfb;\n --color-gray-spark-50: #f6f6f6;\n --color-gray-spark-75: #ededed;\n --color-gray-spark-100: #e3e3e3;\n --color-gray-spark-150: #cccccc;\n --color-gray-spark-200: #bfbfbf;\n --color-gray-spark-250: #a9a9a9;\n --color-gray-spark-300: #919191;\n --color-gray-spark-350: #808080;\n --color-gray-spark-400: #6d6d6d;\n --color-gray-spark-450: #4f4f4f;\n --color-gray-spark-500: #484848;\n --color-gray-spark-550: #414141;\n --color-gray-spark-600: #3a3a3a;\n --color-gray-spark-650: #313131;\n --color-gray-spark-700: #2b2b2b;\n --color-gray-spark-750: #252525;\n --color-gray-spark-800: #1d1d1d;\n --color-gray-spark-850: #161616;\n --color-gray-spark-900: #0e0e0e;\n --color-gray-spark-00: #ffffff;\n --color-green-50: #e2f0e2;\n --color-green-100: #b8dbba;\n --color-green-200: #8fc692;\n --color-green-300: #66b16a;\n --color-green-400: #3c9c41;\n --color-green-500: #138719;\n --color-green-600: #106f15;\n --color-green-700: #0c5810;\n --color-green-800: #09400c;\n --color-green-900: #062908;\n --color-lime-50: #f1f4e5;\n --color-lime-100: #dde5c1;\n --color-lime-200: #c9d69d;\n --color-lime-300: #b5c778;\n --color-lime-400: #a1b854;\n --color-lime-500: #8da930;\n --color-lime-600: #748b28;\n --color-lime-700: #5c6e1f;\n --color-lime-800: #435017;\n --color-lime-900: #2a330e;\n --color-light-blue-500: #9ac3ce;\n --color-status-blue-50: #f0f6ff;\n --color-status-blue-100: #c7dcff;\n --color-status-blue-200: #a8c9ff;\n --color-status-blue-300: #659fff;\n --color-status-blue-400: #3883ff;\n --color-status-blue-500: #2660c2;\n --color-status-blue-600: #1c4d9e;\n --color-status-blue-700: #113a80;\n --color-status-blue-800: #09285c;\n --color-status-blue-900: #001c37;\n --color-status-green-50: #eafeeb;\n --color-status-green-100: #c8facb;\n --color-status-green-200: #9ef4a3;\n --color-status-green-300: #6bde71;\n --color-status-green-400: #45d24d;\n --color-status-green-500: #34ae3b;\n --color-status-green-600: #008207;\n --color-status-green-700: #035707;\n --color-status-green-800: #003603;\n --color-status-green-900: #002302;\n --color-status-red-50: #ffeded;\n --color-status-red-100: #f5c4c4;\n --color-status-red-200: #ff8f8f;\n --color-status-red-300: #ff6161;\n --color-status-red-400: #ff3d3d;\n --color-status-red-500: #da2424;\n --color-status-red-600: #bb1919;\n --color-status-red-700: #911515;\n --color-status-red-800: #530101;\n --color-status-red-900: #380101;\n --color-status-yellow-50: #fff7df;\n --color-status-yellow-100: #fae49d;\n --color-status-yellow-200: #ffe286;\n --color-status-yellow-300: #f7d14c;\n --color-status-yellow-400: #fac50d;\n --color-status-yellow-500: #e0a917;\n --color-status-yellow-600: #b58200;\n --color-status-yellow-700: #805c00;\n --color-status-yellow-800: #4d3701;\n --color-status-yellow-900: #302300;\n --color-orange-50: #fceae3;\n --color-orange-100: #f8ccbc;\n --color-orange-200: #f4ae95;\n --color-orange-300: #ef906e;\n --color-orange-400: #eb7247;\n --color-orange-500: #e75420;\n --color-orange-600: #bf451a;\n --color-orange-700: #963715;\n --color-orange-800: #6e280f;\n --color-orange-900: #45190a;\n --color-orange-950: #371408;\n --color-petrol-50: #e4f0f2;\n --color-petrol-100: #bedce0;\n --color-petrol-200: #97c7ce;\n --color-petrol-300: #71b2bc;\n --color-petrol-400: #4b9eaa;\n --color-petrol-500: #258998;\n --color-petrol-600: #1f717d;\n --color-petrol-700: #185963;\n --color-petrol-800: #124148;\n --color-petrol-900: #0b292e;\n --color-red-50: #f9e3e3;\n --color-red-100: #f0bbbb;\n --color-red-200: #e79494;\n --color-red-300: #de6c6c;\n --color-red-400: #d54545;\n --color-red-500: #cc1d1d;\n --color-red-600: #a81818;\n --color-red-700: #851313;\n --color-red-800: #610e0e;\n --color-red-900: #3d0909;\n --color-turquoise-50: #ecf4f3;\n --color-turquoise-100: #d2e5e3;\n --color-turquoise-200: #b8d6d2;\n --color-turquoise-300: #9ec7c1;\n --color-turquoise-400: #84b8b1;\n --color-turquoise-500: #6aa9a0;\n --color-turquoise-600: #578b84;\n --color-turquoise-700: #456e68;\n --color-turquoise-800: #32504c;\n --color-turquoise-900: #1c2b28;\n --color-yellow-50: #fff7df;\n --color-yellow-100: #ffecb3;\n --color-yellow-200: #ffe286;\n --color-yellow-300: #ffd759;\n --color-yellow-400: #ffcc2d;\n --color-yellow-500: #ffc100;\n --color-yellow-600: #d29f00;\n --color-yellow-700: #a67d00;\n --color-yellow-800: #795c00;\n --color-yellow-900: #4d3a00;\n --font-family-default: TT Norms Pro;\n --font-family-mono: TT Norms Pro Mono;\n --font-family-fallback: Arial;\n --font-size-xs: 12.0000px;\n --font-size-sm: 14.0000px;\n --font-size-md: 16.0000px;\n --font-size-lg: 18.0000px;\n --font-size-xl: 20.0000px;\n --font-size-2xl: 24.0000px;\n --font-size-3xl: 30.0000px;\n --font-size-4xl: 36.0000px;\n --font-size-5xl: 48.0000px;\n --font-size-6xl: 60.0000px;\n --font-size-7xl: 72.0000px;\n --font-size-8xl: 96.0000px;\n --font-size-9xl: 128.0000px;\n --font-weight-high-emphasis: 700;\n --font-weight-medium-emphasis: 500;\n --font-weight-low-emphasis: 400;\n --font-weight-low-emphasis-400: Regular;\n --font-weight-medium-emphasis-500: Medium;\n --font-weight-high-emphasis-700: Bold;\n --leading-px-3: 12.0000px;\n --leading-px-4: 16.0000px;\n --leading-px-5: 20.0000px;\n --leading-px-6: 24.0000px;\n --leading-px-7: 28.0000px;\n --leading-px-8: 32.0000px;\n --leading-px-9: 36.0000px;\n --leading-px-10: 40.0000px;\n --leading-none: 1.0000px;\n --leading-tight: 1.2500px;\n --leading-snug: 1.3750px;\n --leading-normal: 1.5000px;\n --leading-relaxed: 1.6250px;\n --leading-loose: 2.0000px;\n --line-height-xs: 16.0000px;\n --line-height-sm: 20.0000px;\n --line-height-base: 24.0000px;\n --line-height-lg: 28.0000px;\n --line-height-xl: 30.0000px;\n --line-height-2xl: 32.0000px;\n --line-height-3xl: 36.0000px;\n --line-height-4xl: 40.0000px;\n --line-height-5xl: 48.0000px;\n --line-height-6xl: 60.0000px;\n --line-height-7xl: 72.0000px;\n --line-height-8xl: 96.0000px;\n --line-height-9xl: 128.0000px;\n --radius-rounded-none: 0.0000px;\n --radius-rounded-sm: 2.0000px;\n --radius-rounded: 4.0000px;\n --radius-rounded-md: 6.0000px;\n --radius-rounded-lg: 8.0000px;\n --radius-rounded-xl: 12.0000px;\n --radius-rounded-2xl: 16.0000px;\n --radius-rounded-3xl: 24.0000px;\n --radius-rounded-full: 9999.0000px;\n --spacing-0: 0.0000px;\n --spacing-1: 4.0000px;\n --spacing-2: 8.0000px;\n --spacing-3: 12.0000px;\n --spacing-4: 16.0000px;\n --spacing-5: 20.0000px;\n --spacing-6: 24.0000px;\n --spacing-7: 28.0000px;\n --spacing-8: 32.0000px;\n --spacing-9: 36.0000px;\n --spacing-10: 40.0000px;\n --spacing-11: 44.0000px;\n --spacing-12: 48.0000px;\n --spacing-14: 56.0000px;\n --spacing-16: 64.0000px;\n --spacing-20: 80.0000px;\n --spacing-24: 96.0000px;\n --spacing-28: 112.0000px;\n --spacing-32: 128.0000px;\n --spacing-36: 144.0000px;\n --spacing-40: 160.0000px;\n --spacing-44: 176.0000px;\n --spacing-48: 192.0000px;\n --spacing-52: 208.0000px;\n --spacing-56: 224.0000px;\n --spacing-60: 240.0000px;\n --spacing-64: 256.0000px;\n --spacing-72: 288.0000px;\n --spacing-80: 320.0000px;\n --spacing-96: 384.0000px;\n --spacing-px: 1.0000px;\n --spacing-0-5: 2.0000px;\n --spacing-1-5: 6.0000px;\n --spacing-2-5: 10.0000px;\n --spacing-3-5: 14.0000px;\n --letter-spacing-heading-xs: 0.0000px;\n --letter-spacing-heading-sm: -0.2500px;\n --letter-spacing-heading-md: -0.5000px;\n --letter-spacing-heading-lg: -0.7500px;\n --letter-spacing-heading-xl: -1.0000px;\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --avatar-xs-font-size: 10.0000px;\n --avatar-sm-font-size: 13.0000px;\n --avatar-md-font-size: 18.0000px;\n --avatar-lg-font-size: 22.0000px;\n --avatar-xl-font-size: 28.0000px;\n --buttongroup-xs-padding: 2.0000px;\n --buttongroup-xs-button-radius: 1.0000px;\n --buttongroup-sm-button-padding-y: 4.0000px;\n --buttongroup-sm-button-radius: 2.0000px;\n --buttongroup-sm-padding: 2.0000px;\n --buttongroup-lg-padding: 4.0000px;\n --buttongroup-lg-button-padding-y: 6.0000px;\n --buttongroup-lg-button-radius: 4.0000px;\n --buttongroup-md-padding: 3.0000px;\n --buttongroup-md-button-padding-y: 5.0000px;\n --buttongroup-md-button-radius: 3.0000px;\n --button-xs-ring-radius: 3.0000px;\n --button-sm-ring-radius: 5.0000px;\n --button-md-ring-radius: 7.0000px;\n --button-lg-ring-radius: 9.0000px;\n --drawer-radius-bottom-right: 0.0000px;\n --drawer-radius-top-right: 0.0000px;\n --drawer-size-sm-min-width: 320.0000px;\n --drawer-size-sm-width: 400.0000px;\n --drawer-size-sm-max-width: 480.0000px;\n --drawer-size-md-min-width: 640.0000px;\n --drawer-size-md-width: 800.0000px;\n --drawer-size-md-max-width: 960.0000px;\n --drawer-size-lg-min-width: 960.0000px;\n --drawer-size-lg-width: 992.0000px;\n --drawer-size-lg-max-width: 1024.0000px;\n --drawer-size-full-width: 1372.0000px;\n --calendar-cell-dot-size: 3.0000px;\n --icon-stroke-xs: 1.2000px;\n --icon-stroke-sm: 1.4000px;\n --icon-stroke-md: 1.6000px;\n --icon-stroke-lg: 1.8000px;\n --icon-stroke-xl: 1.9000px;\n --list-select-hr-padding-x: 9.0000px;\n --list-select-hr-padding-y: 3.0000px;\n --form-field-badge-gap: 0.0000px;\n --form-max-width: 480.0000px;\n --menu-contextual-divider-padding-bottom: 3.0000px;\n --menu-contextual-item-font-weight: 500;\n --navigation-width: 312.0000px;\n --navigation-reduced-max-width: 100.0000px;\n --navigation-primary-notification-bullet-font-size: 9.0000px;\n --popover-font-weight: 500;\n --popover-shadow-1-x: 0.0000px;\n --popover-shadow-1-blur: 1.0000px;\n --popover-shadow-2-x: 0.0000px;\n --sidebar-width: 312.0000px;\n --sidebar-notification-bullet-font-size: 9.0000px;\n --sidebar-reduced-width: 68.0000px;\n --slider-tick-radius: 1.0000px;\n --splitter-old-stroke: 1.0000px;\n --togglegroup-xs-padding: 3.0000px;\n --togglegroup-xs-button-padding-y: 1.0000px;\n --togglegroup-xs-button-radius: 1.0000px;\n --togglegroup-xs-iconbutton-padding-y: 3.0000px;\n --togglegroup-sm-padding: 3.0000px;\n --togglegroup-sm-button-padding-y: 3.0000px;\n --togglegroup-sm-button-radius: 2.0000px;\n --togglegroup-sm-iconbutton-padding-y: 5.0000px;\n --togglegroup-md-padding: 3.0000px;\n --togglegroup-md-button-padding-y: 5.0000px;\n --togglegroup-md-button-radius: 3.0000px;\n --togglegroup-md-iconbutton-padding-y: 7.0000px;\n --togglegroup-lg-padding: 3.0000px;\n --togglegroup-lg-button-padding-y: 7.0000px;\n --togglegroup-lg-button-radius: 5.0000px;\n --togglegroup-lg-iconbutton-padding-y: 9.0000px;\n --tooltip-font-weight: 500;\n --global-typography-h1-font-style: normal;\n --global-typography-h2-font-style: normal;\n --global-typography-h3-font-style: normal;\n --global-typography-h4-font-style: normal;\n --global-typography-h6-font-style: normal;\n --global-typography-h5-font-style: normal;\n --global-typography-p-font-style: normal;\n --global-typography-small-font-style: normal;\n --global-typography-label-font-style: normal;\n --global-typography-legend-font-style: uppercase;\n --avatar-xs-icon-size: var(--spacing-4);\n --avatar-xs-size: var(--spacing-6);\n --avatar-sm-icon-size: var(--spacing-5);\n --avatar-sm-size: var(--spacing-8);\n --avatar-md-icon-size: var(--spacing-7);\n --avatar-md-size: var(--spacing-10);\n --avatar-lg-icon-size: var(--spacing-8);\n --avatar-lg-size: var(--spacing-12);\n --avatar-xl-icon-size: var(--spacing-11);\n --avatar-xl-size: var(--spacing-16);\n --buttongroup-xs-button-padding-y: var(--spacing-0-5);\n --buttongroup-xs-radius: var(--radius-rounded-sm);\n --buttongroup-xs-gap: var(--spacing-px);\n --buttongroup-xs-height: var(--spacing-6);\n --buttongroup-sm-radius: var(--radius-rounded);\n --buttongroup-sm-gap: var(--spacing-px);\n --buttongroup-sm-height: var(--spacing-8);\n --buttongroup-lg-radius: var(--radius-rounded-lg);\n --buttongroup-lg-gap: var(--spacing-px);\n --buttongroup-lg-height: var(--spacing-12);\n --buttongroup-md-radius: var(--radius-rounded-md);\n --buttongroup-md-gap: var(--spacing-px);\n --buttongroup-md-height: var(--spacing-10);\n --button-xs-border-radius: var(--radius-rounded-sm);\n --button-xs-font-size: var(--font-size-xs);\n --button-xs-gap: var(--spacing-1);\n --button-xs-height: var(--spacing-6);\n --button-xs-icon-button-padding: var(--spacing-1-5);\n --button-xs-icon-size: var(--spacing-3);\n --button-xs-line-height: var(--line-height-xs);\n --button-xs-padding-x: var(--spacing-2-5);\n --button-xs-padding-y: var(--spacing-1);\n --button-sm-border-radius: var(--radius-rounded);\n --button-sm-font-size: var(--font-size-sm);\n --button-sm-gap: var(--spacing-1-5);\n --button-sm-height: var(--spacing-8);\n --button-sm-icon-button-padding: var(--spacing-2);\n --button-sm-icon-size: var(--spacing-4);\n --button-sm-line-height: var(--line-height-sm);\n --button-sm-padding-x: var(--spacing-3);\n --button-sm-padding-y: var(--spacing-1-5);\n --button-md-border-radius: var(--radius-rounded-md);\n --button-md-font-size: var(--font-size-md);\n --button-md-gap: var(--spacing-2);\n --button-md-height: var(--spacing-10);\n --button-md-icon-button-padding: var(--spacing-2-5);\n --button-md-icon-size: var(--spacing-5);\n --button-md-line-height: var(--line-height-base);\n --button-md-padding-x: var(--spacing-3-5);\n --button-md-padding-y: var(--spacing-2);\n --button-lg-border-radius: var(--radius-rounded-lg);\n --button-lg-font-size: var(--font-size-lg);\n --button-lg-gap: var(--spacing-2);\n --button-lg-height: var(--spacing-12);\n --button-lg-icon-button-padding: var(--spacing-3);\n --button-lg-icon-size: var(--spacing-6);\n --button-lg-line-height: var(--line-height-lg);\n --button-lg-padding-x: var(--spacing-4);\n --button-lg-padding-y: var(--spacing-2-5);\n --drawer-radius-bottom-left: var(--radius-rounded-2xl);\n --drawer-radius-top-left: var(--radius-rounded-2xl);\n --drawer-dismissible-position-top: var(--spacing-6);\n --drawer-dismissible-position-right: var(--spacing-6);\n --drawer-gap-y: var(--spacing-6);\n --drawer-header-padding-right: var(--spacing-8);\n --drawer-padding-x: var(--spacing-6);\n --drawer-padding-y: var(--spacing-6);\n --calendar-cell-font-size: var(--font-size-sm);\n --calendar-cell-font-weight: var(--font-weight-low-emphasis);\n --calendar-cell-line-height: var(--line-height-sm);\n --calendar-cell-size: var(--spacing-8);\n --calendar-cell-radius: var(--radius-rounded-2xl);\n --calendar-padding: var(--spacing-1);\n --calendar-double-gap-x: var(--spacing-3);\n --calendar-gap-x: var(--spacing-1);\n --calendar-gap-y: var(--spacing-1);\n --calendar-weeks-calendar-gap-x: var(--spacing-2);\n --calendar-radius: var(--radius-rounded-md);\n --calendar-grid-gap-x: var(--spacing-0);\n --calendar-grid-gap-y: var(--spacing-0-5);\n --calendar-header-font-size: var(--font-size-sm);\n --calendar-header-font-weight: var(--font-weight-medium-emphasis);\n --calendar-header-line-height: var(--line-height-sm);\n --calendar-header-margin-bottom: var(--spacing-1);\n --calendar-header-button-size: var(--spacing-8);\n --calendar-weeks-radius: var(--radius-rounded);\n --calendar-weeks-size: var(--spacing-10);\n --calendar-controls-margin-top: var(--spacing-1);\n --calendar-controls-padding-top: var(--spacing-2);\n --calendar-navigation-buttons-gap: var(--spacing-1);\n --icon-size-xs: var(--spacing-3);\n --icon-size-sm: var(--spacing-4);\n --icon-size-md: var(--spacing-5);\n --icon-size-lg: var(--spacing-6);\n --icon-size-xl: var(--spacing-7);\n --list-select-icon-size: var(--spacing-5);\n --list-select-font-size: var(--font-size-md);\n --list-select-line-height: var(--line-height-base);\n --list-select-option-padding-left: var(--spacing-5);\n --list-select-option-padding-right: var(--spacing-2);\n --list-select-option-padding: var(--spacing-2);\n --list-select-option-radius: var(--radius-rounded-md);\n --list-select-gap-y: var(--spacing-0-5);\n --list-select-radius: var(--radius-rounded-md);\n --list-select-padding: var(--spacing-2);\n --list-select-optgroup-option-padding-left: var(--spacing-5);\n --list-select-optgroup-option-margin-top: var(--spacing-1);\n --list-select-optgroup-gap: var(--spacing-0-5);\n --list-select-optgroup-padding-y: var(--spacing-2);\n --list-dropdown-icon-size: var(--spacing-5);\n --list-dropdown-font-size: var(--font-size-md);\n --list-dropdown-line-height: var(--line-height-base);\n --list-dropdown-item-padding-left: var(--spacing-8);\n --list-dropdown-item-padding-right: var(--spacing-2);\n --list-dropdown-item-padding-x: var(--spacing-2);\n --list-dropdown-item-padding-y: var(--spacing-2);\n --list-dropdown-item-gap-x: var(--spacing-3);\n --list-dropdown-item-radius: var(--radius-rounded-md);\n --list-dropdown-gap-y: var(--spacing-0-5);\n --list-dropdown-radius: var(--radius-rounded-md);\n --list-dropdown-padding: var(--spacing-2);\n --list-dropdown-separator-padding-x: var(--spacing-0);\n --list-dropdown-separator-padding-y: var(--spacing-0-5);\n --list-dropdown-sub-item-padding-left: var(--spacing-4);\n --list-multiselect-padding: var(--spacing-3);\n --form-field-badge-padding-x: var(--spacing-1);\n --form-field-badge-padding-y: var(--spacing-0-5);\n --form-field-font-size: var(--font-size-md);\n --form-field-font-weight: var(--font-weight-medium-emphasis);\n --form-field-icon-size: var(--spacing-5);\n --form-field-gap: var(--spacing-2);\n --form-field-gap-inner: var(--spacing-2);\n --form-field-line-height: var(--line-height-base);\n --form-field-padding-x: var(--spacing-2);\n --form-field-padding-x-icon-button: var(--spacing-10);\n --form-field-padding-y: var(--spacing-2);\n --form-field-radius: var(--radius-rounded-md);\n --form-field-leading-trailing-font-size: var(--font-size-sm);\n --form-field-leading-trailing-icon-size: var(--spacing-5);\n --form-field-leading-trailing-line-height: var(--line-height-base);\n --form-field-inner-button-padding-x-ext: var(--spacing-2-5);\n --form-field-inner-button-padding-x-int: var(--spacing-1-5);\n --form-field-inner-button-padding-y: var(--spacing-2-5);\n --form-gap-x: var(--spacing-3);\n --form-gap-y: var(--spacing-1);\n --form-description-font-size: var(--font-size-sm);\n --form-description-line-height: var(--line-height-sm);\n --form-description-font-weight: var(--font-weight-low-emphasis);\n --form-label-font-size: var(--font-size-sm);\n --form-label-gap: var(--spacing-1);\n --form-label-line-height: var(--line-height-sm);\n --form-label-font-weight: var(--font-weight-medium-emphasis);\n --form-checkbox-border-width: var(--spacing-0-5);\n --form-checkbox-icon-size: var(--spacing-3-5);\n --form-checkbox-padding-top: var(--spacing-0);\n --form-checkbox-radius: var(--radius-rounded-md);\n --form-checkbox-size: var(--spacing-5);\n --form-checkbox-ring-radius: var(--radius-rounded-lg);\n --form-checkbox-icon-stroke: var(--spacing-0-5);\n --form-radio-border-width: var(--spacing-0-5);\n --form-radio-inner-circle-padding: var(--spacing-1-5);\n --form-radio-inner-circle-size: var(--spacing-2);\n --form-radio-padding-top: var(--spacing-0);\n --form-radio-size: var(--spacing-5);\n --form-radio-ring-radius: var(--radius-rounded-full);\n --form-toggle-border-width: var(--spacing-0-5);\n --form-toggle-height: var(--spacing-5);\n --form-toggle-padding-top: var(--spacing-0);\n --form-toggle-radius: var(--radius-rounded-full);\n --form-toggle-padding-default: var(--spacing-1);\n --form-toggle-padding-selected: var(--spacing-0-5);\n --form-toggle-switch-dot-default: var(--spacing-3);\n --form-toggle-switch-dot-selected: var(--spacing-3-5);\n --form-toggle-width: var(--spacing-9);\n --menu-contextual-divider-padding-top: var(--spacing-1);\n --menu-contextual-divider-padding-x: var(--spacing-2-5);\n --menu-contextual-item-font-size: var(--font-size-sm);\n --menu-contextual-item-padding-x: var(--spacing-2-5);\n --menu-contextual-item-padding-y: var(--spacing-2);\n --menu-contextual-item-gap-x: var(--spacing-3);\n --menu-contextual-item-radius: var(--radius-rounded);\n --menu-contextual-gap-y: var(--spacing-0-5);\n --menu-contextual-padding-x: var(--spacing-1);\n --menu-contextual-padding-y: var(--spacing-1);\n --menu-contextual-radius: var(--radius-rounded-md);\n --navigation-primary-notification-bullet-size: var(--spacing-4);\n --navigation-primary-notification-bullet-size-reduced: var(--spacing-1-5);\n --navigation-primary-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --navigation-primary-title-padding-x: var(--spacing-3);\n --navigation-primary-title-padding-y: var(--spacing-1);\n --navigation-primary-title-font-size: var(--font-size-sm);\n --navigation-primary-item-gap-x: var(--spacing-2);\n --navigation-primary-item-padding-x: var(--spacing-3);\n --navigation-primary-item-padding-y: var(--spacing-2);\n --navigation-primary-item-font-size: var(--font-size-md);\n --navigation-primary-item-icon-size: var(--spacing-5);\n --navigation-primary-item-radius: var(--radius-rounded-md);\n --navigation-primary-sub-item-padding-left-x: var(--spacing-7);\n --navigation-primary-separator-size: var(--spacing-px);\n --navigation-gap-y: var(--spacing-3);\n --popover-shadow-1-y: var(--shadow-y-axis-none);\n --popover-shadow-1-spread: var(--shadow-spread-lg-1);\n --popover-shadow-1-opacity: var(--shadow-color-opacity-3);\n --popover-shadow-2-y: var(--shadow-y-axis-lg-2);\n --popover-shadow-2-blur: var(--shadow-blur-lg-2);\n --popover-shadow-2-spread: var(--shadow-spread-lg-2);\n --popover-shadow-2-opacity: var(--shadow-color-opacity-2);\n --popover-font-size: var(--font-size-sm);\n --popover-gap-y: var(--spacing-1);\n --popover-padding-x: var(--spacing-2);\n --popover-padding-y: var(--spacing-2);\n --popover-radius: var(--radius-rounded-md);\n --sidebar-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --sidebar-notification-bullet-size: var(--spacing-4);\n --sidebar-notification-bullet-size-reduced: var(--spacing-1-5);\n --sidebar-gap-y: var(--spacing-3);\n --sidebar-padding-x: var(--spacing-6);\n --sidebar-padding-x-collapsed: var(--spacing-5);\n --sidebar-padding-y: var(--spacing-6);\n --sidebar-width-collapsed: var(--spacing-20);\n --sidebar-footer-gap-y: var(--spacing-5);\n --sidebar-group-gap-y: var(--spacing-1);\n --sidebar-section-gap-y: var(--spacing-0-5);\n --sidebar-section-gap-y-collapsed: var(--spacing-1);\n --sidebar-collapsible-button-icon-size: var(--spacing-4);\n --sidebar-collapsible-button-padding: var(--spacing-2);\n --sidebar-collapsible-button-position-top: var(--spacing-8);\n --sidebar-collapsible-button-position-right: var(--spacing-4);\n --sidebar-title-font-size: var(--font-size-sm);\n --sidebar-title-padding-x: var(--spacing-3);\n --sidebar-title-padding-y: var(--spacing-1);\n --sidebar-item-font-size: var(--font-size-md);\n --sidebar-item-gap-x: var(--spacing-2);\n --sidebar-item-icon-size: var(--spacing-5);\n --sidebar-item-padding-x: var(--spacing-3);\n --sidebar-item-padding-x-collapsed: var(--spacing-2-5);\n --sidebar-item-padding-y: var(--spacing-2);\n --sidebar-item-padding-y-collapsed: var(--spacing-2-5);\n --sidebar-item-radius: var(--radius-rounded-md);\n --sidebar-sub-item-padding-left: var(--spacing-7);\n --sidebar-divider-size: var(--spacing-px);\n --slider-tick-height: var(--spacing-1);\n --slider-tick-width: var(--spacing-0-5);\n --slider-handler-stroke: var(--spacing-0-5);\n --slider-handler-size-min: var(--spacing-5);\n --slider-handler-size-max: var(--spacing-6);\n --slider-handler-size-inner: var(--spacing-4);\n --slider-track-height: var(--spacing-1);\n --slider-track-padding-x: var(--spacing-3);\n --slider-track-radius: var(--radius-rounded-sm);\n --splitter-old-handler-long: var(--spacing-6);\n --splitter-old-handler-wide: var(--spacing-3);\n --splitter-old-handler-radius: var(--radius-rounded-md);\n --togglegroup-xs-radius: var(--radius-rounded-sm);\n --togglegroup-xs-gap: var(--spacing-0-5);\n --togglegroup-xs-height: var(--spacing-6);\n --togglegroup-sm-radius: var(--radius-rounded);\n --togglegroup-sm-gap: var(--spacing-0-5);\n --togglegroup-sm-height: var(--spacing-8);\n --togglegroup-md-radius: var(--radius-rounded-md);\n --togglegroup-md-gap: var(--spacing-0-5);\n --togglegroup-md-height: var(--spacing-10);\n --togglegroup-lg-radius: var(--radius-rounded-lg);\n --togglegroup-lg-gap: var(--spacing-0-5);\n --togglegroup-lg-height: var(--spacing-12);\n --togglegroup-stroke: var(--spacing-px);\n --togglegroup-inner-space: var(--spacing-1-5);\n --tooltip-font-size: var(--font-size-sm);\n --tooltip-padding-x: var(--spacing-3);\n --tooltip-padding-y: var(--spacing-3);\n --tooltip-complex-padding-y: var(--spacing-3);\n --tooltip-gap-y: var(--spacing-1);\n --tooltip-radius: var(--radius-rounded-md);\n --global-typography-h1-font-size: var(--font-size-5xl);\n --global-typography-h1-line-height: var(--line-height-4xl);\n --global-typography-h1-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h2-font-size: var(--font-size-3xl);\n --global-typography-h2-line-height: var(--line-height-3xl);\n --global-typography-h2-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h3-font-size: var(--font-size-2xl);\n --global-typography-h3-line-height: var(--line-height-2xl);\n --global-typography-h3-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h4-font-size: var(--font-size-xl);\n --global-typography-h4-line-height: var(--line-height-xl);\n --global-typography-h4-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h6-font-size: var(--font-size-lg);\n --global-typography-h6-line-height: var(--line-height-lg);\n --global-typography-h6-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-h5-font-size: var(--font-size-lg);\n --global-typography-h5-line-height: var(--line-height-lg);\n --global-typography-h5-font-weight: var(--font-weight-high-emphasis);\n --global-typography-p-font-size: var(--font-size-md);\n --global-typography-p-line-height: var(--line-height-base);\n --global-typography-p-font-weight: var(--font-weight-low-emphasis);\n --global-typography-small-font-size: var(--font-size-xs);\n --global-typography-small-line-height: var(--line-height-xs);\n --global-typography-label-font-size: var(--font-size-sm);\n --global-typography-label-line-height: var(--line-height-sm);\n --global-typography-label-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-legend-font-size: var(--font-size-xs);\n --global-typography-legend-line-height: var(--line-height-xs);\n --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);\n --alert-icon-size: var(--spacing-5);\n --alert-gap-x: var(--spacing-3);\n --alert-icon-position-x: var(--spacing-4);\n --alert-icon-position-y: var(--spacing-4);\n --alert-gap-y: var(--spacing-1);\n --alert-padding: var(--spacing-4);\n --alert-padding-right: var(--spacing-8);\n --alert-radius: var(--radius-rounded-lg);\n --alert-heading-font-size: var(--font-size-sm);\n --alert-heading-font-weight: var(--font-weight-medium-emphasis);\n --alert-heading-line-height: var(--line-height-sm);\n --alert-message-font-size: var(--font-size-sm);\n --alert-message-font-weight: var(--font-weight-low-emphasis);\n --alert-message-line-height: var(--line-height-sm);\n --badge-gap-x: var(--spacing-1);\n --badge-gap-icon-only-x: var(--spacing-0-5);\n --badge-height: var(--spacing-6);\n --badge-padding-x: var(--spacing-2);\n --badge-padding-icon-only-x: var(--spacing-1-5);\n --badge-padding-y: var(--spacing-1);\n --badge-radius: var(--radius-rounded-full);\n --breadcrumb-padding-y: var(--spacing-1);\n --datagrid-cell-body-padding-x: var(--spacing-4);\n --datagrid-cell-body-avatar-gap-x: var(--spacing-3);\n --datagrid-cell-body-actions-gap-x: var(--spacing-2);\n --datagrid-cell-body-padding-y: var(--spacing-2);\n --datagrid-cell-body-actions-padding-y: var(--spacing-1);\n --datagrid-cell-body-chevron-padding-x: var(--spacing-0);\n --datagrid-cell-header-padding-x: var(--spacing-4);\n --datagrid-cell-header-padding-right: var(--spacing-2);\n --datagrid-cell-header-padding-y: var(--spacing-3);\n --datagrid-cell-header-chevron-padding-x: var(--spacing-0);\n --datagrid-expanded-padding-right: var(--spacing-4);\n --datagrid-expanded-padding-y: var(--spacing-4);\n --datagrid-expanded-padding-left: var(--spacing-14);\n --dialog-dismissible-position-top: var(--spacing-5);\n --dialog-dismissible-position-right: var(--spacing-3);\n --dialog-header-gap-y: var(--spacing-0);\n --dialog-header-padding-top: var(--spacing-6);\n --dialog-header-padding-bottom: var(--spacing-2);\n --dialog-header-padding-x: var(--spacing-6);\n --dialog-body-padding-x: var(--spacing-6);\n --dialog-body-padding-y: var(--spacing-2);\n --dialog-footer-gap-y: var(--spacing-3);\n --dialog-footer-padding-top: var(--spacing-2);\n --dialog-footer-padding-bottom: var(--spacing-6);\n --dialog-footer-padding-x: var(--spacing-6);\n --focus-field-stroke: var(--spacing-px);\n --focus-outline-offset: var(--spacing-0-5);\n --focus-outline-stroke: var(--spacing-0-5);\n --loader-size-xs: var(--spacing-4);\n --loader-size-sm: var(--spacing-5);\n --loader-size-md: var(--spacing-6);\n --loader-size-lg: var(--spacing-7);\n --loader-size-xl: var(--spacing-8);\n --notification-icon-size: var(--spacing-5);\n --notification-gap-x: var(--spacing-3);\n --notification-gap-x-title: var(--spacing-2);\n --notification-gap-y: var(--spacing-1);\n --notification-padding: var(--spacing-4);\n --notification-padding-right: var(--spacing-6);\n --notification-padding-left: var(--spacing-6);\n --notification-radius: var(--radius-rounded-lg);\n --notification-border-width-high-emphasis: var(--spacing-2);\n --notification-border-width-low-emphasis: var(--spacing-px);\n --notification-description-font-size: var(--font-size-sm);\n --notification-description-font-weight: var(--font-weight-medium-emphasis);\n --notification-description-line-height: var(--line-height-sm);\n --notification-timestamp-font-size: var(--font-size-sm);\n --notification-timestamp-font-weight: var(--font-weight-low-emphasis);\n --notification-timestamp-line-height: var(--line-height-sm);\n --notification-title-font-size: var(--font-size-sm);\n --notification-title-font-weight: var(--font-weight-medium-emphasis);\n --notification-title-line-height: var(--line-height-sm);\n --pagination-table-font-size: var(--font-size-sm);\n --pagination-table-gap-x: var(--spacing-8);\n --pagination-table-height: var(--spacing-9);\n --pagination-table-padding-left: var(--spacing-3);\n --pagination-table-padding-x: var(--spacing-3);\n --pagination-table-padding-y: var(--spacing-2);\n --status-indicator-gap-x: var(--spacing-0-5);\n --status-indicator-height: var(--spacing-6);\n --status-indicator-width-icon-only: var(--spacing-6);\n --status-indicator-icon-size: var(--spacing-3);\n --status-indicator-padding-x: var(--spacing-1-5);\n --status-indicator-padding-y: var(--spacing-1);\n --status-indicator-radius: var(--radius-rounded-full);\n --status-indicator-label-size: var(--font-size-xs);\n --status-indicator-label-line-height: var(--line-height-xs);\n --splitter-line-width: var(--spacing-1);\n --splitter-gutter: var(--spacing-6);\n --splitter-handle-long: var(--spacing-6);\n --splitter-handle-wide: var(--spacing-1);\n --splitter-handle-wide-hover: var(--spacing-2);\n --splitter-handle-radius: var(--radius-rounded-md);\n --tag-gap-x: var(--spacing-1);\n --tag-padding-x: var(--spacing-1-5);\n --tag-height: var(--spacing-6);\n --tag-border-radius: var(--radius-rounded);\n}\n\n\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-2xl: 42rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --leading-tight: 1.25;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: TT Norms Pro, Montserrat, sans-serif;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: TT Norms Pro Mono, monospace;\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .visible {\n visibility: visible;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .start {\n inset-inline-start: var(--spacing);\n }\n .-end {\n inset-inline-end: calc(var(--spacing) * -1);\n }\n .end {\n inset-inline-end: var(--spacing);\n }\n .top-0 {\n top: var(--spacing-0);\n }\n .left-6 {\n left: var(--spacing-6);\n }\n .col-span-1 {\n grid-column: span 1 / span 1;\n }\n .col-span-2 {\n grid-column: span 2 / span 2;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .nv-pagination-nav__list {\n display: flex;\n align-items: center;\n gap: var(--spacing-2);\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .m-0 {\n margin: var(--spacing-0);\n }\n .m-4 {\n margin: var(--spacing-4);\n }\n .m-6 {\n margin: var(--spacing-6);\n }\n .-mx-6 {\n margin-inline: calc(var(--spacing-6) * -1);\n }\n .mx-2 {\n margin-inline: var(--spacing-2);\n }\n .mx-4 {\n margin-inline: var(--spacing-4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-1 {\n margin-block: var(--spacing-1);\n }\n .my-4 {\n margin-block: var(--spacing-4);\n }\n .my-6 {\n margin-block: var(--spacing-6);\n }\n .my-10 {\n margin-block: var(--spacing-10);\n }\n .my-16 {\n margin-block: var(--spacing-16);\n }\n .mt-1 {\n margin-top: var(--spacing-1);\n }\n .mt-2 {\n margin-top: var(--spacing-2);\n }\n .mt-3 {\n margin-top: var(--spacing-3);\n }\n .mt-4 {\n margin-top: var(--spacing-4);\n }\n .mt-5 {\n margin-top: var(--spacing-5);\n }\n .mt-6 {\n margin-top: var(--spacing-6);\n }\n .mt-8 {\n margin-top: var(--spacing-8);\n }\n .nv-fieldtext {\n --nv-field-border-default: var(--components-form-field-border-default);\n --nv-field-border-hover: var(--components-form-field-border-hover);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--components-form-field-border-default);\n --nv-field-border-readonly: var(--components-form-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-brand);\n --nv-field-background: var(--components-form-field-background-default);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--form-gap-y);\n box-sizing: border-box;\n max-width: 480px;\n &.fluid {\n max-width: unset;\n }\n &.readonly {\n --nv-field-border-default: var(--components-form-field-border-readonly);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-background: var(--components-form-field-background-readonly);\n }\n &.error {\n --nv-field-border-default: var(--components-form-field-border-error);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n }\n &.success {\n --nv-field-border-default: var(--components-form-field-border-success);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-success);\n }\n &.required label::after {\n content: '*';\n color: var(--components-form-text-required);\n font-weight: var(--font-weight-high-emphasis);\n }\n & > label {\n display: flex;\n align-items: center;\n gap: var(--form-label-gap);\n align-self: stretch;\n color: var(--components-form-text-label-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-label-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-label-line-height);\n }\n & > .input-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: var(--form-gap-x);\n align-items: stretch;\n align-self: stretch;\n }\n & > .input-wrapper .input-container {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n & > .input-wrapper .input-container:hover {\n border-color: var(--nv-field-border-hover);\n }\n & > .input-wrapper .input-container:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n & > .input-wrapper .input-container:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n & > .input-wrapper .input-container > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n & > .input-wrapper .input-container input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n & > .input-wrapper .input-container input:focus {\n outline: none;\n }\n & > .input-wrapper .input-container input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n & > .input-wrapper .input-container input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n & > .input-wrapper .input-container input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n & > .input-wrapper .input-container nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n & > .input-wrapper .input-container > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n & > .description {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n & > .error-description {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n color: var(--components-form-text-description-error);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n & > .error-description[hidden] {\n display: none;\n }\n }\n .input-wrapper {\n .nv-fieldtext > & {\n display: flex;\n flex-wrap: wrap;\n gap: var(--form-gap-x);\n align-items: stretch;\n align-self: stretch;\n }\n .nv-fieldtext > & .input-container {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n .nv-fieldtext > & .input-container:hover {\n border-color: var(--nv-field-border-hover);\n }\n .nv-fieldtext > & .input-container:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n .nv-fieldtext > & .input-container:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n .nv-fieldtext > & .input-container > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n .nv-fieldtext > & .input-container input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n .nv-fieldtext > & .input-container input:focus {\n outline: none;\n }\n .nv-fieldtext > & .input-container input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n .nv-fieldtext > & .input-container input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > & .input-container input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > & .input-container nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n .nv-fieldtext > & .input-container > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .input-container {\n .nv-fieldtext > .input-wrapper & {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n .nv-fieldtext > .input-wrapper &:hover {\n border-color: var(--nv-field-border-hover);\n }\n .nv-fieldtext > .input-wrapper &:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n .nv-fieldtext > .input-wrapper &:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n .nv-fieldtext > .input-wrapper & > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n .nv-fieldtext > .input-wrapper & input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n .nv-fieldtext > .input-wrapper & input:focus {\n outline: none;\n }\n .nv-fieldtext > .input-wrapper & input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n .nv-fieldtext > .input-wrapper & input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > .input-wrapper & input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > .input-wrapper & nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n .nv-fieldtext > .input-wrapper & > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .trailing-input {\n .nv-fieldtext > .input-wrapper .input-container > & {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .validation {\n .nv-fieldtext > .input-wrapper .input-container nv-icon& {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n }\n .mr-1 {\n margin-right: var(--spacing-1);\n }\n .mr-2 {\n margin-right: var(--spacing-2);\n }\n .mr-4 {\n margin-right: var(--spacing-4);\n }\n .mr-auto {\n margin-right: auto;\n }\n .mb-1 {\n margin-bottom: var(--spacing-1);\n }\n .mb-2 {\n margin-bottom: var(--spacing-2);\n }\n .mb-3 {\n margin-bottom: var(--spacing-3);\n }\n .mb-4 {\n margin-bottom: var(--spacing-4);\n }\n .mb-5 {\n margin-bottom: var(--spacing-5);\n }\n .mb-6 {\n margin-bottom: var(--spacing-6);\n }\n .mb-8 {\n margin-bottom: var(--spacing-8);\n }\n .mb-20 {\n margin-bottom: var(--spacing-20);\n }\n .leading-input {\n .nv-fieldtext > .input-wrapper .input-container > & {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n }\n .ml-1 {\n margin-left: var(--spacing-1);\n }\n .ml-2 {\n margin-left: var(--spacing-2);\n }\n .ml-4 {\n margin-left: var(--spacing-4);\n }\n .ml-auto {\n margin-left: auto;\n }\n .nv-button {\n text-decoration: none;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n transition: background-color 150ms ease-out;\n user-select: none;\n cursor: pointer;\n height: fit-content;\n height: var(--button-md-height);\n width: fit-content;\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n font-size: var(--button-md-font-size);\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n & nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n &:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n &:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &:focus {\n outline: none;\n }\n &:focus-within {\n outline: none;\n }\n &:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n &.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n &.danger:focus {\n outline: none;\n }\n &.danger:focus-within {\n outline: none;\n }\n &.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.size-xs {\n padding: var(--button-xs-padding-y) var(--button-xs-padding-x);\n gap: var(--button-xs-gap);\n border-radius: var(--button-xs-border-radius);\n line-height: var(--button-xs-line-height);\n height: var(--button-xs-height);\n font-size: var(--button-xs-font-size);\n }\n &.size-xs nv-icon > svg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n stroke-width: 1.2px;\n }\n &.size-sm {\n padding: var(--button-sm-padding-y) var(--button-sm-padding-x);\n gap: var(--button-sm-gap);\n border-radius: var(--button-sm-border-radius);\n line-height: var(--button-sm-line-height);\n height: var(--button-sm-height);\n font-size: var(--button-sm-font-size);\n }\n &.size-sm nv-icon > svg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n stroke-width: 1.5px;\n }\n &.size-md {\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n height: var(--button-md-height);\n font-size: var(--button-md-font-size);\n }\n &.size-md nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n &.size-lg {\n padding: var(--button-lg-padding-y) var(--button-lg-padding-x);\n gap: var(--button-lg-gap);\n border-radius: var(--button-lg-border-radius);\n line-height: var(--button-lg-line-height);\n height: var(--button-lg-height);\n font-size: var(--button-lg-font-size);\n }\n &.size-lg nv-icon > svg {\n width: var(--spacing-6);\n height: var(--spacing-6);\n stroke-width: 1.8px;\n }\n &.emphasis-high {\n background: var(--components-button-high-background);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text);\n }\n &.emphasis-high:hover {\n background: var(--components-button-high-background-hover);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text-hover);\n }\n &.emphasis-high:active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n &.emphasis-high:focus {\n outline: none;\n }\n &.emphasis-high:focus-within {\n outline: none;\n }\n &.emphasis-high:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-high.active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n &.emphasis-high.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n &.emphasis-high.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n &.emphasis-high.danger:focus {\n outline: none;\n }\n &.emphasis-high.danger:focus-within {\n outline: none;\n }\n &.emphasis-high.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium {\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n }\n &.emphasis-medium:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n &.emphasis-medium:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.emphasis-medium:focus {\n outline: none;\n }\n &.emphasis-medium:focus-within {\n outline: none;\n }\n &.emphasis-medium:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-medium.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.emphasis-medium.danger {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n &.emphasis-medium.danger:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n &.emphasis-medium.danger:focus {\n outline: none;\n }\n &.emphasis-medium.danger:focus-within {\n outline: none;\n }\n &.emphasis-medium.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low {\n background: var(--components-button-low-background);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text);\n }\n &.emphasis-low:hover {\n background: var(--components-button-low-background-hover);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text-hover);\n }\n &.emphasis-low:active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n &.emphasis-low:focus {\n outline: none;\n }\n &.emphasis-low:focus-within {\n outline: none;\n }\n &.emphasis-low:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-low.active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n &.emphasis-low.danger {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n &.emphasis-low.danger:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n &.emphasis-low.danger:focus {\n outline: none;\n }\n &.emphasis-low.danger:focus-within {\n outline: none;\n }\n &.emphasis-low.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower {\n background: var(--components-button-lower-background);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text);\n }\n &.emphasis-lower:hover {\n background: var(--components-button-lower-background-hover);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text-hover);\n }\n &.emphasis-lower:active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n &.emphasis-lower:focus {\n outline: none;\n }\n &.emphasis-lower:focus-within {\n outline: none;\n }\n &.emphasis-lower:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-lower.active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n &.emphasis-lower.danger {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n &.emphasis-lower.danger:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n &.emphasis-lower.danger:focus {\n outline: none;\n }\n &.emphasis-lower.danger:focus-within {\n outline: none;\n }\n &.emphasis-lower.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.fluid {\n width: 100%;\n }\n }\n .nv-link {\n color: var(--color-interaction-link-high-text);\n font-weight: var(--font-weight-medium-emphasis);\n text-decoration: none;\n &:hover {\n color: var(--color-interaction-link-high-text-hover);\n }\n .nv-sidenav & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-navbar & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-tabs & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-buttongroup & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-tabs & {\n border-style: solid;\n border-color: transparent;\n border-width: 0 0 2px 0;\n }\n .nv-tabs &:hover {\n color: var(--color-interaction-container-branded-low-text-hover);\n border-color: transparent;\n background-color: transparent;\n }\n .nv-tabs &.active {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n .nv-navbar & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-sidenav & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-buttongroup & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-navbar &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-sidenav &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-buttongroup &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-navbar &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-navbar &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav .collapsible & {\n justify-content: space-between;\n }\n .nv-sidenav .collapsible & .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n .nv-buttongroup & {\n border-color: var(--color-content-medium-border);\n border-width: 0 1px 0 0;\n border-style: solid;\n border-radius: 0;\n }\n .nv-buttongroup &:hover {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup &.active {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup &.router-link-active {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup li:last-child & {\n border-right-width: 0;\n }\n & .nv-badge {\n border-radius: var(--radius-rounded-full);\n width: var(--spacing-5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs);\n color: var(--color-feedback-neutral-high-icon);\n background-color: var(--color-feedback-neutral-high-background);\n }\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n &.disabled:hover {\n color: var(--color-interaction-container-neutral-text);\n background-color: transparent;\n }\n }\n .nv-sidenav {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .collapsible .nv-link {\n justify-content: space-between;\n }\n & .collapsible .nv-link .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .nv-pagination-nav__item--ellipsis {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--spacing-8);\n height: var(--spacing-8);\n color: var(--color-content-lower-text);\n font-size: var(--font-size-sm);\n user-select: none;\n }\n .nv-badge {\n .nv-link & {\n border-radius: var(--radius-rounded-full);\n width: var(--spacing-5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs);\n color: var(--color-feedback-neutral-high-icon);\n background-color: var(--color-feedback-neutral-high-background);\n }\n }\n .nv-pagination-nav__item {\n display: flex;\n align-items: center;\n & nv-button {\n min-width: var(--spacing-8);\n justify-content: center;\n }\n & nv-iconbutton {\n min-width: var(--spacing-8);\n justify-content: center;\n }\n }\n .nv-tabs {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n display: flex;\n flex: 1 1 0%;\n align-items: center;\n border-bottom: 1px solid var(--color-content-low-border);\n column-gap: var(--spacing-0-5);\n & .nv-link {\n border-style: solid;\n border-color: transparent;\n border-width: 0 0 2px 0;\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-branded-low-text-hover);\n border-color: transparent;\n background-color: transparent;\n }\n & .nv-link.active {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n }\n .nv-pagination-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-2);\n flex-wrap: wrap;\n }\n .error-description {\n .nv-fieldtext > & {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n color: var(--components-form-text-description-error);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n .nv-fieldtext > &[hidden] {\n display: none;\n }\n }\n .description {\n .nv-fieldtext > & {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n }\n .nv-buttongroup {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n display: inline-flex;\n border-radius: var(--radius-rounded-md);\n border: 1px solid var(--color-content-medium-border);\n overflow: hidden;\n & .nv-link {\n border-color: var(--color-content-medium-border);\n border-width: 0 1px 0 0;\n border-style: solid;\n border-radius: 0;\n }\n & .nv-link:hover {\n border-color: var(--color-content-medium-border);\n }\n & .nv-link.active {\n border-color: var(--color-content-medium-border);\n }\n & .nv-link.router-link-active {\n border-color: var(--color-content-medium-border);\n }\n & li:last-child .nv-link {\n border-right-width: 0;\n }\n }\n .nv-navbar {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n }\n .\\!hidden {\n display: none !important;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .collapsible {\n .nv-sidenav & .nv-link {\n justify-content: space-between;\n }\n .nv-sidenav & .nv-link .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .size-lg {\n .nv-button& {\n padding: var(--button-lg-padding-y) var(--button-lg-padding-x);\n gap: var(--button-lg-gap);\n border-radius: var(--button-lg-border-radius);\n line-height: var(--button-lg-line-height);\n height: var(--button-lg-height);\n font-size: var(--button-lg-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-6);\n height: var(--spacing-6);\n stroke-width: 1.8px;\n }\n }\n .size-md {\n .nv-button& {\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n height: var(--button-md-height);\n font-size: var(--button-md-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n }\n .size-sm {\n .nv-button& {\n padding: var(--button-sm-padding-y) var(--button-sm-padding-x);\n gap: var(--button-sm-gap);\n border-radius: var(--button-sm-border-radius);\n line-height: var(--button-sm-line-height);\n height: var(--button-sm-height);\n font-size: var(--button-sm-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n stroke-width: 1.5px;\n }\n }\n .size-xs {\n .nv-button& {\n padding: var(--button-xs-padding-y) var(--button-xs-padding-x);\n gap: var(--button-xs-gap);\n border-radius: var(--button-xs-border-radius);\n line-height: var(--button-xs-line-height);\n height: var(--button-xs-height);\n font-size: var(--button-xs-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n stroke-width: 1.2px;\n }\n }\n .size-full {\n width: 100%;\n height: 100%;\n }\n .nv-iconbutton {\n .nv-sidenav .collapsible .nv-link & {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .h-20 {\n height: var(--spacing-20);\n }\n .h-32 {\n height: var(--spacing-32);\n }\n .h-40 {\n height: var(--spacing-40);\n }\n .h-96 {\n height: var(--spacing-96);\n }\n .h-\\[60px\\] {\n height: 60px;\n }\n .h-\\[600px\\] {\n height: 600px;\n }\n .h-\\[700px\\] {\n height: 700px;\n }\n .h-full {\n height: 100%;\n }\n .h-screen {\n height: 100vh;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .fluid {\n .nv-fieldtext& {\n max-width: unset;\n }\n .nv-button& {\n width: 100%;\n }\n }\n .w-1\\/12 {\n width: calc(1 / 12 * 100%);\n }\n .w-2\\/12 {\n width: calc(2 / 12 * 100%);\n }\n .w-3\\/12 {\n width: calc(3 / 12 * 100%);\n }\n .w-4\\/12 {\n width: calc(4 / 12 * 100%);\n }\n .w-5 {\n width: var(--spacing-5);\n }\n .w-5\\/12 {\n width: calc(5 / 12 * 100%);\n }\n .w-6\\/12 {\n width: calc(6 / 12 * 100%);\n }\n .w-7\\/12 {\n width: calc(7 / 12 * 100%);\n }\n .w-8\\/12 {\n width: calc(8 / 12 * 100%);\n }\n .w-9\\/12 {\n width: calc(9 / 12 * 100%);\n }\n .w-10 {\n width: var(--spacing-10);\n }\n .w-10\\/12 {\n width: calc(10 / 12 * 100%);\n }\n .w-11\\/12 {\n width: calc(11 / 12 * 100%);\n }\n .w-12\\/12 {\n width: calc(12 / 12 * 100%);\n }\n .w-16 {\n width: var(--spacing-16);\n }\n .w-20 {\n width: var(--spacing-20);\n }\n .w-48 {\n width: var(--spacing-48);\n }\n .w-full {\n width: 100%;\n }\n .w-px {\n width: 1px;\n }\n .w-px {\n width: var(--spacing-px);\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-screen {\n max-width: 100vw;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xs {\n max-width: var(--container-xs);\n }\n .min-w-0 {\n min-width: var(--spacing-0);\n }\n .min-w-28 {\n min-width: var(--spacing-28);\n }\n .nv-pagination-nav-link {\n min-width: var(--spacing-8);\n }\n .flex-1 {\n flex: 1;\n }\n .shrink {\n flex-shrink: 1;\n }\n .grow {\n flex-grow: 1;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .rotate-2 {\n rotate: 2deg;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .disabled {\n .nv-link-low& {\n color: var(--color-interaction-link-high-text-disabled);\n text-decoration: none;\n }\n .nv-link-high& {\n color: var(--color-interaction-link-high-text-disabled);\n text-decoration: none;\n }\n .nv-link& {\n opacity: 0.5;\n cursor: not-allowed;\n }\n .nv-link&:hover {\n color: var(--color-interaction-container-neutral-text);\n background-color: transparent;\n }\n }\n .emphasis-high {\n .nv-button& {\n background: var(--components-button-high-background);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text);\n }\n .nv-button&:hover {\n background: var(--components-button-high-background-hover);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-low {\n .nv-button& {\n background: var(--components-button-low-background);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text);\n }\n .nv-button&:hover {\n background: var(--components-button-low-background-hover);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-lower {\n .nv-button& {\n background: var(--components-button-lower-background);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text);\n }\n .nv-button&:hover {\n background: var(--components-button-lower-background-hover);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-medium {\n .nv-button& {\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n }\n .nv-button&:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .resize-x {\n resize: horizontal;\n }\n .resize-y {\n resize: vertical;\n }\n .list-inside {\n list-style-position: inside;\n }\n .list-disc {\n list-style-type: disc;\n }\n .columns-1 {\n columns: 1;\n }\n .columns-2 {\n columns: 2;\n }\n .columns-3 {\n columns: 3;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n .grid-cols-\\[120px_1fr\\] {\n grid-template-columns: 120px 1fr;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-around {\n justify-content: space-around;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .gap-1 {\n gap: var(--spacing-1);\n }\n .gap-2 {\n gap: var(--spacing-2);\n }\n .gap-3 {\n gap: var(--spacing-3);\n }\n .gap-4 {\n gap: var(--spacing-4);\n }\n .gap-6 {\n gap: var(--spacing-6);\n }\n .gap-8 {\n gap: var(--spacing-8);\n }\n .gap-16 {\n gap: var(--spacing-16);\n }\n .space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-12 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-12) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-16 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .gap-x-0\\.5 {\n column-gap: var(--spacing-0-5);\n }\n .gap-x-2 {\n column-gap: var(--spacing-2);\n }\n .gap-x-4 {\n column-gap: var(--spacing-4);\n }\n .space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));\n margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .gap-y-0\\.5 {\n row-gap: var(--spacing-0-5);\n }\n .gap-y-4 {\n row-gap: var(--spacing-4);\n }\n .self-start {\n align-self: flex-start;\n }\n .self-stretch {\n align-self: stretch;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: var(--radius-rounded);\n }\n .rounded-2xl {\n border-radius: var(--radius-rounded-2xl);\n }\n .rounded-full {\n border-radius: var(--radius-rounded-full);\n }\n .rounded-lg {\n border-radius: var(--radius-rounded-lg);\n }\n .rounded-md {\n border-radius: var(--radius-rounded-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .active {\n .nv-button& {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button.emphasis-high& {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button.emphasis-medium& {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button.emphasis-low& {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button.emphasis-lower& {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-tabs .nv-link& {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n .nv-navbar .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup .nv-link& {\n border-color: var(--color-content-medium-border);\n }\n }\n .thumb {\n nv-fieldslider .slider-container .track-container:has(&:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(&:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(&:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container .track-container:has(&:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container .track-container .track & {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container .track &:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container .track-container .track &:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(&:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(&:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .slider-container {\n nv-fieldslider & .track-container:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider & .track-container:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider & .track-container:has(.thumb:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider & .track-container:has(.thumb:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] & .track-container .track .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .track-container {\n nv-fieldslider .slider-container &:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container &:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container &:has(.thumb:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container &:has(.thumb:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container & .track .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container &:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container &:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .track {\n nv-fieldslider[error] .slider-container .track-container & .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n }\n .border-\\[\\#E3E3E3\\] {\n border-color: #E3E3E3;\n }\n .border-black {\n border-color: var(--color-base-black);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-low {\n border-color: var(--color-content-low-border);\n }\n .border-white {\n border-color: var(--color-base-white);\n }\n .bg-background {\n background-color: var(--color-level-00-background);\n }\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n .bg-crimson-700 {\n background-color: var(--color-crimson-700);\n }\n .bg-cyan-300 {\n background-color: var(--color-cyan-300);\n }\n .bg-feedback-warning-high {\n background-color: var(--color-feedback-warning-high-background);\n }\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n .bg-level-00 {\n background-color: var(--color-level-00-background);\n }\n .bg-level-10 {\n background-color: var(--color-level-10-background);\n }\n .bg-level-15 {\n background-color: var(--color-level-15-background);\n }\n .bg-lime-300 {\n background-color: var(--color-lime-300);\n }\n .bg-orange-50 {\n background-color: var(--color-orange-50);\n }\n .bg-orange-100 {\n background-color: var(--color-orange-100);\n }\n .bg-orange-300 {\n background-color: var(--color-orange-300);\n }\n .bg-orange-500 {\n background-color: var(--color-orange-500);\n }\n .bg-pink-300 {\n background-color: var(--color-pink-300);\n }\n .bg-purple-300 {\n background-color: var(--color-purple-300);\n }\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-turquoise-50 {\n background-color: var(--color-turquoise-50);\n }\n .bg-turquoise-500 {\n background-color: var(--color-turquoise-500);\n }\n .bg-white {\n background-color: var(--color-base-white);\n }\n .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .from-amber-500 {\n --tw-gradient-from: var(--color-amber-500);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-orange-500 {\n --tw-gradient-to: var(--color-orange-500);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .p-0 {\n padding: var(--spacing-0);\n }\n .p-1 {\n padding: var(--spacing-1);\n }\n .p-2 {\n padding: var(--spacing-2);\n }\n .p-3 {\n padding: var(--spacing-3);\n }\n .p-4 {\n padding: var(--spacing-4);\n }\n .p-5 {\n padding: var(--spacing-5);\n }\n .p-6 {\n padding: var(--spacing-6);\n }\n .p-8 {\n padding: var(--spacing-8);\n }\n .p-16 {\n padding: var(--spacing-16);\n }\n .p-20 {\n padding: var(--spacing-20);\n }\n .px-1 {\n padding-inline: var(--spacing-1);\n }\n .px-2 {\n padding-inline: var(--spacing-2);\n }\n .px-3 {\n padding-inline: var(--spacing-3);\n }\n .px-4 {\n padding-inline: var(--spacing-4);\n }\n .px-6 {\n padding-inline: var(--spacing-6);\n }\n .py-1 {\n padding-block: var(--spacing-1);\n }\n .py-2 {\n padding-block: var(--spacing-2);\n }\n .py-4 {\n padding-block: var(--spacing-4);\n }\n .py-6 {\n padding-block: var(--spacing-6);\n }\n .py-10 {\n padding-block: var(--spacing-10);\n }\n .py-32 {\n padding-block: var(--spacing-32);\n }\n .pt-4 {\n padding-top: var(--spacing-4);\n }\n .pt-6 {\n padding-top: var(--spacing-6);\n }\n .pt-8 {\n padding-top: var(--spacing-8);\n }\n .pr-4 {\n padding-right: var(--spacing-4);\n }\n .pb-1 {\n padding-bottom: var(--spacing-1);\n }\n .pb-4 {\n padding-bottom: var(--spacing-4);\n }\n .pb-20 {\n padding-bottom: var(--spacing-20);\n }\n .pl-4 {\n padding-left: var(--spacing-4);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .align-middle {\n vertical-align: middle;\n }\n .typo-mono-md-bold {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-md-medium {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-md-regular {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-bold {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-medium {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-regular {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-bold {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-medium {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-regular {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-heading-lg-bold {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-lg-medium {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-lg-regular {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-md-bold {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-md-medium {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-md-regular {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-sm-bold {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-sm-medium {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-sm-regular {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-xl-bold {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xl-medium {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xl-regular {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xs-bold {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-heading-xs-medium {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-heading-xs-regular {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-text-lg-bold {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-lg-medium {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-lg-regular {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-md-bold {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-md-medium {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-md-regular {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-sm-bold {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-sm-medium {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-sm-regular {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-xl-bold {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xl-medium {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xl-regular {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xs-bold {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xs);\n }\n .typo-text-xs-medium {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xs);\n }\n .typo-text-xs-regular {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xs);\n }\n .text-2xl {\n font-size: var(--font-size-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--font-size-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--font-size-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--font-size-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-md {\n font-size: var(--font-size-md);\n }\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n .required {\n .nv-fieldtext& label::after {\n content: '*';\n color: var(--components-form-text-required);\n font-weight: var(--font-weight-high-emphasis);\n }\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .danger {\n .nv-button& {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button&:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-high& {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button.emphasis-high&:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button.emphasis-high&:focus {\n outline: none;\n }\n .nv-button.emphasis-high&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-high&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-high&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-medium& {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n .nv-button.emphasis-medium&:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n .nv-button.emphasis-medium&:focus {\n outline: none;\n }\n .nv-button.emphasis-medium&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-medium&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-medium&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-low& {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n .nv-button.emphasis-low&:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n .nv-button.emphasis-low&:focus {\n outline: none;\n }\n .nv-button.emphasis-low&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-low&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-low&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-lower& {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n .nv-button.emphasis-lower&:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n .nv-button.emphasis-lower&:focus {\n outline: none;\n }\n .nv-button.emphasis-lower&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-lower&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-lower&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .text-feedback-warning-high {\n color: var(--color-feedback-warning-high-text);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .text-green-500 {\n color: var(--color-green-500);\n }\n .text-green-600 {\n color: var(--color-green-600);\n }\n .text-high {\n color: var(--color-content-high-text);\n }\n .text-inherit {\n color: inherit;\n }\n .text-low {\n color: var(--color-content-low-text);\n }\n .text-orange-800 {\n color: var(--color-orange-800);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-slate-400 {\n color: var(--color-slate-400);\n }\n .lowercase {\n text-transform: lowercase;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .no-underline {\n text-decoration-line: none;\n }\n .underline {\n text-decoration-line: underline;\n }\n .opacity-70 {\n opacity: 70%;\n }\n .opacity-80 {\n opacity: 80%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .error {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-error);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n }\n }\n .error\\! {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-error) !important;\n --nv-field-border-hover: var(--nv-field-border-default) !important;\n --nv-field-border-focus: var(--nv-field-border-default) !important;\n --nv-field-border-disabled: var(--nv-field-border-default) !important;\n --nv-field-border-readonly: var(--nv-field-border-default) !important;\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field) !important;\n }\n }\n .readonly {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-readonly);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-background: var(--components-form-field-background-readonly);\n }\n }\n .success {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-success);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-success);\n }\n }\n .track-range {\n nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container .track-container .track & {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {\n background: var(--components-slider-track-filled-error);\n }\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .hover\\:bg-level-10 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-level-10-background);\n }\n }\n }\n .focus\\:border-blue-400 {\n &:focus {\n border-color: var(--color-blue-400);\n }\n }\n .focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-blue-100 {\n &:focus {\n --tw-ring-color: var(--color-blue-100);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-3 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-4 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-5 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n }\n .md\\:typo-heading-lg-bold {\n @media (width >= 48rem) {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n }\n .lg\\:grid-cols-3 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .lg\\:typo-heading-xl-bold {\n @media (width >= 64rem) {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n }\n .xl\\:grid-cols-4 {\n @media (width >= 80rem) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n}\n@layer base {\n body, html {\n background-color: var(--color-level-00-background);\n color: var(--color-content-medium-text);\n }\n *:disabled {\n cursor: not-allowed;\n }\n *:focus, *:focus-within {\n outline: none;\n }\n button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {\n outline: var(--focus-outline-stroke) solid var(--color-focus-brand);\n outline-offset: var(--focus-outline-offset);\n border-radius: var(--radius-rounded);\n }\n a {\n color: var(--color-interaction-link-high-text);\n text-decoration: underline;\n font-weight: var(--font-weight-high-emphasis);\n }\n a:hover {\n color: var(--color-interaction-link-high-text-hover);\n }\n no-underline {\n text-decoration: none;\n }\n h1 {\n font-size: var(--global-typography-h1-font-size);\n line-height: var(--global-typography-h1-line-height);\n font-weight: var(--global-typography-h1-font-weight);\n color: var(--color-content-high-text);\n }\n h2 {\n font-size: var(--global-typography-h2-font-size);\n line-height: var(--global-typography-h2-line-height);\n font-weight: var(--global-typography-h2-font-weight);\n color: var(--color-content-high-text);\n }\n h3 {\n font-size: var(--global-typography-h3-font-size);\n line-height: var(--global-typography-h3-line-height);\n font-weight: var(--global-typography-h3-font-weight);\n color: var(--color-content-high-text);\n }\n h4 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--global-typography-h4-font-weight);\n color: var(--color-content-high-text);\n }\n h5 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--font-weight-medium-emphasis);\n color: var(--color-content-medium-text);\n }\n h6 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--font-weight-low-emphasis);\n color: var(--color-content-low-text);\n }\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n }\n }\n}\n";
26
+ const globalStyles = "/* This stylesheet is for dev purposes only. */\n\n/* @import '../../../../node_modules/@nova-design-system/nova-base/dist/css/ocean.css'; */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.dark:root {\n --color-interaction-container-neutral-background: rgba(0, 0, 0, 0);\n --color-black: #000000;\n --color-white: #ffffff;\n --color-transparent: rgba(255, 255, 255, 0);\n --opacity-disabled: 50%;\n --opacity-disabled-2: 0%;\n --shadow-color-opacity-0: rgba(255, 255, 255, 0.09);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.09);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.14);\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.32);\n --shadow-blur-base-1: 3.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-lg-1: 0.0000px;\n --shadow-spread-lg-2: 0.0000px;\n --shadow-spread-xl: -2.0000px;\n --shadow-spread-2xl: -6.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-2xl: 25.0000px;\n --components-button-high-border: rgba(255, 255, 255, 0);\n --components-button-high-border-hover: rgba(255, 255, 255, 0);\n --components-button-high-border-active: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-form-opacity-default: 100%;\n --components-form-opacity-disabled: 50%;\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-overlay-opacity: 75%;\n --color-interaction-container-neutral-background-active: var(--color-orange-900);\n --color-interaction-container-neutral-border-active: var(--color-orange-400);\n --color-interaction-container-neutral-icon-active: var(--color-orange-400);\n --color-interaction-container-neutral-text-active: var(--color-orange-400);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-branded-high-background-active: var(--color-orange-400);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-border-active: var(--color-orange-400);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-icon: var(--color-base-black);\n --color-interaction-container-branded-high-icon-active: var(--color-base-black);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-black);\n --color-interaction-container-branded-high-text: var(--color-base-black);\n --color-interaction-container-branded-high-text-active: var(--color-base-black);\n --color-interaction-container-branded-high-text-hover: var(--color-base-black);\n --color-interaction-container-branded-low-background-active: var(--color-orange-900);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-900);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-border-active: var(--color-orange-400);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-400);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-text-active: var(--color-orange-400);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-400);\n --color-interaction-link-high-icon: var(--color-orange-500);\n --color-interaction-link-high-icon-hover: var(--color-orange-400);\n --color-interaction-link-high-icon-visited: var(--color-orange-400);\n --color-interaction-link-high-text: var(--color-orange-500);\n --color-interaction-link-high-text-hover: var(--color-orange-400);\n --color-interaction-link-high-text-visited: var(--color-orange-400);\n --color-interaction-link-low-icon-hover: var(--color-orange-400);\n --color-interaction-link-low-icon-visited: var(--color-orange-400);\n --color-interaction-link-low-text-hover: var(--color-orange-400);\n --color-interaction-link-low-text-visited: var(--color-orange-400);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-600);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-400);\n --color-interaction-link-inverted-text-hover: var(--color-orange-600);\n --color-interaction-link-inverted-text-visited: var(--color-orange-400);\n --color-level-10-background: var(--color-gray-spark-800);\n --color-level-15-background: var(--color-gray-spark-750);\n --color-level-20-background: var(--color-gray-spark-700);\n --color-level-30-background: var(--color-gray-spark-600);\n --color-level-40-background: var(--color-gray-spark-500);\n --color-level-00-background: var(--color-gray-spark-900);\n --color-level-05-background: var(--color-gray-spark-850);\n --color-level-inverted-10-background: var(--color-gray-spark-50);\n --color-level-inverted-15-background: var(--color-gray-spark-75);\n --color-level-inverted-20-background: var(--color-gray-spark-00);\n --color-level-inverted-30-background: var(--color-gray-spark-50);\n --color-level-inverted-40-background: var(--color-gray-spark-00);\n --color-level-inverted-00-background: var(--color-gray-spark-00);\n --color-level-inverted-05-background: var(--color-gray-spark-25);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-content-high-text: var(--color-gray-spark-50);\n --color-content-high-icon: var(--color-gray-spark-50);\n --color-content-medium-border: var(--color-gray-spark-400);\n --color-content-medium-text: var(--color-gray-spark-200);\n --color-content-medium-icon: var(--color-gray-spark-200);\n --color-content-low-border: var(--color-gray-spark-500);\n --color-content-low-text: var(--color-gray-spark-350);\n --color-content-low-icon: var(--color-gray-spark-350);\n --color-content-lower-text: var(--color-gray-spark-400);\n --color-content-inverted-high-text: var(--color-gray-spark-800);\n --color-content-inverted-high-icon: var(--color-gray-spark-800);\n --color-content-inverted-medium-text: var(--color-gray-spark-550);\n --color-content-inverted-medium-icon: var(--color-gray-spark-550);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-accent-50: var(--color-petrol-900);\n --color-accent-100: var(--color-petrol-800);\n --color-accent-200: var(--color-petrol-700);\n --color-accent-300: var(--color-petrol-600);\n --color-accent-400: var(--color-petrol-500);\n --color-accent-500: var(--color-petrol-400);\n --color-accent-600: var(--color-petrol-300);\n --color-accent-700: var(--color-petrol-200);\n --color-accent-800: var(--color-petrol-100);\n --color-accent-900: var(--color-petrol-50);\n --color-brand-50: var(--color-amber-900);\n --color-brand-100: var(--color-amber-800);\n --color-brand-200: var(--color-amber-700);\n --color-brand-300: var(--color-amber-600);\n --color-brand-400: var(--color-amber-500);\n --color-brand-500: var(--color-amber-400);\n --color-brand-600: var(--color-amber-300);\n --color-brand-700: var(--color-amber-200);\n --color-brand-800: var(--color-amber-100);\n --color-brand-900: var(--color-amber-50);\n --color-chart-1: var(--color-amber-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-10: var(--color-crimson-500);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-low-background: var(--color-status-blue-900);\n --color-feedback-information-low-border: var(--color-status-blue-300);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-700);\n --color-feedback-information-low-icon: var(--color-status-blue-300);\n --color-feedback-information-low-text: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-icon: var(--color-base-black);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-900);\n --color-feedback-information-high-contrast-title: var(--color-base-black);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-low-background: var(--color-status-red-900);\n --color-feedback-error-low-border: var(--color-status-red-300);\n --color-feedback-error-low-border-subtle: var(--color-status-red-700);\n --color-feedback-error-low-icon: var(--color-status-red-300);\n --color-feedback-error-low-text: var(--color-status-red-300);\n --color-feedback-error-high-contrast-background: var(--color-status-red-300);\n --color-feedback-error-high-contrast-border: var(--color-status-red-300);\n --color-feedback-error-high-contrast-icon: var(--color-base-black);\n --color-feedback-error-high-contrast-text: var(--color-status-red-900);\n --color-feedback-error-high-contrast-title: var(--color-base-black);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-low-background: var(--color-gray-spark-800);\n --color-feedback-neutral-low-border: var(--color-gray-spark-250);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-500);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-250);\n --color-feedback-neutral-low-text: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-black);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-900);\n --color-feedback-neutral-high-contrast-title: var(--color-base-black);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-low-background: var(--color-status-yellow-900);\n --color-feedback-warning-low-border: var(--color-status-yellow-500);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-700);\n --color-feedback-warning-low-icon: var(--color-status-yellow-500);\n --color-feedback-warning-low-text: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-icon: var(--color-base-black);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-contrast-title: var(--color-base-black);\n --color-feedback-success-high-background: var(--color-status-green-300);\n --color-feedback-success-high-border: var(--color-status-green-300);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-low-background: var(--color-status-green-900);\n --color-feedback-success-low-border: var(--color-status-green-400);\n --color-feedback-success-low-border-subtle: var(--color-status-green-700);\n --color-feedback-success-low-icon: var(--color-status-green-400);\n --color-feedback-success-low-text: var(--color-status-green-400);\n --color-feedback-success-high-contrast-background: var(--color-status-green-400);\n --color-feedback-success-high-contrast-border: var(--color-status-green-400);\n --color-feedback-success-high-contrast-icon: var(--color-base-black);\n --color-feedback-success-high-contrast-text: var(--color-status-green-900);\n --color-feedback-success-high-contrast-title: var(--color-base-black);\n --color-focus-brand: var(--color-orange-500);\n --color-rainbow-1-background: var(--color-amber-900);\n --color-rainbow-1-border: var(--color-amber-500);\n --color-rainbow-1-border-light: var(--color-amber-700);\n --color-rainbow-1-icon: var(--color-amber-500);\n --color-rainbow-1-text: var(--color-amber-400);\n --color-rainbow-2-background: var(--color-orange-900);\n --color-rainbow-2-border: var(--color-orange-400);\n --color-rainbow-2-border-light: var(--color-orange-700);\n --color-rainbow-2-icon: var(--color-orange-400);\n --color-rainbow-2-text: var(--color-orange-400);\n --color-rainbow-3-background: var(--color-yellow-900);\n --color-rainbow-3-border: var(--color-yellow-600);\n --color-rainbow-3-border-light: var(--color-yellow-700);\n --color-rainbow-3-icon: var(--color-yellow-600);\n --color-rainbow-3-text: var(--color-yellow-600);\n --color-rainbow-4-background: var(--color-red-900);\n --color-rainbow-4-border: var(--color-red-200);\n --color-rainbow-4-border-light: var(--color-red-600);\n --color-rainbow-4-icon: var(--color-red-200);\n --color-rainbow-4-text: var(--color-red-200);\n --color-rainbow-5-background: var(--color-turquoise-900);\n --color-rainbow-5-border: var(--color-turquoise-400);\n --color-rainbow-5-border-light: var(--color-turquoise-700);\n --color-rainbow-5-icon: var(--color-turquoise-400);\n --color-rainbow-5-text: var(--color-turquoise-400);\n --color-rainbow-6-background: var(--color-crimson-900);\n --color-rainbow-6-border: var(--color-crimson-200);\n --color-rainbow-6-border-light: var(--color-crimson-600);\n --color-rainbow-6-icon: var(--color-crimson-200);\n --color-rainbow-6-text: var(--color-crimson-200);\n --color-rainbow-7-background: var(--color-green-900);\n --color-rainbow-7-border: var(--color-green-300);\n --color-rainbow-7-border-light: var(--color-green-600);\n --color-rainbow-7-icon: var(--color-green-300);\n --color-rainbow-7-text: var(--color-green-300);\n --color-rainbow-8-background: var(--color-petrol-900);\n --color-rainbow-8-border: var(--color-petrol-300);\n --color-rainbow-8-border-light: var(--color-petrol-600);\n --color-rainbow-8-icon: var(--color-petrol-300);\n --color-rainbow-8-text: var(--color-petrol-300);\n --color-rainbow-9-background: var(--color-lime-900);\n --color-rainbow-9-border: var(--color-lime-500);\n --color-rainbow-9-border-light: var(--color-lime-700);\n --color-rainbow-9-icon: var(--color-lime-500);\n --color-rainbow-9-text: var(--color-lime-500);\n --color-rainbow-10-background: var(--color-gray-spark-650);\n --color-rainbow-10-border: var(--color-gray-spark-250);\n --color-rainbow-10-border-light: var(--color-gray-spark-450);\n --color-rainbow-10-icon: var(--color-gray-spark-250);\n --color-rainbow-10-text: var(--color-gray-spark-250);\n --color-dont-use-border: var(--color-gray-spark-750);\n --color-dont-use-content: var(--color-gray-spark-750);\n --color-dont-use-background: var(--color-gray-spark-900);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-450);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-400);\n --components-button-gr-as-complementary-text: var(--color-base-white);\n --components-button-gr-as-complementary-text-hover: var(--color-base-white);\n --components-button-gr-as-complementary-icon: var(--color-base-white);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-white);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-form-shape-background-default: var(--color-gray-spark-400);\n --components-form-shape-background-hover: var(--color-gray-spark-350);\n --components-form-shape-background-disabled: var(--color-gray-spark-700);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-foreground-default: var(--color-base-black);\n --components-loader-white-foreground: var(--color-base-white);\n --components-loader-brand-background: var(--color-orange-900);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-button-destructive-medium-background-hover: var(--color-status-red-900);\n --components-button-destructive-medium-text: var(--color-status-red-400);\n --components-button-destructive-medium-text-hover: var(--color-status-red-300);\n --components-button-destructive-medium-icon: var(--color-status-red-400);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-300);\n --components-button-destructive-medium-border: var(--color-status-red-400);\n --components-button-destructive-medium-border-hover: var(--color-status-red-300);\n --components-button-destructive-low-background-hover: var(--color-status-red-900);\n --components-button-destructive-low-text: var(--color-status-red-400);\n --components-button-destructive-low-text-hover: var(--color-status-red-300);\n --components-button-destructive-low-icon: var(--color-status-red-400);\n --components-button-destructive-low-icon-hover: var(--color-status-red-300);\n --components-button-destructive-high-background: var(--color-status-red-400);\n --components-button-destructive-high-background-hover: var(--color-status-red-300);\n --components-button-destructive-high-text: var(--color-base-black);\n --components-button-destructive-high-text-hover: var(--color-base-black);\n --components-button-destructive-high-icon: var(--color-base-black);\n --components-button-destructive-high-icon-hover: var(--color-base-black);\n --components-overlay-background: var(--color-gray-spark-650);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-900);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-splitter-old-border: var(--color-transparent);\n --components-tooltip-background: var(--color-gray-spark-50);\n --components-tooltip-border: var(--color-gray-spark-50);\n --components-toggle-border-default: var(--color-gray-spark-400);\n --components-toggle-border-hover: var(--color-gray-spark-300);\n --components-toggle-border-disabled: var(--color-gray-spark-600);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-background-disabled: var(--color-gray-spark-600);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-shape-default: var(--color-gray-spark-400);\n --components-toggle-shape-hover: var(--color-gray-spark-300);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-focus-background: var(--color-level-00-background);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-success: var(--color-feedback-success-low-border);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-icon: var(--color-feedback-warning-low-border);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-high-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-calendar-border: var(--color-content-low-border);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-background: var(--color-level-00-background);\n --components-list-select-background: var(--color-level-00-background);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-label-active: var(--color-content-low-text);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-description-hover: var(--color-content-medium-text);\n --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-notification-information-background: var(--color-level-20-background);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-warning-background: var(--color-level-20-background);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-icon: var(--color-feedback-warning-low-border);\n --components-notification-error-background: var(--color-level-20-background);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-success-background: var(--color-level-20-background);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-neutral-background: var(--color-level-20-background);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-popover-border: var(--color-content-low-border);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-sidebar-background: var(--color-level-00-background);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-slider-track-background: var(--color-content-low-border);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-active);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-breadcrumb-text-current: var(--color-interaction-link-high-text-disabled);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n}\n\n:root {\n --color-gray-25: var(--color-gray-spark-25);\n --color-gray-50: var(--color-gray-spark-50);\n --color-gray-75: var(--color-gray-spark-75);\n --color-gray-100: var(--color-gray-spark-100);\n --color-gray-150: var(--color-gray-spark-150);\n --color-gray-200: var(--color-gray-spark-200);\n --color-gray-250: var(--color-gray-spark-250);\n --color-gray-300: var(--color-gray-spark-300);\n --color-gray-350: var(--color-gray-spark-350);\n --color-gray-400: var(--color-gray-spark-400);\n --color-gray-450: var(--color-gray-spark-450);\n --color-gray-500: var(--color-gray-spark-500);\n --color-gray-550: var(--color-gray-spark-550);\n --color-gray-600: var(--color-gray-spark-600);\n --color-gray-650: var(--color-gray-spark-650);\n --color-gray-700: var(--color-gray-spark-700);\n --color-gray-750: var(--color-gray-spark-750);\n --color-gray-800: var(--color-gray-spark-800);\n --color-gray-850: var(--color-gray-spark-850);\n --color-gray-900: var(--color-gray-spark-900);\n --color-gray-00: var(--color-gray-spark-00);\n}\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);\n --color-black: #000000;\n --color-white: #ffffff;\n --color-transparent: rgba(255, 255, 255, 0);\n --opacity-disabled: 50%;\n --opacity-disabled-2: 50%;\n --shadow-color-opacity-0: rgba(0, 0, 0, 0.06);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.06);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.1);\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.25);\n --shadow-blur-base-1: 3.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-lg-1: -2.0000px;\n --shadow-spread-lg-2: -3.0000px;\n --shadow-spread-xl: -5.0000px;\n --shadow-spread-2xl: -12.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-2xl: 25.0000px;\n --components-button-high-border: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-form-opacity-default: 100%;\n --components-form-opacity-disabled: 50%;\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-overlay-opacity: 55%;\n --color-interaction-container-neutral-background-active: var(--color-orange-50);\n --color-interaction-container-neutral-border-active: var(--color-orange-600);\n --color-interaction-container-neutral-icon-active: var(--color-orange-600);\n --color-interaction-container-neutral-text-active: var(--color-orange-600);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-branded-high-background-active: var(--color-orange-600);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-border-active: var(--color-orange-600);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-icon: var(--color-base-white);\n --color-interaction-container-branded-high-icon-active: var(--color-base-white);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-white);\n --color-interaction-container-branded-high-text: var(--color-base-white);\n --color-interaction-container-branded-high-text-active: var(--color-base-white);\n --color-interaction-container-branded-high-text-hover: var(--color-base-white);\n --color-interaction-container-branded-low-background-active: var(--color-orange-50);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-50);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-border-active: var(--color-orange-600);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-600);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-text-active: var(--color-orange-600);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-600);\n --color-interaction-link-high-icon: var(--color-orange-600);\n --color-interaction-link-high-icon-hover: var(--color-orange-700);\n --color-interaction-link-high-icon-visited: var(--color-orange-700);\n --color-interaction-link-high-text: var(--color-orange-600);\n --color-interaction-link-high-text-hover: var(--color-orange-700);\n --color-interaction-link-high-text-visited: var(--color-orange-700);\n --color-interaction-link-low-icon-hover: var(--color-orange-700);\n --color-interaction-link-low-icon-visited: var(--color-orange-700);\n --color-interaction-link-low-text-hover: var(--color-orange-700);\n --color-interaction-link-low-text-visited: var(--color-orange-700);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-500);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-700);\n --color-interaction-link-inverted-text-hover: var(--color-orange-500);\n --color-interaction-link-inverted-text-visited: var(--color-orange-700);\n --color-level-10-background: var(--color-gray-spark-50);\n --color-level-15-background: var(--color-gray-spark-75);\n --color-level-20-background: var(--color-gray-spark-00);\n --color-level-30-background: var(--color-gray-spark-50);\n --color-level-40-background: var(--color-gray-spark-00);\n --color-level-00-background: var(--color-gray-spark-00);\n --color-level-05-background: var(--color-gray-spark-25);\n --color-level-inverted-10-background: var(--color-gray-spark-800);\n --color-level-inverted-15-background: var(--color-gray-spark-750);\n --color-level-inverted-20-background: var(--color-gray-spark-700);\n --color-level-inverted-30-background: var(--color-gray-spark-600);\n --color-level-inverted-40-background: var(--color-gray-spark-500);\n --color-level-inverted-00-background: var(--color-gray-spark-900);\n --color-level-inverted-05-background: var(--color-gray-spark-850);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-content-high-text: var(--color-gray-spark-800);\n --color-content-high-icon: var(--color-gray-spark-800);\n --color-content-medium-border: var(--color-gray-spark-200);\n --color-content-medium-text: var(--color-gray-spark-550);\n --color-content-medium-icon: var(--color-gray-spark-550);\n --color-content-low-border: var(--color-gray-spark-100);\n --color-content-low-text: var(--color-gray-spark-400);\n --color-content-low-icon: var(--color-gray-spark-400);\n --color-content-lower-text: var(--color-gray-spark-250);\n --color-content-inverted-high-text: var(--color-gray-spark-50);\n --color-content-inverted-high-icon: var(--color-gray-spark-50);\n --color-content-inverted-medium-text: var(--color-gray-spark-300);\n --color-content-inverted-medium-icon: var(--color-gray-spark-300);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-accent-50: var(--color-petrol-50);\n --color-accent-100: var(--color-petrol-100);\n --color-accent-200: var(--color-petrol-200);\n --color-accent-300: var(--color-petrol-300);\n --color-accent-400: var(--color-petrol-400);\n --color-accent-500: var(--color-petrol-500);\n --color-accent-600: var(--color-petrol-600);\n --color-accent-700: var(--color-petrol-700);\n --color-accent-800: var(--color-petrol-800);\n --color-accent-900: var(--color-petrol-900);\n --color-brand-50: var(--color-amber-50);\n --color-brand-100: var(--color-amber-100);\n --color-brand-200: var(--color-amber-200);\n --color-brand-300: var(--color-amber-300);\n --color-brand-400: var(--color-amber-400);\n --color-brand-500: var(--color-amber-500);\n --color-brand-600: var(--color-amber-600);\n --color-brand-700: var(--color-amber-700);\n --color-brand-800: var(--color-amber-800);\n --color-brand-900: var(--color-amber-900);\n --color-chart-1: var(--color-amber-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-10: var(--color-crimson-500);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-low-background: var(--color-status-blue-50);\n --color-feedback-information-low-border: var(--color-status-blue-500);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-100);\n --color-feedback-information-low-icon: var(--color-status-blue-500);\n --color-feedback-information-low-text: var(--color-status-blue-500);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-800);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-800);\n --color-feedback-information-high-contrast-icon: var(--color-base-white);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-50);\n --color-feedback-information-high-contrast-title: var(--color-base-white);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-low-background: var(--color-status-red-50);\n --color-feedback-error-low-border: var(--color-status-red-600);\n --color-feedback-error-low-border-subtle: var(--color-status-red-100);\n --color-feedback-error-low-icon: var(--color-status-red-600);\n --color-feedback-error-low-text: var(--color-status-red-600);\n --color-feedback-error-high-contrast-background: var(--color-status-red-600);\n --color-feedback-error-high-contrast-border: var(--color-status-red-600);\n --color-feedback-error-high-contrast-icon: var(--color-base-white);\n --color-feedback-error-high-contrast-text: var(--color-status-red-50);\n --color-feedback-error-high-contrast-title: var(--color-base-white);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-low-background: var(--color-gray-spark-50);\n --color-feedback-neutral-low-border: var(--color-gray-spark-450);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-100);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-450);\n --color-feedback-neutral-low-text: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-white);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-50);\n --color-feedback-neutral-high-contrast-title: var(--color-base-white);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-low-background: var(--color-status-yellow-50);\n --color-feedback-warning-low-border: var(--color-status-yellow-700);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-100);\n --color-feedback-warning-low-icon: var(--color-status-yellow-700);\n --color-feedback-warning-low-text: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-icon: var(--color-base-white);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-50);\n --color-feedback-warning-high-contrast-title: var(--color-base-white);\n --color-feedback-success-high-background: var(--color-status-green-400);\n --color-feedback-success-high-border: var(--color-status-green-400);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-low-background: var(--color-status-green-50);\n --color-feedback-success-low-border: var(--color-status-green-600);\n --color-feedback-success-low-border-subtle: var(--color-status-green-100);\n --color-feedback-success-low-icon: var(--color-status-green-600);\n --color-feedback-success-low-text: var(--color-status-green-600);\n --color-feedback-success-high-contrast-background: var(--color-status-green-600);\n --color-feedback-success-high-contrast-border: var(--color-status-green-600);\n --color-feedback-success-high-contrast-icon: var(--color-base-white);\n --color-feedback-success-high-contrast-text: var(--color-status-green-50);\n --color-feedback-success-high-contrast-title: var(--color-base-white);\n --color-focus-brand: var(--color-orange-500);\n --color-rainbow-1-background: var(--color-amber-50);\n --color-rainbow-1-border: var(--color-amber-700);\n --color-rainbow-1-border-light: var(--color-amber-100);\n --color-rainbow-1-icon: var(--color-amber-700);\n --color-rainbow-1-text: var(--color-amber-700);\n --color-rainbow-2-background: var(--color-orange-50);\n --color-rainbow-2-border: var(--color-orange-700);\n --color-rainbow-2-border-light: var(--color-orange-100);\n --color-rainbow-2-icon: var(--color-orange-700);\n --color-rainbow-2-text: var(--color-orange-700);\n --color-rainbow-3-background: var(--color-yellow-50);\n --color-rainbow-3-border: var(--color-yellow-800);\n --color-rainbow-3-border-light: var(--color-yellow-200);\n --color-rainbow-3-icon: var(--color-yellow-800);\n --color-rainbow-3-text: var(--color-yellow-800);\n --color-rainbow-4-background: var(--color-red-50);\n --color-rainbow-4-border: var(--color-red-500);\n --color-rainbow-4-border-light: var(--color-red-100);\n --color-rainbow-4-icon: var(--color-red-500);\n --color-rainbow-4-text: var(--color-red-500);\n --color-rainbow-5-background: var(--color-turquoise-50);\n --color-rainbow-5-border: var(--color-turquoise-800);\n --color-rainbow-5-border-light: var(--color-turquoise-100);\n --color-rainbow-5-icon: var(--color-turquoise-800);\n --color-rainbow-5-text: var(--color-turquoise-800);\n --color-rainbow-6-background: var(--color-crimson-50);\n --color-rainbow-6-border: var(--color-crimson-400);\n --color-rainbow-6-border-light: var(--color-crimson-100);\n --color-rainbow-6-icon: var(--color-crimson-400);\n --color-rainbow-6-text: var(--color-crimson-400);\n --color-rainbow-7-background: var(--color-green-50);\n --color-rainbow-7-border: var(--color-green-600);\n --color-rainbow-7-border-light: var(--color-green-100);\n --color-rainbow-7-icon: var(--color-green-600);\n --color-rainbow-7-text: var(--color-green-600);\n --color-rainbow-8-background: var(--color-petrol-50);\n --color-rainbow-8-border: var(--color-petrol-600);\n --color-rainbow-8-border-light: var(--color-petrol-100);\n --color-rainbow-8-icon: var(--color-petrol-600);\n --color-rainbow-8-text: var(--color-petrol-600);\n --color-rainbow-9-background: var(--color-lime-50);\n --color-rainbow-9-border: var(--color-lime-700);\n --color-rainbow-9-border-light: var(--color-lime-100);\n --color-rainbow-9-icon: var(--color-lime-700);\n --color-rainbow-9-text: var(--color-lime-700);\n --color-rainbow-10-background: var(--color-gray-spark-75);\n --color-rainbow-10-border: var(--color-gray-spark-500);\n --color-rainbow-10-border-light: var(--color-gray-spark-150);\n --color-rainbow-10-icon: var(--color-gray-spark-500);\n --color-rainbow-10-text: var(--color-gray-spark-500);\n --color-dont-use-border: var(--color-gray-spark-100);\n --color-dont-use-content: var(--color-gray-spark-100);\n --color-dont-use-background: var(--color-gray-spark-50);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-200);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-300);\n --components-button-gr-as-complementary-text: var(--color-base-black);\n --components-button-gr-as-complementary-text-hover: var(--color-base-black);\n --components-button-gr-as-complementary-icon: var(--color-base-black);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-black);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-form-shape-background-default: var(--color-gray-spark-75);\n --components-form-shape-background-hover: var(--color-gray-spark-100);\n --components-form-shape-background-disabled: var(--color-gray-spark-75);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-foreground-default: var(--color-base-white);\n --components-loader-white-foreground: var(--color-base-white);\n --components-loader-brand-background: var(--color-orange-50);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-button-destructive-medium-background-hover: var(--color-status-red-50);\n --components-button-destructive-medium-text: var(--color-status-red-500);\n --components-button-destructive-medium-text-hover: var(--color-status-red-600);\n --components-button-destructive-medium-icon: var(--color-status-red-500);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-600);\n --components-button-destructive-medium-border: var(--color-status-red-500);\n --components-button-destructive-medium-border-hover: var(--color-status-red-600);\n --components-button-destructive-low-background-hover: var(--color-status-red-50);\n --components-button-destructive-low-text: var(--color-status-red-500);\n --components-button-destructive-low-text-hover: var(--color-status-red-600);\n --components-button-destructive-low-icon: var(--color-status-red-500);\n --components-button-destructive-low-icon-hover: var(--color-status-red-600);\n --components-button-destructive-high-background: var(--color-status-red-500);\n --components-button-destructive-high-background-hover: var(--color-status-red-600);\n --components-button-destructive-high-text: var(--color-base-white);\n --components-button-destructive-high-text-hover: var(--color-base-white);\n --components-button-destructive-high-icon: var(--color-base-white);\n --components-button-destructive-high-icon-hover: var(--color-base-white);\n --components-overlay-background: var(--color-gray-spark-850);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-00);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-splitter-old-border: var(--color-transparent);\n --components-tooltip-background: var(--color-gray-spark-900);\n --components-tooltip-border: var(--color-gray-spark-900);\n --components-toggle-border-default: var(--color-gray-spark-300);\n --components-toggle-border-hover: var(--color-gray-spark-400);\n --components-toggle-border-disabled: var(--color-gray-spark-150);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-background-disabled: var(--color-gray-spark-150);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-shape-default: var(--color-gray-spark-300);\n --components-toggle-shape-hover: var(--color-gray-spark-400);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-text);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-focus-background: var(--color-level-00-background);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-success: var(--color-feedback-success-low-border);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-border-hover: var(--color-interaction-container-branded-high-border-hover);\n --components-button-high-border-active: var(--color-interaction-container-branded-high-border-active);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-icon: var(--color-feedback-warning-low-icon);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-calendar-border: var(--color-content-low-border);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-background: var(--color-level-00-background);\n --components-list-select-background: var(--color-level-00-background);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-disabled: var(--color-content-medium-text);\n --components-list-dropdown-item-label-active: var(--color-interaction-container-neutral-text-active);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-description-hover: var(--color-content-low-text);\n --components-list-dropdown-item-description-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-notification-information-background: var(--color-level-00-background);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-warning-background: var(--color-level-00-background);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-icon: var(--color-feedback-warning-low-icon);\n --components-notification-error-background: var(--color-level-00-background);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-success-background: var(--color-level-00-background);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-neutral-background: var(--color-level-00-background);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-popover-border: var(--color-content-low-border);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-sidebar-background: var(--color-level-00-background);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-slider-track-background: var(--color-content-low-border);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-breadcrumb-text-current: var(--color-interaction-link-low-text-disabled);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-amber-50: #fdefe2;\n --color-amber-100: #fbd9ba;\n --color-amber-200: #f8c392;\n --color-amber-300: #f5ac6a;\n --color-amber-400: #f39642;\n --color-amber-500: #f0801a;\n --color-amber-600: #c66a15;\n --color-amber-700: #9c5311;\n --color-amber-800: #723d0c;\n --color-amber-900: #432306;\n --color-crimson-50: #f7e9ee;\n --color-crimson-100: #e0b3c2;\n --color-crimson-200: #cf869f;\n --color-crimson-300: #bd597c;\n --color-crimson-400: #ab2d58;\n --color-crimson-500: #990035;\n --color-crimson-600: #7e002c;\n --color-crimson-700: #630022;\n --color-crimson-800: #490019;\n --color-crimson-900: #2e0010;\n --color-dark-blue-500: #447583;\n --color-dark-gray-500: #394d55;\n --color-gray-ocean-25: #fafbfb;\n --color-gray-ocean-50: #f5f6f7;\n --color-gray-ocean-75: #eaeef0;\n --color-gray-ocean-100: #e1e4e6;\n --color-gray-ocean-150: #c6ced1;\n --color-gray-ocean-200: #bac1c4;\n --color-gray-ocean-250: #9fadb2;\n --color-gray-ocean-300: #889499;\n --color-gray-ocean-350: #72858c;\n --color-gray-ocean-400: #617177;\n --color-gray-ocean-450: #3f555e;\n --color-gray-ocean-500: #394d55;\n --color-gray-ocean-550: #34464d;\n --color-gray-ocean-600: #2e3e44;\n --color-gray-ocean-650: #27353b;\n --color-gray-ocean-700: #222e33;\n --color-gray-ocean-750: #1e272b;\n --color-gray-ocean-800: #171f22;\n --color-gray-ocean-850: #11171a;\n --color-gray-ocean-900: #0b0f11;\n --color-gray-ocean-00: #ffffff;\n --color-gray-spark-25: #fbfbfb;\n --color-gray-spark-50: #f6f6f6;\n --color-gray-spark-75: #ededed;\n --color-gray-spark-100: #e3e3e3;\n --color-gray-spark-150: #cccccc;\n --color-gray-spark-200: #bfbfbf;\n --color-gray-spark-250: #a9a9a9;\n --color-gray-spark-300: #919191;\n --color-gray-spark-350: #808080;\n --color-gray-spark-400: #6d6d6d;\n --color-gray-spark-450: #4f4f4f;\n --color-gray-spark-500: #484848;\n --color-gray-spark-550: #414141;\n --color-gray-spark-600: #3a3a3a;\n --color-gray-spark-650: #313131;\n --color-gray-spark-700: #2b2b2b;\n --color-gray-spark-750: #252525;\n --color-gray-spark-800: #1d1d1d;\n --color-gray-spark-850: #161616;\n --color-gray-spark-900: #0e0e0e;\n --color-gray-spark-00: #ffffff;\n --color-green-50: #e2f0e2;\n --color-green-100: #b8dbba;\n --color-green-200: #8fc692;\n --color-green-300: #66b16a;\n --color-green-400: #3c9c41;\n --color-green-500: #138719;\n --color-green-600: #106f15;\n --color-green-700: #0c5810;\n --color-green-800: #09400c;\n --color-green-900: #062908;\n --color-lime-50: #f1f4e5;\n --color-lime-100: #dde5c1;\n --color-lime-200: #c9d69d;\n --color-lime-300: #b5c778;\n --color-lime-400: #a1b854;\n --color-lime-500: #8da930;\n --color-lime-600: #748b28;\n --color-lime-700: #5c6e1f;\n --color-lime-800: #435017;\n --color-lime-900: #2a330e;\n --color-light-blue-500: #9ac3ce;\n --color-status-blue-50: #f0f6ff;\n --color-status-blue-100: #c7dcff;\n --color-status-blue-200: #a8c9ff;\n --color-status-blue-300: #659fff;\n --color-status-blue-400: #3883ff;\n --color-status-blue-500: #2660c2;\n --color-status-blue-600: #1c4d9e;\n --color-status-blue-700: #113a80;\n --color-status-blue-800: #09285c;\n --color-status-blue-900: #001c37;\n --color-status-green-50: #eafeeb;\n --color-status-green-100: #c8facb;\n --color-status-green-200: #9ef4a3;\n --color-status-green-300: #6bde71;\n --color-status-green-400: #45d24d;\n --color-status-green-500: #34ae3b;\n --color-status-green-600: #008207;\n --color-status-green-700: #035707;\n --color-status-green-800: #003603;\n --color-status-green-900: #002302;\n --color-status-red-50: #ffeded;\n --color-status-red-100: #f5c4c4;\n --color-status-red-200: #ff8f8f;\n --color-status-red-300: #ff6161;\n --color-status-red-400: #ff3d3d;\n --color-status-red-500: #da2424;\n --color-status-red-600: #bb1919;\n --color-status-red-700: #911515;\n --color-status-red-800: #530101;\n --color-status-red-900: #380101;\n --color-status-yellow-50: #fff7df;\n --color-status-yellow-100: #fae49d;\n --color-status-yellow-200: #ffe286;\n --color-status-yellow-300: #f7d14c;\n --color-status-yellow-400: #fac50d;\n --color-status-yellow-500: #e0a917;\n --color-status-yellow-600: #b58200;\n --color-status-yellow-700: #805c00;\n --color-status-yellow-800: #4d3701;\n --color-status-yellow-900: #302300;\n --color-orange-50: #fceae3;\n --color-orange-100: #f8ccbc;\n --color-orange-200: #f4ae95;\n --color-orange-300: #ef906e;\n --color-orange-400: #eb7247;\n --color-orange-500: #e75420;\n --color-orange-600: #bf451a;\n --color-orange-700: #963715;\n --color-orange-800: #6e280f;\n --color-orange-900: #45190a;\n --color-orange-950: #371408;\n --color-petrol-50: #e4f0f2;\n --color-petrol-100: #bedce0;\n --color-petrol-200: #97c7ce;\n --color-petrol-300: #71b2bc;\n --color-petrol-400: #4b9eaa;\n --color-petrol-500: #258998;\n --color-petrol-600: #1f717d;\n --color-petrol-700: #185963;\n --color-petrol-800: #124148;\n --color-petrol-900: #0b292e;\n --color-red-50: #f9e3e3;\n --color-red-100: #f0bbbb;\n --color-red-200: #e79494;\n --color-red-300: #de6c6c;\n --color-red-400: #d54545;\n --color-red-500: #cc1d1d;\n --color-red-600: #a81818;\n --color-red-700: #851313;\n --color-red-800: #610e0e;\n --color-red-900: #3d0909;\n --color-turquoise-50: #ecf4f3;\n --color-turquoise-100: #d2e5e3;\n --color-turquoise-200: #b8d6d2;\n --color-turquoise-300: #9ec7c1;\n --color-turquoise-400: #84b8b1;\n --color-turquoise-500: #6aa9a0;\n --color-turquoise-600: #578b84;\n --color-turquoise-700: #456e68;\n --color-turquoise-800: #32504c;\n --color-turquoise-900: #1c2b28;\n --color-yellow-50: #fff7df;\n --color-yellow-100: #ffecb3;\n --color-yellow-200: #ffe286;\n --color-yellow-300: #ffd759;\n --color-yellow-400: #ffcc2d;\n --color-yellow-500: #ffc100;\n --color-yellow-600: #d29f00;\n --color-yellow-700: #a67d00;\n --color-yellow-800: #795c00;\n --color-yellow-900: #4d3a00;\n --font-family-default: TT Norms Pro;\n --font-family-mono: TT Norms Pro Mono;\n --font-family-fallback: Arial;\n --font-size-xs: 12.0000px;\n --font-size-sm: 14.0000px;\n --font-size-md: 16.0000px;\n --font-size-lg: 18.0000px;\n --font-size-xl: 20.0000px;\n --font-size-2xl: 24.0000px;\n --font-size-3xl: 30.0000px;\n --font-size-4xl: 36.0000px;\n --font-size-5xl: 48.0000px;\n --font-size-6xl: 60.0000px;\n --font-size-7xl: 72.0000px;\n --font-size-8xl: 96.0000px;\n --font-size-9xl: 128.0000px;\n --font-weight-high-emphasis: 700;\n --font-weight-medium-emphasis: 500;\n --font-weight-low-emphasis: 400;\n --font-weight-low-emphasis-400: Regular;\n --font-weight-medium-emphasis-500: Medium;\n --font-weight-high-emphasis-700: Bold;\n --leading-px-3: 12.0000px;\n --leading-px-4: 16.0000px;\n --leading-px-5: 20.0000px;\n --leading-px-6: 24.0000px;\n --leading-px-7: 28.0000px;\n --leading-px-8: 32.0000px;\n --leading-px-9: 36.0000px;\n --leading-px-10: 40.0000px;\n --leading-none: 1.0000px;\n --leading-tight: 1.2500px;\n --leading-snug: 1.3750px;\n --leading-normal: 1.5000px;\n --leading-relaxed: 1.6250px;\n --leading-loose: 2.0000px;\n --line-height-xs: 16.0000px;\n --line-height-sm: 20.0000px;\n --line-height-base: 24.0000px;\n --line-height-lg: 28.0000px;\n --line-height-xl: 30.0000px;\n --line-height-2xl: 32.0000px;\n --line-height-3xl: 36.0000px;\n --line-height-4xl: 40.0000px;\n --line-height-5xl: 48.0000px;\n --line-height-6xl: 60.0000px;\n --line-height-7xl: 72.0000px;\n --line-height-8xl: 96.0000px;\n --line-height-9xl: 128.0000px;\n --radius-rounded-none: 0.0000px;\n --radius-rounded-sm: 2.0000px;\n --radius-rounded: 4.0000px;\n --radius-rounded-md: 6.0000px;\n --radius-rounded-lg: 8.0000px;\n --radius-rounded-xl: 12.0000px;\n --radius-rounded-2xl: 16.0000px;\n --radius-rounded-3xl: 24.0000px;\n --radius-rounded-full: 9999.0000px;\n --spacing-0: 0.0000px;\n --spacing-1: 4.0000px;\n --spacing-2: 8.0000px;\n --spacing-3: 12.0000px;\n --spacing-4: 16.0000px;\n --spacing-5: 20.0000px;\n --spacing-6: 24.0000px;\n --spacing-7: 28.0000px;\n --spacing-8: 32.0000px;\n --spacing-9: 36.0000px;\n --spacing-10: 40.0000px;\n --spacing-11: 44.0000px;\n --spacing-12: 48.0000px;\n --spacing-14: 56.0000px;\n --spacing-16: 64.0000px;\n --spacing-20: 80.0000px;\n --spacing-24: 96.0000px;\n --spacing-28: 112.0000px;\n --spacing-32: 128.0000px;\n --spacing-36: 144.0000px;\n --spacing-40: 160.0000px;\n --spacing-44: 176.0000px;\n --spacing-48: 192.0000px;\n --spacing-52: 208.0000px;\n --spacing-56: 224.0000px;\n --spacing-60: 240.0000px;\n --spacing-64: 256.0000px;\n --spacing-72: 288.0000px;\n --spacing-80: 320.0000px;\n --spacing-96: 384.0000px;\n --spacing-px: 1.0000px;\n --spacing-0-5: 2.0000px;\n --spacing-1-5: 6.0000px;\n --spacing-2-5: 10.0000px;\n --spacing-3-5: 14.0000px;\n --letter-spacing-heading-xs: 0.0000px;\n --letter-spacing-heading-sm: -0.2500px;\n --letter-spacing-heading-md: -0.5000px;\n --letter-spacing-heading-lg: -0.7500px;\n --letter-spacing-heading-xl: -1.0000px;\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --avatar-xs-font-size: 10.0000px;\n --avatar-sm-font-size: 13.0000px;\n --avatar-md-font-size: 18.0000px;\n --avatar-lg-font-size: 22.0000px;\n --avatar-xl-font-size: 28.0000px;\n --buttongroup-xs-padding: 2.0000px;\n --buttongroup-xs-button-radius: 1.0000px;\n --buttongroup-sm-button-padding-y: 4.0000px;\n --buttongroup-sm-button-radius: 2.0000px;\n --buttongroup-sm-padding: 2.0000px;\n --buttongroup-lg-padding: 4.0000px;\n --buttongroup-lg-button-padding-y: 6.0000px;\n --buttongroup-lg-button-radius: 4.0000px;\n --buttongroup-md-padding: 3.0000px;\n --buttongroup-md-button-padding-y: 5.0000px;\n --buttongroup-md-button-radius: 3.0000px;\n --button-xs-ring-radius: 3.0000px;\n --button-sm-ring-radius: 5.0000px;\n --button-md-ring-radius: 7.0000px;\n --button-lg-ring-radius: 9.0000px;\n --drawer-radius-bottom-right: 0.0000px;\n --drawer-radius-top-right: 0.0000px;\n --drawer-size-sm-min-width: 320.0000px;\n --drawer-size-sm-width: 400.0000px;\n --drawer-size-sm-max-width: 480.0000px;\n --drawer-size-md-min-width: 640.0000px;\n --drawer-size-md-width: 800.0000px;\n --drawer-size-md-max-width: 960.0000px;\n --drawer-size-lg-min-width: 960.0000px;\n --drawer-size-lg-width: 992.0000px;\n --drawer-size-lg-max-width: 1024.0000px;\n --drawer-size-full-width: 1372.0000px;\n --calendar-cell-dot-size: 3.0000px;\n --icon-stroke-xs: 1.2000px;\n --icon-stroke-sm: 1.4000px;\n --icon-stroke-md: 1.6000px;\n --icon-stroke-lg: 1.8000px;\n --icon-stroke-xl: 1.9000px;\n --list-select-hr-padding-x: 9.0000px;\n --list-select-hr-padding-y: 3.0000px;\n --form-field-badge-gap: 0.0000px;\n --form-max-width: 480.0000px;\n --menu-contextual-divider-padding-bottom: 3.0000px;\n --menu-contextual-item-font-weight: 500;\n --navigation-width: 312.0000px;\n --navigation-reduced-max-width: 100.0000px;\n --navigation-primary-notification-bullet-font-size: 9.0000px;\n --pill-stroke: 1.0000px;\n --popover-font-weight: 500;\n --popover-shadow-1-x: 0.0000px;\n --popover-shadow-1-blur: 1.0000px;\n --popover-shadow-2-x: 0.0000px;\n --sidebar-width: 312.0000px;\n --sidebar-notification-bullet-font-size: 9.0000px;\n --sidebar-reduced-width: 68.0000px;\n --slider-tick-radius: 1.0000px;\n --splitter-old-stroke: 1.0000px;\n --togglegroup-xs-padding: 3.0000px;\n --togglegroup-xs-button-padding-y: 1.0000px;\n --togglegroup-xs-button-radius: 1.0000px;\n --togglegroup-xs-iconbutton-padding-y: 3.0000px;\n --togglegroup-sm-padding: 3.0000px;\n --togglegroup-sm-button-padding-y: 3.0000px;\n --togglegroup-sm-button-radius: 2.0000px;\n --togglegroup-sm-iconbutton-padding-y: 5.0000px;\n --togglegroup-md-padding: 3.0000px;\n --togglegroup-md-button-padding-y: 5.0000px;\n --togglegroup-md-button-radius: 3.0000px;\n --togglegroup-md-iconbutton-padding-y: 7.0000px;\n --togglegroup-lg-padding: 3.0000px;\n --togglegroup-lg-button-padding-y: 7.0000px;\n --togglegroup-lg-button-radius: 5.0000px;\n --togglegroup-lg-iconbutton-padding-y: 9.0000px;\n --tooltip-font-weight: 500;\n --global-typography-h1-font-style: normal;\n --global-typography-h2-font-style: normal;\n --global-typography-h3-font-style: normal;\n --global-typography-h4-font-style: normal;\n --global-typography-h6-font-style: normal;\n --global-typography-h5-font-style: normal;\n --global-typography-p-font-style: normal;\n --global-typography-small-font-style: normal;\n --global-typography-label-font-style: normal;\n --global-typography-legend-font-style: uppercase;\n --avatar-xs-icon-size: var(--spacing-4);\n --avatar-xs-size: var(--spacing-6);\n --avatar-sm-icon-size: var(--spacing-5);\n --avatar-sm-size: var(--spacing-8);\n --avatar-md-icon-size: var(--spacing-7);\n --avatar-md-size: var(--spacing-10);\n --avatar-lg-icon-size: var(--spacing-8);\n --avatar-lg-size: var(--spacing-12);\n --avatar-xl-icon-size: var(--spacing-11);\n --avatar-xl-size: var(--spacing-16);\n --buttongroup-xs-button-padding-y: var(--spacing-0-5);\n --buttongroup-xs-radius: var(--radius-rounded-sm);\n --buttongroup-xs-gap: var(--spacing-px);\n --buttongroup-xs-height: var(--spacing-6);\n --buttongroup-sm-radius: var(--radius-rounded);\n --buttongroup-sm-gap: var(--spacing-px);\n --buttongroup-sm-height: var(--spacing-8);\n --buttongroup-lg-radius: var(--radius-rounded-lg);\n --buttongroup-lg-gap: var(--spacing-px);\n --buttongroup-lg-height: var(--spacing-12);\n --buttongroup-md-radius: var(--radius-rounded-md);\n --buttongroup-md-gap: var(--spacing-px);\n --buttongroup-md-height: var(--spacing-10);\n --button-xs-border-radius: var(--radius-rounded-sm);\n --button-xs-font-size: var(--font-size-xs);\n --button-xs-gap: var(--spacing-1);\n --button-xs-height: var(--spacing-6);\n --button-xs-icon-button-padding: var(--spacing-1-5);\n --button-xs-icon-size: var(--spacing-3);\n --button-xs-line-height: var(--line-height-xs);\n --button-xs-padding-x: var(--spacing-2-5);\n --button-xs-padding-y: var(--spacing-1);\n --button-sm-border-radius: var(--radius-rounded);\n --button-sm-font-size: var(--font-size-sm);\n --button-sm-gap: var(--spacing-1-5);\n --button-sm-height: var(--spacing-8);\n --button-sm-icon-button-padding: var(--spacing-2);\n --button-sm-icon-size: var(--spacing-4);\n --button-sm-line-height: var(--line-height-sm);\n --button-sm-padding-x: var(--spacing-3);\n --button-sm-padding-y: var(--spacing-1-5);\n --button-md-border-radius: var(--radius-rounded-md);\n --button-md-font-size: var(--font-size-md);\n --button-md-gap: var(--spacing-2);\n --button-md-height: var(--spacing-10);\n --button-md-icon-button-padding: var(--spacing-2-5);\n --button-md-icon-size: var(--spacing-5);\n --button-md-line-height: var(--line-height-base);\n --button-md-padding-x: var(--spacing-3-5);\n --button-md-padding-y: var(--spacing-2);\n --button-lg-border-radius: var(--radius-rounded-lg);\n --button-lg-font-size: var(--font-size-lg);\n --button-lg-gap: var(--spacing-2);\n --button-lg-height: var(--spacing-12);\n --button-lg-icon-button-padding: var(--spacing-3);\n --button-lg-icon-size: var(--spacing-6);\n --button-lg-line-height: var(--line-height-lg);\n --button-lg-padding-x: var(--spacing-4);\n --button-lg-padding-y: var(--spacing-2-5);\n --drawer-radius-bottom-left: var(--radius-rounded-2xl);\n --drawer-radius-top-left: var(--radius-rounded-2xl);\n --drawer-dismissible-position-top: var(--spacing-6);\n --drawer-dismissible-position-right: var(--spacing-6);\n --drawer-header-padding-right: var(--spacing-8);\n --drawer-gap-y: var(--spacing-6);\n --drawer-padding-x: var(--spacing-6);\n --drawer-padding-y: var(--spacing-6);\n --calendar-cell-font-size: var(--font-size-sm);\n --calendar-cell-font-weight: var(--font-weight-low-emphasis);\n --calendar-cell-line-height: var(--line-height-sm);\n --calendar-cell-size: var(--spacing-8);\n --calendar-cell-radius: var(--radius-rounded-2xl);\n --calendar-padding: var(--spacing-1);\n --calendar-double-gap-x: var(--spacing-3);\n --calendar-gap-x: var(--spacing-1);\n --calendar-gap-y: var(--spacing-1);\n --calendar-weeks-calendar-gap-x: var(--spacing-2);\n --calendar-radius: var(--radius-rounded-md);\n --calendar-grid-gap-x: var(--spacing-0);\n --calendar-grid-gap-y: var(--spacing-0-5);\n --calendar-header-font-size: var(--font-size-sm);\n --calendar-header-font-weight: var(--font-weight-medium-emphasis);\n --calendar-header-line-height: var(--line-height-sm);\n --calendar-header-margin-bottom: var(--spacing-1);\n --calendar-header-button-size: var(--spacing-8);\n --calendar-weeks-radius: var(--radius-rounded);\n --calendar-weeks-size: var(--spacing-10);\n --calendar-controls-margin-top: var(--spacing-1);\n --calendar-controls-padding-top: var(--spacing-2);\n --calendar-navigation-buttons-gap: var(--spacing-1);\n --icon-size-xs: var(--spacing-3);\n --icon-size-sm: var(--spacing-4);\n --icon-size-md: var(--spacing-5);\n --icon-size-lg: var(--spacing-6);\n --icon-size-xl: var(--spacing-7);\n --list-select-icon-size: var(--spacing-5);\n --list-select-font-size: var(--font-size-md);\n --list-select-line-height: var(--line-height-base);\n --list-select-option-padding-left: var(--spacing-5);\n --list-select-option-padding-right: var(--spacing-2);\n --list-select-option-padding: var(--spacing-2);\n --list-select-option-radius: var(--radius-rounded-md);\n --list-select-gap-y: var(--spacing-0-5);\n --list-select-radius: var(--radius-rounded-md);\n --list-select-padding: var(--spacing-2);\n --list-select-optgroup-option-padding-left: var(--spacing-5);\n --list-select-optgroup-option-margin-top: var(--spacing-1);\n --list-select-optgroup-gap: var(--spacing-0-5);\n --list-select-optgroup-padding-y: var(--spacing-2);\n --list-dropdown-icon-size: var(--spacing-5);\n --list-dropdown-font-size: var(--font-size-md);\n --list-dropdown-line-height: var(--line-height-base);\n --list-dropdown-item-padding-left: var(--spacing-8);\n --list-dropdown-item-padding-right: var(--spacing-2);\n --list-dropdown-item-padding-x: var(--spacing-2);\n --list-dropdown-item-padding-y: var(--spacing-2);\n --list-dropdown-item-gap-x: var(--spacing-3);\n --list-dropdown-item-radius: var(--radius-rounded-md);\n --list-dropdown-gap-y: var(--spacing-0-5);\n --list-dropdown-radius: var(--radius-rounded-md);\n --list-dropdown-padding: var(--spacing-2);\n --list-dropdown-separator-padding-x: var(--spacing-0);\n --list-dropdown-separator-padding-y: var(--spacing-0-5);\n --list-dropdown-sub-item-padding-left: var(--spacing-4);\n --list-multiselect-padding: var(--spacing-3);\n --form-field-badge-padding-x: var(--spacing-1);\n --form-field-badge-padding-y: var(--spacing-0-5);\n --form-field-font-size: var(--font-size-md);\n --form-field-font-weight: var(--font-weight-medium-emphasis);\n --form-field-icon-size: var(--spacing-5);\n --form-field-gap: var(--spacing-2);\n --form-field-gap-inner: var(--spacing-2);\n --form-field-line-height: var(--line-height-base);\n --form-field-padding-x: var(--spacing-2);\n --form-field-padding-x-icon-button: var(--spacing-10);\n --form-field-padding-y: var(--spacing-2);\n --form-field-radius: var(--radius-rounded-md);\n --form-field-leading-trailing-font-size: var(--font-size-sm);\n --form-field-leading-trailing-icon-size: var(--spacing-5);\n --form-field-leading-trailing-line-height: var(--line-height-base);\n --form-field-inner-button-padding-x-ext: var(--spacing-2-5);\n --form-field-inner-button-padding-x-int: var(--spacing-1-5);\n --form-field-inner-button-padding-y: var(--spacing-2-5);\n --form-gap-x: var(--spacing-3);\n --form-gap-y: var(--spacing-1);\n --form-description-font-size: var(--font-size-sm);\n --form-description-line-height: var(--line-height-sm);\n --form-description-font-weight: var(--font-weight-low-emphasis);\n --form-label-font-size: var(--font-size-sm);\n --form-label-gap: var(--spacing-1);\n --form-label-line-height: var(--line-height-sm);\n --form-label-font-weight: var(--font-weight-medium-emphasis);\n --form-checkbox-border-width: var(--spacing-0-5);\n --form-checkbox-icon-size: var(--spacing-3-5);\n --form-checkbox-padding-top: var(--spacing-0);\n --form-checkbox-radius: var(--radius-rounded-md);\n --form-checkbox-size: var(--spacing-5);\n --form-checkbox-ring-radius: var(--radius-rounded-lg);\n --form-checkbox-icon-stroke: var(--spacing-0-5);\n --form-radio-border-width: var(--spacing-0-5);\n --form-radio-inner-circle-padding: var(--spacing-1-5);\n --form-radio-inner-circle-size: var(--spacing-2);\n --form-radio-padding-top: var(--spacing-0);\n --form-radio-size: var(--spacing-5);\n --form-radio-ring-radius: var(--radius-rounded-full);\n --form-toggle-border-width: var(--spacing-0-5);\n --form-toggle-height: var(--spacing-5);\n --form-toggle-padding-top: var(--spacing-0);\n --form-toggle-radius: var(--radius-rounded-full);\n --form-toggle-padding-default: var(--spacing-1);\n --form-toggle-padding-selected: var(--spacing-0-5);\n --form-toggle-switch-dot-default: var(--spacing-3);\n --form-toggle-switch-dot-selected: var(--spacing-3-5);\n --form-toggle-width: var(--spacing-9);\n --menu-contextual-divider-padding-top: var(--spacing-1);\n --menu-contextual-divider-padding-x: var(--spacing-2-5);\n --menu-contextual-item-font-size: var(--font-size-sm);\n --menu-contextual-item-padding-x: var(--spacing-2-5);\n --menu-contextual-item-padding-y: var(--spacing-2);\n --menu-contextual-item-gap-x: var(--spacing-3);\n --menu-contextual-item-radius: var(--radius-rounded);\n --menu-contextual-gap-y: var(--spacing-0-5);\n --menu-contextual-padding-x: var(--spacing-1);\n --menu-contextual-padding-y: var(--spacing-1);\n --menu-contextual-radius: var(--radius-rounded-md);\n --navigation-primary-notification-bullet-size: var(--spacing-4);\n --navigation-primary-notification-bullet-size-reduced: var(--spacing-1-5);\n --navigation-primary-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --navigation-primary-title-padding-x: var(--spacing-3);\n --navigation-primary-title-padding-y: var(--spacing-1);\n --navigation-primary-title-font-size: var(--font-size-sm);\n --navigation-primary-item-gap-x: var(--spacing-2);\n --navigation-primary-item-padding-x: var(--spacing-3);\n --navigation-primary-item-padding-y: var(--spacing-2);\n --navigation-primary-item-font-size: var(--font-size-md);\n --navigation-primary-item-icon-size: var(--spacing-5);\n --navigation-primary-item-radius: var(--radius-rounded-md);\n --navigation-primary-sub-item-padding-left-x: var(--spacing-7);\n --navigation-primary-separator-size: var(--spacing-px);\n --navigation-gap-y: var(--spacing-3);\n --pill-gap-x: var(--spacing-1);\n --pill-padding-x: var(--spacing-1-5);\n --pill-padding-y: var(--spacing-1);\n --pill-height: var(--spacing-6);\n --pill-border-radius: var(--radius-rounded-full);\n --popover-shadow-1-y: var(--shadow-y-axis-none);\n --popover-shadow-1-spread: var(--shadow-spread-lg-1);\n --popover-shadow-1-opacity: var(--shadow-color-opacity-3);\n --popover-shadow-2-y: var(--shadow-y-axis-lg-2);\n --popover-shadow-2-blur: var(--shadow-blur-lg-2);\n --popover-shadow-2-spread: var(--shadow-spread-lg-2);\n --popover-shadow-2-opacity: var(--shadow-color-opacity-2);\n --popover-font-size: var(--font-size-sm);\n --popover-gap-y: var(--spacing-1);\n --popover-padding-x: var(--spacing-2);\n --popover-padding-y: var(--spacing-2);\n --popover-radius: var(--radius-rounded-md);\n --sidebar-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --sidebar-notification-bullet-size: var(--spacing-4);\n --sidebar-notification-bullet-size-reduced: var(--spacing-1-5);\n --sidebar-gap-y: var(--spacing-3);\n --sidebar-padding-x: var(--spacing-6);\n --sidebar-padding-x-collapsed: var(--spacing-5);\n --sidebar-padding-y: var(--spacing-6);\n --sidebar-width-collapsed: var(--spacing-20);\n --sidebar-footer-gap-y: var(--spacing-5);\n --sidebar-group-gap-y: var(--spacing-1);\n --sidebar-section-gap-y: var(--spacing-0-5);\n --sidebar-section-gap-y-collapsed: var(--spacing-1);\n --sidebar-collapsible-button-icon-size: var(--spacing-4);\n --sidebar-collapsible-button-padding: var(--spacing-2);\n --sidebar-collapsible-button-position-top: var(--spacing-8);\n --sidebar-collapsible-button-position-right: var(--spacing-4);\n --sidebar-title-font-size: var(--font-size-sm);\n --sidebar-title-padding-x: var(--spacing-3);\n --sidebar-title-padding-y: var(--spacing-1);\n --sidebar-item-font-size: var(--font-size-md);\n --sidebar-item-gap-x: var(--spacing-2);\n --sidebar-item-icon-size: var(--spacing-5);\n --sidebar-item-padding-x: var(--spacing-3);\n --sidebar-item-padding-x-collapsed: var(--spacing-2-5);\n --sidebar-item-padding-y: var(--spacing-2);\n --sidebar-item-padding-y-collapsed: var(--spacing-2-5);\n --sidebar-item-radius: var(--radius-rounded-md);\n --sidebar-sub-item-padding-left: var(--spacing-7);\n --sidebar-divider-size: var(--spacing-px);\n --slider-tick-height: var(--spacing-1);\n --slider-tick-width: var(--spacing-0-5);\n --slider-handler-stroke: var(--spacing-0-5);\n --slider-handler-size-min: var(--spacing-5);\n --slider-handler-size-max: var(--spacing-6);\n --slider-handler-size-inner: var(--spacing-4);\n --slider-track-height: var(--spacing-1);\n --slider-track-padding-x: var(--spacing-3);\n --slider-track-radius: var(--radius-rounded-sm);\n --splitter-old-handler-long: var(--spacing-6);\n --splitter-old-handler-wide: var(--spacing-3);\n --splitter-old-handler-radius: var(--radius-rounded-md);\n --togglegroup-xs-radius: var(--radius-rounded-sm);\n --togglegroup-xs-gap: var(--spacing-0-5);\n --togglegroup-xs-height: var(--spacing-6);\n --togglegroup-sm-radius: var(--radius-rounded);\n --togglegroup-sm-gap: var(--spacing-0-5);\n --togglegroup-sm-height: var(--spacing-8);\n --togglegroup-md-radius: var(--radius-rounded-md);\n --togglegroup-md-gap: var(--spacing-0-5);\n --togglegroup-md-height: var(--spacing-10);\n --togglegroup-lg-radius: var(--radius-rounded-lg);\n --togglegroup-lg-gap: var(--spacing-0-5);\n --togglegroup-lg-height: var(--spacing-12);\n --togglegroup-stroke: var(--spacing-px);\n --togglegroup-inner-space: var(--spacing-1-5);\n --tooltip-font-size: var(--font-size-sm);\n --tooltip-padding-x: var(--spacing-3);\n --tooltip-padding-y: var(--spacing-3);\n --tooltip-complex-padding-y: var(--spacing-3);\n --tooltip-gap-y: var(--spacing-1);\n --tooltip-radius: var(--radius-rounded-md);\n --global-typography-h1-font-size: var(--font-size-5xl);\n --global-typography-h1-line-height: var(--line-height-4xl);\n --global-typography-h1-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h2-font-size: var(--font-size-3xl);\n --global-typography-h2-line-height: var(--line-height-3xl);\n --global-typography-h2-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h3-font-size: var(--font-size-2xl);\n --global-typography-h3-line-height: var(--line-height-2xl);\n --global-typography-h3-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h4-font-size: var(--font-size-xl);\n --global-typography-h4-line-height: var(--line-height-xl);\n --global-typography-h4-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h6-font-size: var(--font-size-lg);\n --global-typography-h6-line-height: var(--line-height-lg);\n --global-typography-h6-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-h5-font-size: var(--font-size-lg);\n --global-typography-h5-line-height: var(--line-height-lg);\n --global-typography-h5-font-weight: var(--font-weight-high-emphasis);\n --global-typography-p-font-size: var(--font-size-md);\n --global-typography-p-line-height: var(--line-height-base);\n --global-typography-p-font-weight: var(--font-weight-low-emphasis);\n --global-typography-small-font-size: var(--font-size-xs);\n --global-typography-small-line-height: var(--line-height-xs);\n --global-typography-label-font-size: var(--font-size-sm);\n --global-typography-label-line-height: var(--line-height-sm);\n --global-typography-label-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-legend-font-size: var(--font-size-xs);\n --global-typography-legend-line-height: var(--line-height-xs);\n --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);\n --alert-icon-size: var(--spacing-5);\n --alert-gap-x: var(--spacing-3);\n --alert-icon-position-x: var(--spacing-4);\n --alert-icon-position-y: var(--spacing-4);\n --alert-gap-y: var(--spacing-1);\n --alert-padding: var(--spacing-4);\n --alert-padding-right: var(--spacing-8);\n --alert-radius: var(--radius-rounded-lg);\n --alert-heading-font-size: var(--font-size-sm);\n --alert-heading-font-weight: var(--font-weight-medium-emphasis);\n --alert-heading-line-height: var(--line-height-sm);\n --alert-message-font-size: var(--font-size-sm);\n --alert-message-font-weight: var(--font-weight-low-emphasis);\n --alert-message-line-height: var(--line-height-sm);\n --badge-gap-x: var(--spacing-1);\n --badge-gap-icon-only-x: var(--spacing-0-5);\n --badge-height: var(--spacing-6);\n --badge-padding-x: var(--spacing-2);\n --badge-padding-icon-only-x: var(--spacing-1-5);\n --badge-padding-y: var(--spacing-1);\n --badge-radius: var(--radius-rounded-full);\n --breadcrumb-padding-y: var(--spacing-1);\n --datagrid-cell-body-padding-x: var(--spacing-4);\n --datagrid-cell-body-avatar-gap-x: var(--spacing-3);\n --datagrid-cell-body-actions-gap-x: var(--spacing-2);\n --datagrid-cell-body-padding-y: var(--spacing-2);\n --datagrid-cell-body-actions-padding-y: var(--spacing-1);\n --datagrid-cell-body-chevron-padding-x: var(--spacing-0);\n --datagrid-cell-header-padding-x: var(--spacing-4);\n --datagrid-cell-header-padding-right: var(--spacing-2);\n --datagrid-cell-header-padding-y: var(--spacing-3);\n --datagrid-cell-header-chevron-padding-x: var(--spacing-0);\n --datagrid-expanded-padding-right: var(--spacing-4);\n --datagrid-expanded-padding-y: var(--spacing-4);\n --datagrid-expanded-padding-left: var(--spacing-14);\n --dialog-dismissible-position-top: var(--spacing-5);\n --dialog-dismissible-position-right: var(--spacing-3);\n --dialog-header-gap-y: var(--spacing-0);\n --dialog-header-padding-top: var(--spacing-6);\n --dialog-header-padding-bottom: var(--spacing-2);\n --dialog-header-padding-x: var(--spacing-6);\n --dialog-body-padding-x: var(--spacing-6);\n --dialog-body-padding-y: var(--spacing-2);\n --dialog-footer-gap-y: var(--spacing-3);\n --dialog-footer-padding-top: var(--spacing-2);\n --dialog-footer-padding-bottom: var(--spacing-6);\n --dialog-footer-padding-x: var(--spacing-6);\n --focus-field-stroke: var(--spacing-px);\n --focus-outline-offset: var(--spacing-0-5);\n --focus-outline-stroke: var(--spacing-0-5);\n --loader-size-xs: var(--spacing-4);\n --loader-size-sm: var(--spacing-5);\n --loader-size-md: var(--spacing-6);\n --loader-size-lg: var(--spacing-7);\n --loader-size-xl: var(--spacing-8);\n --notification-icon-size: var(--spacing-5);\n --notification-gap-x: var(--spacing-3);\n --notification-gap-x-title: var(--spacing-2);\n --notification-gap-y: var(--spacing-1);\n --notification-padding: var(--spacing-4);\n --notification-padding-right: var(--spacing-6);\n --notification-padding-left: var(--spacing-6);\n --notification-radius: var(--radius-rounded-lg);\n --notification-border-width-high-emphasis: var(--spacing-2);\n --notification-border-width-low-emphasis: var(--spacing-px);\n --notification-description-font-size: var(--font-size-sm);\n --notification-description-font-weight: var(--font-weight-medium-emphasis);\n --notification-description-line-height: var(--line-height-sm);\n --notification-timestamp-font-size: var(--font-size-sm);\n --notification-timestamp-font-weight: var(--font-weight-low-emphasis);\n --notification-timestamp-line-height: var(--line-height-sm);\n --notification-title-font-size: var(--font-size-sm);\n --notification-title-font-weight: var(--font-weight-medium-emphasis);\n --notification-title-line-height: var(--line-height-sm);\n --pagination-table-font-size: var(--font-size-sm);\n --pagination-table-gap-x: var(--spacing-8);\n --pagination-table-height: var(--spacing-9);\n --pagination-table-padding-left: var(--spacing-3);\n --pagination-table-padding-x: var(--spacing-3);\n --pagination-table-padding-y: var(--spacing-2);\n --status-indicator-gap-x: var(--spacing-0-5);\n --status-indicator-height: var(--spacing-6);\n --status-indicator-width-icon-only: var(--spacing-6);\n --status-indicator-icon-size: var(--spacing-3);\n --status-indicator-padding-x: var(--spacing-1-5);\n --status-indicator-padding-y: var(--spacing-1);\n --status-indicator-radius: var(--radius-rounded-full);\n --status-indicator-label-size: var(--font-size-xs);\n --status-indicator-label-line-height: var(--line-height-xs);\n --splitter-line-width: var(--spacing-1);\n --splitter-gutter: var(--spacing-6);\n --splitter-handle-long: var(--spacing-6);\n --splitter-handle-wide: var(--spacing-1);\n --splitter-handle-wide-hover: var(--spacing-2);\n --splitter-handle-radius: var(--radius-rounded-md);\n --tag-gap-x: var(--spacing-1);\n --tag-padding-x: var(--spacing-1-5);\n --tag-height: var(--spacing-6);\n --tag-border-radius: var(--radius-rounded);\n}\n\n\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-2xl: 42rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --leading-tight: 1.25;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: TT Norms Pro, Montserrat, sans-serif;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: TT Norms Pro Mono, monospace;\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .visible {\n visibility: visible;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .start {\n inset-inline-start: var(--spacing);\n }\n .-end {\n inset-inline-end: calc(var(--spacing) * -1);\n }\n .end {\n inset-inline-end: var(--spacing);\n }\n .top-0 {\n top: var(--spacing-0);\n }\n .left-6 {\n left: var(--spacing-6);\n }\n .col-span-1 {\n grid-column: span 1 / span 1;\n }\n .col-span-2 {\n grid-column: span 2 / span 2;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .nv-pagination-nav__list {\n display: flex;\n align-items: center;\n gap: var(--spacing-2);\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .m-0 {\n margin: var(--spacing-0);\n }\n .m-4 {\n margin: var(--spacing-4);\n }\n .m-6 {\n margin: var(--spacing-6);\n }\n .-mx-6 {\n margin-inline: calc(var(--spacing-6) * -1);\n }\n .mx-2 {\n margin-inline: var(--spacing-2);\n }\n .mx-4 {\n margin-inline: var(--spacing-4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-1 {\n margin-block: var(--spacing-1);\n }\n .my-4 {\n margin-block: var(--spacing-4);\n }\n .my-6 {\n margin-block: var(--spacing-6);\n }\n .my-10 {\n margin-block: var(--spacing-10);\n }\n .my-16 {\n margin-block: var(--spacing-16);\n }\n .mt-1 {\n margin-top: var(--spacing-1);\n }\n .mt-2 {\n margin-top: var(--spacing-2);\n }\n .mt-3 {\n margin-top: var(--spacing-3);\n }\n .mt-4 {\n margin-top: var(--spacing-4);\n }\n .mt-5 {\n margin-top: var(--spacing-5);\n }\n .mt-6 {\n margin-top: var(--spacing-6);\n }\n .mt-8 {\n margin-top: var(--spacing-8);\n }\n .nv-fieldtext {\n --nv-field-border-default: var(--components-form-field-border-default);\n --nv-field-border-hover: var(--components-form-field-border-hover);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--components-form-field-border-default);\n --nv-field-border-readonly: var(--components-form-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-brand);\n --nv-field-background: var(--components-form-field-background-default);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--form-gap-y);\n box-sizing: border-box;\n max-width: 480px;\n &.fluid {\n max-width: unset;\n }\n &.readonly {\n --nv-field-border-default: var(--components-form-field-border-readonly);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-background: var(--components-form-field-background-readonly);\n }\n &.error {\n --nv-field-border-default: var(--components-form-field-border-error);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n }\n &.success {\n --nv-field-border-default: var(--components-form-field-border-success);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-success);\n }\n &.required label::after {\n content: '*';\n color: var(--components-form-text-required);\n font-weight: var(--font-weight-high-emphasis);\n }\n & > label {\n display: flex;\n align-items: center;\n gap: var(--form-label-gap);\n align-self: stretch;\n color: var(--components-form-text-label-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-label-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-label-line-height);\n }\n & > .input-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: var(--form-gap-x);\n align-items: stretch;\n align-self: stretch;\n }\n & > .input-wrapper .input-container {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n & > .input-wrapper .input-container:hover {\n border-color: var(--nv-field-border-hover);\n }\n & > .input-wrapper .input-container:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n & > .input-wrapper .input-container:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n & > .input-wrapper .input-container > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n & > .input-wrapper .input-container input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n & > .input-wrapper .input-container input:focus {\n outline: none;\n }\n & > .input-wrapper .input-container input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n & > .input-wrapper .input-container input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n & > .input-wrapper .input-container input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n & > .input-wrapper .input-container nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n & > .input-wrapper .input-container > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n & > .description {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n & > .error-description {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n color: var(--components-form-text-description-error);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n & > .error-description[hidden] {\n display: none;\n }\n }\n .input-wrapper {\n .nv-fieldtext > & {\n display: flex;\n flex-wrap: wrap;\n gap: var(--form-gap-x);\n align-items: stretch;\n align-self: stretch;\n }\n .nv-fieldtext > & .input-container {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n .nv-fieldtext > & .input-container:hover {\n border-color: var(--nv-field-border-hover);\n }\n .nv-fieldtext > & .input-container:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n .nv-fieldtext > & .input-container:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n .nv-fieldtext > & .input-container > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n .nv-fieldtext > & .input-container input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n .nv-fieldtext > & .input-container input:focus {\n outline: none;\n }\n .nv-fieldtext > & .input-container input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n .nv-fieldtext > & .input-container input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > & .input-container input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > & .input-container nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n .nv-fieldtext > & .input-container > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .input-container {\n .nv-fieldtext > .input-wrapper & {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n .nv-fieldtext > .input-wrapper &:hover {\n border-color: var(--nv-field-border-hover);\n }\n .nv-fieldtext > .input-wrapper &:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n .nv-fieldtext > .input-wrapper &:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n .nv-fieldtext > .input-wrapper & > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n .nv-fieldtext > .input-wrapper & input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n .nv-fieldtext > .input-wrapper & input:focus {\n outline: none;\n }\n .nv-fieldtext > .input-wrapper & input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n .nv-fieldtext > .input-wrapper & input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > .input-wrapper & input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > .input-wrapper & nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n .nv-fieldtext > .input-wrapper & > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .trailing-input {\n .nv-fieldtext > .input-wrapper .input-container > & {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .validation {\n .nv-fieldtext > .input-wrapper .input-container nv-icon& {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n }\n .mr-1 {\n margin-right: var(--spacing-1);\n }\n .mr-2 {\n margin-right: var(--spacing-2);\n }\n .mr-4 {\n margin-right: var(--spacing-4);\n }\n .mr-auto {\n margin-right: auto;\n }\n .mb-1 {\n margin-bottom: var(--spacing-1);\n }\n .mb-2 {\n margin-bottom: var(--spacing-2);\n }\n .mb-3 {\n margin-bottom: var(--spacing-3);\n }\n .mb-4 {\n margin-bottom: var(--spacing-4);\n }\n .mb-5 {\n margin-bottom: var(--spacing-5);\n }\n .mb-6 {\n margin-bottom: var(--spacing-6);\n }\n .mb-8 {\n margin-bottom: var(--spacing-8);\n }\n .mb-20 {\n margin-bottom: var(--spacing-20);\n }\n .leading-input {\n .nv-fieldtext > .input-wrapper .input-container > & {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n }\n .ml-1 {\n margin-left: var(--spacing-1);\n }\n .ml-2 {\n margin-left: var(--spacing-2);\n }\n .ml-4 {\n margin-left: var(--spacing-4);\n }\n .ml-auto {\n margin-left: auto;\n }\n .nv-button {\n text-decoration: none;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n transition: background-color 150ms ease-out;\n user-select: none;\n cursor: pointer;\n height: fit-content;\n height: var(--button-md-height);\n width: fit-content;\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n font-size: var(--button-md-font-size);\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n & nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n &:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n &:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &:focus {\n outline: none;\n }\n &:focus-within {\n outline: none;\n }\n &:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n &.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n &.danger:focus {\n outline: none;\n }\n &.danger:focus-within {\n outline: none;\n }\n &.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.size-xs {\n padding: var(--button-xs-padding-y) var(--button-xs-padding-x);\n gap: var(--button-xs-gap);\n border-radius: var(--button-xs-border-radius);\n line-height: var(--button-xs-line-height);\n height: var(--button-xs-height);\n font-size: var(--button-xs-font-size);\n }\n &.size-xs nv-icon > svg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n stroke-width: 1.2px;\n }\n &.size-sm {\n padding: var(--button-sm-padding-y) var(--button-sm-padding-x);\n gap: var(--button-sm-gap);\n border-radius: var(--button-sm-border-radius);\n line-height: var(--button-sm-line-height);\n height: var(--button-sm-height);\n font-size: var(--button-sm-font-size);\n }\n &.size-sm nv-icon > svg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n stroke-width: 1.5px;\n }\n &.size-md {\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n height: var(--button-md-height);\n font-size: var(--button-md-font-size);\n }\n &.size-md nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n &.size-lg {\n padding: var(--button-lg-padding-y) var(--button-lg-padding-x);\n gap: var(--button-lg-gap);\n border-radius: var(--button-lg-border-radius);\n line-height: var(--button-lg-line-height);\n height: var(--button-lg-height);\n font-size: var(--button-lg-font-size);\n }\n &.size-lg nv-icon > svg {\n width: var(--spacing-6);\n height: var(--spacing-6);\n stroke-width: 1.8px;\n }\n &.emphasis-high {\n background: var(--components-button-high-background);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text);\n }\n &.emphasis-high:hover {\n background: var(--components-button-high-background-hover);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text-hover);\n }\n &.emphasis-high:active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n &.emphasis-high:focus {\n outline: none;\n }\n &.emphasis-high:focus-within {\n outline: none;\n }\n &.emphasis-high:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-high.active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n &.emphasis-high.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n &.emphasis-high.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n &.emphasis-high.danger:focus {\n outline: none;\n }\n &.emphasis-high.danger:focus-within {\n outline: none;\n }\n &.emphasis-high.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium {\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n }\n &.emphasis-medium:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n &.emphasis-medium:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.emphasis-medium:focus {\n outline: none;\n }\n &.emphasis-medium:focus-within {\n outline: none;\n }\n &.emphasis-medium:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-medium.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.emphasis-medium.danger {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n &.emphasis-medium.danger:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n &.emphasis-medium.danger:focus {\n outline: none;\n }\n &.emphasis-medium.danger:focus-within {\n outline: none;\n }\n &.emphasis-medium.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low {\n background: var(--components-button-low-background);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text);\n }\n &.emphasis-low:hover {\n background: var(--components-button-low-background-hover);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text-hover);\n }\n &.emphasis-low:active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n &.emphasis-low:focus {\n outline: none;\n }\n &.emphasis-low:focus-within {\n outline: none;\n }\n &.emphasis-low:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-low.active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n &.emphasis-low.danger {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n &.emphasis-low.danger:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n &.emphasis-low.danger:focus {\n outline: none;\n }\n &.emphasis-low.danger:focus-within {\n outline: none;\n }\n &.emphasis-low.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower {\n background: var(--components-button-lower-background);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text);\n }\n &.emphasis-lower:hover {\n background: var(--components-button-lower-background-hover);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text-hover);\n }\n &.emphasis-lower:active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n &.emphasis-lower:focus {\n outline: none;\n }\n &.emphasis-lower:focus-within {\n outline: none;\n }\n &.emphasis-lower:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-lower.active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n &.emphasis-lower.danger {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n &.emphasis-lower.danger:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n &.emphasis-lower.danger:focus {\n outline: none;\n }\n &.emphasis-lower.danger:focus-within {\n outline: none;\n }\n &.emphasis-lower.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.fluid {\n width: 100%;\n }\n }\n .nv-link {\n color: var(--color-interaction-link-high-text);\n font-weight: var(--font-weight-medium-emphasis);\n text-decoration: none;\n &:hover {\n color: var(--color-interaction-link-high-text-hover);\n }\n .nv-sidenav & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-navbar & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-tabs & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-buttongroup & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-tabs & {\n border-style: solid;\n border-color: transparent;\n border-width: 0 0 2px 0;\n }\n .nv-tabs &:hover {\n color: var(--color-interaction-container-branded-low-text-hover);\n border-color: transparent;\n background-color: transparent;\n }\n .nv-tabs &.active {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n .nv-navbar & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-sidenav & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-buttongroup & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-navbar &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-sidenav &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-buttongroup &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-navbar &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-navbar &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav .collapsible & {\n justify-content: space-between;\n }\n .nv-sidenav .collapsible & .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n .nv-buttongroup & {\n border-color: var(--color-content-medium-border);\n border-width: 0 1px 0 0;\n border-style: solid;\n border-radius: 0;\n }\n .nv-buttongroup &:hover {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup &.active {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup &.router-link-active {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup li:last-child & {\n border-right-width: 0;\n }\n & .nv-badge {\n border-radius: var(--radius-rounded-full);\n width: var(--spacing-5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs);\n color: var(--color-feedback-neutral-high-icon);\n background-color: var(--color-feedback-neutral-high-background);\n }\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n &.disabled:hover {\n color: var(--color-interaction-container-neutral-text);\n background-color: transparent;\n }\n }\n .nv-sidenav {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .collapsible .nv-link {\n justify-content: space-between;\n }\n & .collapsible .nv-link .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .nv-pagination-nav__item--ellipsis {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--spacing-8);\n height: var(--spacing-8);\n color: var(--color-content-lower-text);\n font-size: var(--font-size-sm);\n user-select: none;\n }\n .nv-badge {\n .nv-link & {\n border-radius: var(--radius-rounded-full);\n width: var(--spacing-5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs);\n color: var(--color-feedback-neutral-high-icon);\n background-color: var(--color-feedback-neutral-high-background);\n }\n }\n .nv-pagination-nav__item {\n display: flex;\n align-items: center;\n & nv-button {\n min-width: var(--spacing-8);\n justify-content: center;\n }\n & nv-iconbutton {\n min-width: var(--spacing-8);\n justify-content: center;\n }\n }\n .nv-tabs {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n display: flex;\n flex: 1 1 0%;\n align-items: center;\n border-bottom: 1px solid var(--color-content-low-border);\n column-gap: var(--spacing-0-5);\n & .nv-link {\n border-style: solid;\n border-color: transparent;\n border-width: 0 0 2px 0;\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-branded-low-text-hover);\n border-color: transparent;\n background-color: transparent;\n }\n & .nv-link.active {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n }\n .nv-pagination-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-2);\n flex-wrap: wrap;\n }\n .error-description {\n .nv-fieldtext > & {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n color: var(--components-form-text-description-error);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n .nv-fieldtext > &[hidden] {\n display: none;\n }\n }\n .description {\n .nv-fieldtext > & {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n }\n .nv-buttongroup {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n display: inline-flex;\n border-radius: var(--radius-rounded-md);\n border: 1px solid var(--color-content-medium-border);\n overflow: hidden;\n & .nv-link {\n border-color: var(--color-content-medium-border);\n border-width: 0 1px 0 0;\n border-style: solid;\n border-radius: 0;\n }\n & .nv-link:hover {\n border-color: var(--color-content-medium-border);\n }\n & .nv-link.active {\n border-color: var(--color-content-medium-border);\n }\n & .nv-link.router-link-active {\n border-color: var(--color-content-medium-border);\n }\n & li:last-child .nv-link {\n border-right-width: 0;\n }\n }\n .nv-navbar {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n }\n .\\!hidden {\n display: none !important;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .collapsible {\n .nv-sidenav & .nv-link {\n justify-content: space-between;\n }\n .nv-sidenav & .nv-link .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .size-lg {\n .nv-button& {\n padding: var(--button-lg-padding-y) var(--button-lg-padding-x);\n gap: var(--button-lg-gap);\n border-radius: var(--button-lg-border-radius);\n line-height: var(--button-lg-line-height);\n height: var(--button-lg-height);\n font-size: var(--button-lg-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-6);\n height: var(--spacing-6);\n stroke-width: 1.8px;\n }\n }\n .size-md {\n .nv-button& {\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n height: var(--button-md-height);\n font-size: var(--button-md-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n }\n .size-sm {\n .nv-button& {\n padding: var(--button-sm-padding-y) var(--button-sm-padding-x);\n gap: var(--button-sm-gap);\n border-radius: var(--button-sm-border-radius);\n line-height: var(--button-sm-line-height);\n height: var(--button-sm-height);\n font-size: var(--button-sm-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n stroke-width: 1.5px;\n }\n }\n .size-xs {\n .nv-button& {\n padding: var(--button-xs-padding-y) var(--button-xs-padding-x);\n gap: var(--button-xs-gap);\n border-radius: var(--button-xs-border-radius);\n line-height: var(--button-xs-line-height);\n height: var(--button-xs-height);\n font-size: var(--button-xs-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n stroke-width: 1.2px;\n }\n }\n .size-full {\n width: 100%;\n height: 100%;\n }\n .nv-iconbutton {\n .nv-sidenav .collapsible .nv-link & {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .h-20 {\n height: var(--spacing-20);\n }\n .h-32 {\n height: var(--spacing-32);\n }\n .h-40 {\n height: var(--spacing-40);\n }\n .h-96 {\n height: var(--spacing-96);\n }\n .h-\\[60px\\] {\n height: 60px;\n }\n .h-\\[600px\\] {\n height: 600px;\n }\n .h-\\[700px\\] {\n height: 700px;\n }\n .h-full {\n height: 100%;\n }\n .h-screen {\n height: 100vh;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .fluid {\n .nv-fieldtext& {\n max-width: unset;\n }\n .nv-button& {\n width: 100%;\n }\n }\n .w-1\\/12 {\n width: calc(1 / 12 * 100%);\n }\n .w-2\\/12 {\n width: calc(2 / 12 * 100%);\n }\n .w-3\\/12 {\n width: calc(3 / 12 * 100%);\n }\n .w-4\\/12 {\n width: calc(4 / 12 * 100%);\n }\n .w-5 {\n width: var(--spacing-5);\n }\n .w-5\\/12 {\n width: calc(5 / 12 * 100%);\n }\n .w-6\\/12 {\n width: calc(6 / 12 * 100%);\n }\n .w-7\\/12 {\n width: calc(7 / 12 * 100%);\n }\n .w-8\\/12 {\n width: calc(8 / 12 * 100%);\n }\n .w-9\\/12 {\n width: calc(9 / 12 * 100%);\n }\n .w-10 {\n width: var(--spacing-10);\n }\n .w-10\\/12 {\n width: calc(10 / 12 * 100%);\n }\n .w-11\\/12 {\n width: calc(11 / 12 * 100%);\n }\n .w-12\\/12 {\n width: calc(12 / 12 * 100%);\n }\n .w-16 {\n width: var(--spacing-16);\n }\n .w-20 {\n width: var(--spacing-20);\n }\n .w-48 {\n width: var(--spacing-48);\n }\n .w-full {\n width: 100%;\n }\n .w-px {\n width: 1px;\n }\n .w-px {\n width: var(--spacing-px);\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-80 {\n max-width: var(--spacing-80);\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-screen {\n max-width: 100vw;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xs {\n max-width: var(--container-xs);\n }\n .min-w-0 {\n min-width: var(--spacing-0);\n }\n .min-w-28 {\n min-width: var(--spacing-28);\n }\n .nv-pagination-nav-link {\n min-width: var(--spacing-8);\n }\n .flex-1 {\n flex: 1;\n }\n .shrink {\n flex-shrink: 1;\n }\n .grow {\n flex-grow: 1;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .rotate-2 {\n rotate: 2deg;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .disabled {\n .nv-link-low& {\n color: var(--color-interaction-link-high-text-disabled);\n text-decoration: none;\n }\n .nv-link-high& {\n color: var(--color-interaction-link-high-text-disabled);\n text-decoration: none;\n }\n .nv-link& {\n opacity: 0.5;\n cursor: not-allowed;\n }\n .nv-link&:hover {\n color: var(--color-interaction-container-neutral-text);\n background-color: transparent;\n }\n }\n .emphasis-high {\n .nv-button& {\n background: var(--components-button-high-background);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text);\n }\n .nv-button&:hover {\n background: var(--components-button-high-background-hover);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-low {\n .nv-button& {\n background: var(--components-button-low-background);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text);\n }\n .nv-button&:hover {\n background: var(--components-button-low-background-hover);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-lower {\n .nv-button& {\n background: var(--components-button-lower-background);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text);\n }\n .nv-button&:hover {\n background: var(--components-button-lower-background-hover);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-medium {\n .nv-button& {\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n }\n .nv-button&:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .resize-x {\n resize: horizontal;\n }\n .resize-y {\n resize: vertical;\n }\n .list-inside {\n list-style-position: inside;\n }\n .list-disc {\n list-style-type: disc;\n }\n .columns-1 {\n columns: 1;\n }\n .columns-2 {\n columns: 2;\n }\n .columns-3 {\n columns: 3;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n .grid-cols-\\[120px_1fr\\] {\n grid-template-columns: 120px 1fr;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-around {\n justify-content: space-around;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .gap-1 {\n gap: var(--spacing-1);\n }\n .gap-2 {\n gap: var(--spacing-2);\n }\n .gap-3 {\n gap: var(--spacing-3);\n }\n .gap-4 {\n gap: var(--spacing-4);\n }\n .gap-6 {\n gap: var(--spacing-6);\n }\n .gap-8 {\n gap: var(--spacing-8);\n }\n .gap-16 {\n gap: var(--spacing-16);\n }\n .space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-12 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-12) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-16 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .gap-x-0\\.5 {\n column-gap: var(--spacing-0-5);\n }\n .gap-x-2 {\n column-gap: var(--spacing-2);\n }\n .gap-x-4 {\n column-gap: var(--spacing-4);\n }\n .space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));\n margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .gap-y-0\\.5 {\n row-gap: var(--spacing-0-5);\n }\n .gap-y-4 {\n row-gap: var(--spacing-4);\n }\n .self-start {\n align-self: flex-start;\n }\n .self-stretch {\n align-self: stretch;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: var(--radius-rounded);\n }\n .rounded-2xl {\n border-radius: var(--radius-rounded-2xl);\n }\n .rounded-full {\n border-radius: var(--radius-rounded-full);\n }\n .rounded-lg {\n border-radius: var(--radius-rounded-lg);\n }\n .rounded-md {\n border-radius: var(--radius-rounded-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .active {\n .nv-button& {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button.emphasis-high& {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button.emphasis-medium& {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button.emphasis-low& {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button.emphasis-lower& {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-tabs .nv-link& {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n .nv-navbar .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup .nv-link& {\n border-color: var(--color-content-medium-border);\n }\n }\n .thumb {\n nv-fieldslider .slider-container .track-container:has(&:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(&:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(&:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container .track-container:has(&:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container .track-container .track & {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container .track &:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container .track-container .track &:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(&:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(&:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .slider-container {\n nv-fieldslider & .track-container:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider & .track-container:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider & .track-container:has(.thumb:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider & .track-container:has(.thumb:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] & .track-container .track .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .track-container {\n nv-fieldslider .slider-container &:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container &:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container &:has(.thumb:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container &:has(.thumb:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container & .track .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container &:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container &:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .track {\n nv-fieldslider[error] .slider-container .track-container & .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n }\n .border-\\[\\#E3E3E3\\] {\n border-color: #E3E3E3;\n }\n .border-black {\n border-color: var(--color-base-black);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-low {\n border-color: var(--color-content-low-border);\n }\n .border-white {\n border-color: var(--color-base-white);\n }\n .bg-background {\n background-color: var(--color-level-00-background);\n }\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n .bg-crimson-700 {\n background-color: var(--color-crimson-700);\n }\n .bg-cyan-300 {\n background-color: var(--color-cyan-300);\n }\n .bg-feedback-warning-high {\n background-color: var(--color-feedback-warning-high-background);\n }\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n .bg-level-00 {\n background-color: var(--color-level-00-background);\n }\n .bg-level-10 {\n background-color: var(--color-level-10-background);\n }\n .bg-level-15 {\n background-color: var(--color-level-15-background);\n }\n .bg-lime-300 {\n background-color: var(--color-lime-300);\n }\n .bg-orange-50 {\n background-color: var(--color-orange-50);\n }\n .bg-orange-100 {\n background-color: var(--color-orange-100);\n }\n .bg-orange-300 {\n background-color: var(--color-orange-300);\n }\n .bg-orange-500 {\n background-color: var(--color-orange-500);\n }\n .bg-pink-300 {\n background-color: var(--color-pink-300);\n }\n .bg-purple-300 {\n background-color: var(--color-purple-300);\n }\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-turquoise-50 {\n background-color: var(--color-turquoise-50);\n }\n .bg-turquoise-500 {\n background-color: var(--color-turquoise-500);\n }\n .bg-white {\n background-color: var(--color-base-white);\n }\n .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .from-amber-500 {\n --tw-gradient-from: var(--color-amber-500);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-orange-500 {\n --tw-gradient-to: var(--color-orange-500);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .p-0 {\n padding: var(--spacing-0);\n }\n .p-1 {\n padding: var(--spacing-1);\n }\n .p-2 {\n padding: var(--spacing-2);\n }\n .p-3 {\n padding: var(--spacing-3);\n }\n .p-4 {\n padding: var(--spacing-4);\n }\n .p-5 {\n padding: var(--spacing-5);\n }\n .p-6 {\n padding: var(--spacing-6);\n }\n .p-8 {\n padding: var(--spacing-8);\n }\n .p-16 {\n padding: var(--spacing-16);\n }\n .p-20 {\n padding: var(--spacing-20);\n }\n .px-1 {\n padding-inline: var(--spacing-1);\n }\n .px-2 {\n padding-inline: var(--spacing-2);\n }\n .px-3 {\n padding-inline: var(--spacing-3);\n }\n .px-4 {\n padding-inline: var(--spacing-4);\n }\n .px-6 {\n padding-inline: var(--spacing-6);\n }\n .py-1 {\n padding-block: var(--spacing-1);\n }\n .py-2 {\n padding-block: var(--spacing-2);\n }\n .py-4 {\n padding-block: var(--spacing-4);\n }\n .py-6 {\n padding-block: var(--spacing-6);\n }\n .py-10 {\n padding-block: var(--spacing-10);\n }\n .py-32 {\n padding-block: var(--spacing-32);\n }\n .pt-4 {\n padding-top: var(--spacing-4);\n }\n .pt-6 {\n padding-top: var(--spacing-6);\n }\n .pt-8 {\n padding-top: var(--spacing-8);\n }\n .pr-4 {\n padding-right: var(--spacing-4);\n }\n .pb-1 {\n padding-bottom: var(--spacing-1);\n }\n .pb-4 {\n padding-bottom: var(--spacing-4);\n }\n .pb-20 {\n padding-bottom: var(--spacing-20);\n }\n .pl-4 {\n padding-left: var(--spacing-4);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .align-middle {\n vertical-align: middle;\n }\n .typo-mono-md-bold {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-md-medium {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-md-regular {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-bold {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-medium {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-regular {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-bold {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-medium {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-regular {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-heading-lg-bold {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-lg-medium {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-lg-regular {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-md-bold {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-md-medium {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-md-regular {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-sm-bold {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-sm-medium {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-sm-regular {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-xl-bold {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xl-medium {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xl-regular {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xs-bold {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-heading-xs-medium {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-heading-xs-regular {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-text-lg-bold {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-lg-medium {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-lg-regular {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-md-bold {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-md-medium {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-md-regular {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-sm-bold {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-sm-medium {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-sm-regular {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-xl-bold {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xl-medium {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xl-regular {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xs-bold {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xs);\n }\n .typo-text-xs-medium {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xs);\n }\n .typo-text-xs-regular {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xs);\n }\n .text-2xl {\n font-size: var(--font-size-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--font-size-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--font-size-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--font-size-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-md {\n font-size: var(--font-size-md);\n }\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n .required {\n .nv-fieldtext& label::after {\n content: '*';\n color: var(--components-form-text-required);\n font-weight: var(--font-weight-high-emphasis);\n }\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .danger {\n .nv-button& {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button&:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-high& {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button.emphasis-high&:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button.emphasis-high&:focus {\n outline: none;\n }\n .nv-button.emphasis-high&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-high&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-high&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-medium& {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n .nv-button.emphasis-medium&:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n .nv-button.emphasis-medium&:focus {\n outline: none;\n }\n .nv-button.emphasis-medium&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-medium&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-medium&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-low& {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n .nv-button.emphasis-low&:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n .nv-button.emphasis-low&:focus {\n outline: none;\n }\n .nv-button.emphasis-low&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-low&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-low&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-lower& {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n .nv-button.emphasis-lower&:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n .nv-button.emphasis-lower&:focus {\n outline: none;\n }\n .nv-button.emphasis-lower&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-lower&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-lower&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .text-feedback-warning-high {\n color: var(--color-feedback-warning-high-text);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .text-green-500 {\n color: var(--color-green-500);\n }\n .text-green-600 {\n color: var(--color-green-600);\n }\n .text-high {\n color: var(--color-content-high-text);\n }\n .text-inherit {\n color: inherit;\n }\n .text-low {\n color: var(--color-content-low-text);\n }\n .text-orange-800 {\n color: var(--color-orange-800);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-slate-400 {\n color: var(--color-slate-400);\n }\n .lowercase {\n text-transform: lowercase;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .no-underline {\n text-decoration-line: none;\n }\n .underline {\n text-decoration-line: underline;\n }\n .opacity-70 {\n opacity: 70%;\n }\n .opacity-80 {\n opacity: 80%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .error {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-error);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n }\n }\n .error\\! {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-error) !important;\n --nv-field-border-hover: var(--nv-field-border-default) !important;\n --nv-field-border-focus: var(--nv-field-border-default) !important;\n --nv-field-border-disabled: var(--nv-field-border-default) !important;\n --nv-field-border-readonly: var(--nv-field-border-default) !important;\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field) !important;\n }\n }\n .readonly {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-readonly);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-background: var(--components-form-field-background-readonly);\n }\n }\n .success {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-success);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-success);\n }\n }\n .track-range {\n nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container .track-container .track & {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {\n background: var(--components-slider-track-filled-error);\n }\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .hover\\:bg-level-10 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-level-10-background);\n }\n }\n }\n .focus\\:border-blue-400 {\n &:focus {\n border-color: var(--color-blue-400);\n }\n }\n .focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-blue-100 {\n &:focus {\n --tw-ring-color: var(--color-blue-100);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-3 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-4 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-5 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n }\n .md\\:typo-heading-lg-bold {\n @media (width >= 48rem) {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n }\n .lg\\:grid-cols-3 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .lg\\:typo-heading-xl-bold {\n @media (width >= 64rem) {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n }\n .xl\\:grid-cols-4 {\n @media (width >= 80rem) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n}\n@layer base {\n body, html {\n background-color: var(--color-level-00-background);\n color: var(--color-content-medium-text);\n }\n *:disabled {\n cursor: not-allowed;\n }\n *:focus, *:focus-within {\n outline: none;\n }\n button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {\n outline: var(--focus-outline-stroke) solid var(--color-focus-brand);\n outline-offset: var(--focus-outline-offset);\n border-radius: var(--radius-rounded);\n }\n a {\n color: var(--color-interaction-link-high-text);\n text-decoration: underline;\n font-weight: var(--font-weight-high-emphasis);\n }\n a:hover {\n color: var(--color-interaction-link-high-text-hover);\n }\n no-underline {\n text-decoration: none;\n }\n h1 {\n font-size: var(--global-typography-h1-font-size);\n line-height: var(--global-typography-h1-line-height);\n font-weight: var(--global-typography-h1-font-weight);\n color: var(--color-content-high-text);\n }\n h2 {\n font-size: var(--global-typography-h2-font-size);\n line-height: var(--global-typography-h2-line-height);\n font-weight: var(--global-typography-h2-font-weight);\n color: var(--color-content-high-text);\n }\n h3 {\n font-size: var(--global-typography-h3-font-size);\n line-height: var(--global-typography-h3-line-height);\n font-weight: var(--global-typography-h3-font-weight);\n color: var(--color-content-high-text);\n }\n h4 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--global-typography-h4-font-weight);\n color: var(--color-content-high-text);\n }\n h5 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--font-weight-medium-emphasis);\n color: var(--color-content-medium-text);\n }\n h6 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--font-weight-low-emphasis);\n color: var(--color-content-low-text);\n }\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n }\n }\n}\n";
27
27
 
28
28
  /*
29
29
  Stencil Client Platform v4.41.2 | MIT Licensed | https://stenciljs.com
@@ -281,6 +281,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
281
281
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
282
282
  /* webpackMode: "lazy" */
283
283
  './nv-paginationtable.cjs.entry.js')); }).then(processMod, consoleError);
284
+ case 'nv-pill.cjs':
285
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
286
+ /* webpackMode: "lazy" */
287
+ './nv-pill.cjs.entry.js')); }).then(processMod, consoleError);
284
288
  case 'nv-row.cjs':
285
289
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
286
290
  /* webpackMode: "lazy" */
@@ -4838,6 +4842,7 @@ var StencilCore = /*#__PURE__*/Object.freeze({
4838
4842
  });
4839
4843
 
4840
4844
  exports.BUILD = BUILD;
4845
+ exports.Build = Build;
4841
4846
  exports.Fragment = Fragment;
4842
4847
  exports.H = H;
4843
4848
  exports.Host = Host;