@nova-design-system/nova-webcomponents 3.28.0 → 3.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (467) hide show
  1. package/dist/cjs/{constants-BugGJYqL.js → constants-BSdCE1ZF.js} +5 -0
  2. package/dist/cjs/index-Bj9nnTVm.js +4856 -0
  3. package/dist/cjs/index.cjs.js +5 -1
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/native.cjs.js +2 -2
  6. package/dist/cjs/nv-accordion-item.cjs.entry.js +3 -3
  7. package/dist/cjs/nv-accordion.cjs.entry.js +2 -2
  8. package/dist/cjs/nv-alert.cjs.entry.js +3 -3
  9. package/dist/cjs/nv-avatar.cjs.entry.js +3 -3
  10. package/dist/cjs/nv-badge_2.cjs.entry.js +8 -7
  11. package/dist/cjs/nv-breadcrumb.cjs.entry.js +2 -2
  12. package/dist/cjs/nv-breadcrumbs.cjs.entry.js +2 -2
  13. package/dist/cjs/nv-button.cjs.entry.js +3 -3
  14. package/dist/cjs/nv-buttongroup.cjs.entry.js +2 -2
  15. package/dist/cjs/nv-calendar.cjs.entry.js +4 -4
  16. package/dist/cjs/nv-col.cjs.entry.js +2 -2
  17. package/dist/cjs/nv-datagrid.cjs.entry.js +4 -4
  18. package/dist/cjs/nv-datagridcolumn.cjs.entry.js +2 -2
  19. package/dist/cjs/nv-datetest.cjs.entry.js +2 -2
  20. package/dist/cjs/nv-datetimetest.cjs.entry.js +1 -1
  21. package/dist/cjs/nv-dialog.cjs.entry.js +3 -3
  22. package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +8 -6
  23. package/dist/cjs/nv-drawer.cjs.entry.js +3 -3
  24. package/dist/cjs/nv-drawerfooter_2.cjs.entry.js +6 -4
  25. package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +5 -5
  26. package/dist/cjs/nv-fielddate.cjs.entry.js +8 -8
  27. package/dist/cjs/nv-fielddaterange.cjs.entry.js +8 -8
  28. package/dist/cjs/nv-fielddropdown.cjs.entry.js +6 -6
  29. package/dist/cjs/nv-fielddropdownitem.cjs.entry.js +2 -2
  30. package/dist/cjs/nv-fieldmultiselect.cjs.entry.js +115 -86
  31. package/dist/cjs/nv-fieldnumber.cjs.entry.js +6 -6
  32. package/dist/cjs/nv-fieldpassword.cjs.entry.js +6 -6
  33. package/dist/cjs/nv-fieldradio.cjs.entry.js +4 -4
  34. package/dist/cjs/nv-fieldselect.cjs.entry.js +7 -7
  35. package/dist/cjs/nv-fieldslider.cjs.entry.js +4 -4
  36. package/dist/cjs/nv-fieldtext.cjs.entry.js +6 -6
  37. package/dist/cjs/nv-fieldtextarea.cjs.entry.js +5 -5
  38. package/dist/cjs/nv-fieldtime.cjs.entry.js +16 -13
  39. package/dist/cjs/nv-icon.cjs.entry.js +3 -3
  40. package/dist/cjs/nv-iconbutton_2.cjs.entry.js +3 -3
  41. package/dist/cjs/nv-menu.cjs.entry.js +2 -2
  42. package/dist/cjs/nv-menuitem.cjs.entry.js +2 -2
  43. package/dist/cjs/nv-notification-bullet.cjs.entry.js +1 -1
  44. package/dist/cjs/nv-notification.cjs.entry.js +3 -3
  45. package/dist/cjs/nv-notificationcontainer.cjs.entry.js +2 -2
  46. package/dist/cjs/nv-pagination-nav.cjs.entry.js +2 -2
  47. package/dist/cjs/nv-paginationtable.cjs.entry.js +19 -3
  48. package/dist/cjs/nv-popover.cjs.entry.js +2 -2
  49. package/dist/cjs/nv-row.cjs.entry.js +2 -2
  50. package/dist/cjs/nv-sidebar.cjs.entry.js +178 -4
  51. package/dist/cjs/nv-sidebarcontent.cjs.entry.js +2 -2
  52. package/dist/cjs/nv-sidebardivider.cjs.entry.js +2 -2
  53. package/dist/cjs/nv-sidebarfooter.cjs.entry.js +2 -2
  54. package/dist/cjs/nv-sidebargroup.cjs.entry.js +2 -2
  55. package/dist/cjs/nv-sidebarheader.cjs.entry.js +2 -2
  56. package/dist/cjs/nv-sidebarlogo.cjs.entry.js +2 -2
  57. package/dist/cjs/nv-sidebarnavitem.cjs.entry.js +3 -3
  58. package/dist/cjs/nv-sidebarnavsubitem.cjs.entry.js +2 -2
  59. package/dist/cjs/nv-split.cjs.entry.js +2 -2
  60. package/dist/cjs/nv-stack.cjs.entry.js +2 -2
  61. package/dist/cjs/nv-statusindicator.cjs.entry.js +39 -0
  62. package/dist/cjs/nv-table.cjs.entry.js +3 -3
  63. package/dist/cjs/nv-tableheader.cjs.entry.js +2 -2
  64. package/dist/cjs/nv-tag.cjs.entry.js +82 -0
  65. package/dist/cjs/nv-timetest.cjs.entry.js +2 -2
  66. package/dist/cjs/nv-toggle.cjs.entry.js +3 -3
  67. package/dist/cjs/nv-togglebutton.cjs.entry.js +2 -2
  68. package/dist/cjs/nv-togglebuttongroup.cjs.entry.js +2 -2
  69. package/dist/cjs/nv-tooltip.cjs.entry.js +2 -2
  70. package/dist/collection/collection-manifest.json +2 -0
  71. package/dist/collection/components/nv-accordion/nv-accordion.js +1 -1
  72. package/dist/collection/components/nv-accordion-item/nv-accordion-item.js +2 -2
  73. package/dist/collection/components/nv-alert/nv-alert.docs.js +1 -1
  74. package/dist/collection/components/nv-alert/nv-alert.js +15 -5
  75. package/dist/collection/components/nv-avatar/nv-avatar.js +1 -1
  76. package/dist/collection/components/nv-badge/nv-badge.js +32 -11
  77. package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.js +1 -1
  78. package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.js +1 -1
  79. package/dist/collection/components/nv-button/nv-button.js +1 -1
  80. package/dist/collection/components/nv-buttongroup/nv-buttongroup.js +1 -1
  81. package/dist/collection/components/nv-calendar/nv-calendar.js +2 -2
  82. package/dist/collection/components/nv-col/nv-col.docs.js +2 -1
  83. package/dist/collection/components/nv-col/nv-col.js +2 -1
  84. package/dist/collection/components/nv-datagrid/nv-datagrid.docs.js +2 -2
  85. package/dist/collection/components/nv-datagrid/nv-datagrid.js +2 -2
  86. package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.js +1 -1
  87. package/dist/collection/components/nv-datetest/nv-datetest.js +1 -1
  88. package/dist/collection/components/nv-dialog/nv-dialog.js +1 -1
  89. package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js +35 -13
  90. package/dist/collection/components/nv-dialogheader/nv-dialogheader.js +1 -1
  91. package/dist/collection/components/nv-drawer/nv-drawer.js +1 -1
  92. package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.js +31 -9
  93. package/dist/collection/components/nv-drawerheader/nv-drawerheader.js +1 -1
  94. package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.docs.js +1 -1
  95. package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.js +4 -4
  96. package/dist/collection/components/nv-fielddate/nv-fielddate.docs.js +1 -1
  97. package/dist/collection/components/nv-fielddate/nv-fielddate.js +6 -6
  98. package/dist/collection/components/nv-fielddate/styles/nv-fielddate.css +3 -0
  99. package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.docs.js +1 -1
  100. package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js +6 -6
  101. package/dist/collection/components/nv-fielddaterange/styles/nv-fielddaterange.css +3 -0
  102. package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.docs.js +1 -1
  103. package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js +4 -4
  104. package/dist/collection/components/nv-fielddropdown/styles/nv-fielddropdown.css +3 -0
  105. package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.docs.js +1 -1
  106. package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js +1 -1
  107. package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.css +1 -1
  108. package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.docs.js +2 -2
  109. package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.js +1 -1
  110. package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.js +1 -1
  111. package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.js +119 -84
  112. package/dist/collection/components/nv-fieldmultiselect/styles/nv-fieldmultiselect.css +13 -2
  113. package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.css +3 -0
  114. package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.docs.js +1 -1
  115. package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js +4 -4
  116. package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.css +3 -0
  117. package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.docs.js +1 -1
  118. package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js +4 -4
  119. package/dist/collection/components/nv-fieldradio/nv-fieldradio.docs.js +1 -1
  120. package/dist/collection/components/nv-fieldradio/nv-fieldradio.js +3 -3
  121. package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js +1 -1
  122. package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +5 -5
  123. package/dist/collection/components/nv-fieldselect/styles/nv-fieldselect.css +3 -0
  124. package/dist/collection/components/nv-fieldslider/nv-fieldslider.docs.js +1 -1
  125. package/dist/collection/components/nv-fieldslider/nv-fieldslider.js +3 -3
  126. package/dist/collection/components/nv-fieldtext/nv-fieldtext.css +3 -0
  127. package/dist/collection/components/nv-fieldtext/nv-fieldtext.docs.js +3 -2
  128. package/dist/collection/components/nv-fieldtext/nv-fieldtext.js +4 -4
  129. package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.css +3 -0
  130. package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.docs.js +1 -1
  131. package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.js +3 -3
  132. package/dist/collection/components/nv-fieldtime/nv-fieldtime.docs.js +1 -1
  133. package/dist/collection/components/nv-fieldtime/nv-fieldtime.js +13 -10
  134. package/dist/collection/components/nv-fieldtime/styles/nv-fieldtime.css +3 -0
  135. package/dist/collection/components/nv-icon/nv-icon.js +7 -4
  136. package/dist/collection/components/nv-iconbutton/nv-iconbutton.js +7 -4
  137. package/dist/collection/components/nv-loader/nv-loader.js +1 -1
  138. package/dist/collection/components/nv-menu/nv-menu.js +1 -1
  139. package/dist/collection/components/nv-menuitem/nv-menuitem.js +5 -2
  140. package/dist/collection/components/nv-notification/nv-notification.js +15 -5
  141. package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.js +1 -1
  142. package/dist/collection/components/nv-pagination-nav/nv-pagination-nav.js +1 -1
  143. package/dist/collection/components/nv-paginationtable/nv-paginationtable.js +6 -3
  144. package/dist/collection/components/nv-paginationtable/nv-paginationtable.utils.js +13 -0
  145. package/dist/collection/components/nv-paginationtable/test/nv-paginationtable.utils.test.js +26 -1
  146. package/dist/collection/components/nv-popover/nv-popover.js +1 -1
  147. package/dist/collection/components/nv-row/nv-row.docs.js +1 -0
  148. package/dist/collection/components/nv-row/nv-row.js +2 -1
  149. package/dist/collection/components/nv-sidebar/nv-sidebar.docs.js +7 -0
  150. package/dist/collection/components/nv-sidebar/nv-sidebar.js +274 -2
  151. package/dist/collection/components/nv-sidebar/styles/nv-sidebar.css +26 -0
  152. package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.js +1 -1
  153. package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.js +1 -1
  154. package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.js +1 -1
  155. package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.js +1 -1
  156. package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.js +1 -1
  157. package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.js +1 -1
  158. package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.js +7 -4
  159. package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.js +1 -1
  160. package/dist/collection/components/nv-split/nv-split.js +2 -1
  161. package/dist/collection/components/nv-stack/nv-stack.js +1 -1
  162. package/dist/collection/components/nv-statusindicator/nv-statusindicator.css +73 -0
  163. package/dist/collection/components/nv-statusindicator/nv-statusindicator.docs.js +34 -0
  164. package/dist/collection/components/nv-statusindicator/nv-statusindicator.js +122 -0
  165. package/dist/collection/components/nv-table/nv-table.js +1 -1
  166. package/dist/collection/components/nv-table/styles/nv-table.css +37 -1
  167. package/dist/collection/components/nv-tableheader/nv-tableheader.js +1 -1
  168. package/dist/collection/components/nv-tag/nv-tag.css +228 -0
  169. package/dist/collection/components/nv-tag/nv-tag.docs.js +114 -0
  170. package/dist/collection/components/nv-tag/nv-tag.js +251 -0
  171. package/dist/collection/components/nv-timetest/nv-timetest.js +1 -1
  172. package/dist/collection/components/nv-toggle/nv-toggle.docs.js +1 -1
  173. package/dist/collection/components/nv-toggle/nv-toggle.js +2 -2
  174. package/dist/collection/components/nv-togglebutton/nv-togglebutton.docs.js +2 -2
  175. package/dist/collection/components/nv-togglebutton/nv-togglebutton.js +1 -1
  176. package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.js +1 -1
  177. package/dist/collection/components/nv-tooltip/nv-tooltip.js +1 -1
  178. package/dist/collection/utils/constants.js +5 -0
  179. package/dist/components/index.js +1 -1
  180. package/dist/components/nv-accordion-item.js +1 -1
  181. package/dist/components/nv-accordion.js +1 -1
  182. package/dist/components/nv-alert.js +1 -1
  183. package/dist/components/nv-avatar.js +1 -1
  184. package/dist/components/nv-badge.js +1 -1
  185. package/dist/components/nv-breadcrumb.js +1 -1
  186. package/dist/components/nv-breadcrumbs.js +1 -1
  187. package/dist/components/nv-button.js +1 -1
  188. package/dist/components/nv-buttongroup.js +1 -1
  189. package/dist/components/nv-calendar.js +1 -1
  190. package/dist/components/nv-col.js +1 -1
  191. package/dist/components/nv-datagrid.js +1 -1
  192. package/dist/components/nv-datagridcolumn.js +1 -1
  193. package/dist/components/nv-datetest.js +1 -1
  194. package/dist/components/nv-datetimetest.js +1 -1
  195. package/dist/components/nv-dialog.js +1 -1
  196. package/dist/components/nv-dialogfooter.js +1 -1
  197. package/dist/components/nv-dialogheader.js +1 -1
  198. package/dist/components/nv-drawer.js +1 -1
  199. package/dist/components/nv-drawerfooter.js +1 -1
  200. package/dist/components/nv-drawerheader.js +1 -1
  201. package/dist/components/nv-fieldcheckbox.js +1 -1
  202. package/dist/components/nv-fielddate.js +1 -1
  203. package/dist/components/nv-fielddaterange.js +1 -1
  204. package/dist/components/nv-fielddropdown.js +1 -1
  205. package/dist/components/nv-fielddropdownitem.js +1 -1
  206. package/dist/components/nv-fielddropdownitemcheck.js +1 -1
  207. package/dist/components/nv-fieldmultiselect.js +1 -1
  208. package/dist/components/nv-fieldnumber.js +1 -1
  209. package/dist/components/nv-fieldpassword.js +1 -1
  210. package/dist/components/nv-fieldradio.js +1 -1
  211. package/dist/components/nv-fieldselect.js +1 -1
  212. package/dist/components/nv-fieldslider.js +1 -1
  213. package/dist/components/nv-fieldtext.js +1 -1
  214. package/dist/components/nv-fieldtextarea.js +1 -1
  215. package/dist/components/nv-fieldtime.js +1 -1
  216. package/dist/components/nv-icon.js +1 -1
  217. package/dist/components/nv-iconbutton.js +1 -1
  218. package/dist/components/nv-loader.js +1 -1
  219. package/dist/components/nv-menu.js +1 -1
  220. package/dist/components/nv-menuitem.js +1 -1
  221. package/dist/components/nv-notification-bullet.js +1 -1
  222. package/dist/components/nv-notification.js +1 -1
  223. package/dist/components/nv-notificationcontainer.js +1 -1
  224. package/dist/components/nv-pagination-nav.js +1 -1
  225. package/dist/components/nv-paginationtable.js +1 -1
  226. package/dist/components/nv-popover.js +1 -1
  227. package/dist/components/nv-row.js +1 -1
  228. package/dist/components/nv-sidebar.js +1 -1
  229. package/dist/components/nv-sidebarcontent.js +1 -1
  230. package/dist/components/nv-sidebardivider.js +1 -1
  231. package/dist/components/nv-sidebarfooter.js +1 -1
  232. package/dist/components/nv-sidebargroup.js +1 -1
  233. package/dist/components/nv-sidebarheader.js +1 -1
  234. package/dist/components/nv-sidebarlogo.js +1 -1
  235. package/dist/components/nv-sidebarnavitem.js +1 -1
  236. package/dist/components/nv-sidebarnavsubitem.js +1 -1
  237. package/dist/components/nv-split.js +1 -1
  238. package/dist/components/nv-stack.js +1 -1
  239. package/dist/components/nv-statusindicator.d.ts +11 -0
  240. package/dist/components/nv-statusindicator.js +1 -0
  241. package/dist/components/nv-table.js +1 -1
  242. package/dist/components/nv-tableheader.js +1 -1
  243. package/dist/components/nv-tag.d.ts +11 -0
  244. package/dist/components/nv-tag.js +1 -0
  245. package/dist/components/nv-timetest.js +1 -1
  246. package/dist/components/nv-toggle.js +1 -1
  247. package/dist/components/nv-togglebutton.js +1 -1
  248. package/dist/components/nv-togglebuttongroup.js +1 -1
  249. package/dist/components/nv-tooltip.js +1 -1
  250. package/dist/components/{p-Du3Fh0jQ.js → p-B4qcUV0M.js} +1 -1
  251. package/dist/components/p-B8yJMa0S.js +1 -0
  252. package/dist/components/{p-xrXEz2WP.js → p-BU3AWnne.js} +1 -1
  253. package/dist/components/{p-qkNH2RHl.js → p-BYrgllP3.js} +1 -1
  254. package/dist/components/p-BhRpSdkR.js +1 -0
  255. package/dist/components/{p-C5J7jtrC.js → p-Bu90dktV.js} +1 -1
  256. package/dist/components/{p-BwYt1BAb.js → p-CObbk0-q.js} +1 -1
  257. package/dist/components/{p-DlOgBZa8.js → p-CTISxdir.js} +2 -2
  258. package/dist/components/{p-nzxGC8BS.js → p-Cj6urNtm.js} +1 -1
  259. package/dist/components/{p-DE792Sds.js → p-Cx5CLy9v.js} +1 -1
  260. package/dist/components/{p-CAGzfU3O.js → p-Cyn4-37z.js} +1 -1
  261. package/dist/components/p-CzRJpv7x.js +1 -0
  262. package/dist/components/{p-CKFXHAaU.js → p-CzRlra4z.js} +1 -1
  263. package/dist/components/{p-DGj-fiRX.js → p-D54x8OFu.js} +1 -1
  264. package/dist/components/{p-DUaenjr8.js → p-DP_K3tkj.js} +1 -1
  265. package/dist/components/{p-VXpV-BUK.js → p-DQuJvZ4Z.js} +1 -1
  266. package/dist/components/{p-DwtLxfU5.js → p-DZdOQQrW.js} +1 -1
  267. package/dist/components/{p-Co8IghI-.js → p-Dg-Ac5i4.js} +1 -1
  268. package/dist/components/p-DiwYO24j.js +2 -0
  269. package/dist/components/p-GDyaHbt9.js +1 -0
  270. package/dist/components/{p-h3cPA0Cx.js → p-L7U51TAH.js} +1 -1
  271. package/dist/components/{p-CLzCfsnq.js → p-MLanePUO.js} +1 -1
  272. package/dist/components/p-gOKBmbgZ.js +1 -0
  273. package/dist/components/{p-f8OUzde-.js → p-yPMU6HZQ.js} +1 -1
  274. package/dist/esm/{constants-BReL3Lsa.js → constants-gOKBmbgZ.js} +6 -1
  275. package/dist/esm/index-CTmBvINI.js +4820 -0
  276. package/dist/esm/index.js +1 -1
  277. package/dist/esm/loader.js +3 -3
  278. package/dist/esm/native.js +3 -3
  279. package/dist/esm/nv-accordion-item.entry.js +3 -3
  280. package/dist/esm/nv-accordion.entry.js +2 -2
  281. package/dist/esm/nv-alert.entry.js +3 -3
  282. package/dist/esm/nv-avatar.entry.js +3 -3
  283. package/dist/esm/nv-badge_2.entry.js +8 -7
  284. package/dist/esm/nv-breadcrumb.entry.js +2 -2
  285. package/dist/esm/nv-breadcrumbs.entry.js +2 -2
  286. package/dist/esm/nv-button.entry.js +3 -3
  287. package/dist/esm/nv-buttongroup.entry.js +2 -2
  288. package/dist/esm/nv-calendar.entry.js +4 -4
  289. package/dist/esm/nv-col.entry.js +2 -2
  290. package/dist/esm/nv-datagrid.entry.js +4 -4
  291. package/dist/esm/nv-datagridcolumn.entry.js +2 -2
  292. package/dist/esm/nv-datetest.entry.js +2 -2
  293. package/dist/esm/nv-datetimetest.entry.js +1 -1
  294. package/dist/esm/nv-dialog.entry.js +3 -3
  295. package/dist/esm/nv-dialogfooter_2.entry.js +8 -6
  296. package/dist/esm/nv-drawer.entry.js +3 -3
  297. package/dist/esm/nv-drawerfooter_2.entry.js +6 -4
  298. package/dist/esm/nv-fieldcheckbox.entry.js +5 -5
  299. package/dist/esm/nv-fielddate.entry.js +8 -8
  300. package/dist/esm/nv-fielddaterange.entry.js +8 -8
  301. package/dist/esm/nv-fielddropdown.entry.js +6 -6
  302. package/dist/esm/nv-fielddropdownitem.entry.js +2 -2
  303. package/dist/esm/nv-fieldmultiselect.entry.js +115 -86
  304. package/dist/esm/nv-fieldnumber.entry.js +6 -6
  305. package/dist/esm/nv-fieldpassword.entry.js +6 -6
  306. package/dist/esm/nv-fieldradio.entry.js +4 -4
  307. package/dist/esm/nv-fieldselect.entry.js +7 -7
  308. package/dist/esm/nv-fieldslider.entry.js +4 -4
  309. package/dist/esm/nv-fieldtext.entry.js +6 -6
  310. package/dist/esm/nv-fieldtextarea.entry.js +5 -5
  311. package/dist/esm/nv-fieldtime.entry.js +16 -13
  312. package/dist/esm/nv-icon.entry.js +3 -3
  313. package/dist/esm/nv-iconbutton_2.entry.js +3 -3
  314. package/dist/esm/nv-menu.entry.js +2 -2
  315. package/dist/esm/nv-menuitem.entry.js +2 -2
  316. package/dist/esm/nv-notification-bullet.entry.js +1 -1
  317. package/dist/esm/nv-notification.entry.js +3 -3
  318. package/dist/esm/nv-notificationcontainer.entry.js +2 -2
  319. package/dist/esm/nv-pagination-nav.entry.js +2 -2
  320. package/dist/esm/nv-paginationtable.entry.js +19 -3
  321. package/dist/esm/nv-popover.entry.js +2 -2
  322. package/dist/esm/nv-row.entry.js +2 -2
  323. package/dist/esm/nv-sidebar.entry.js +178 -4
  324. package/dist/esm/nv-sidebarcontent.entry.js +2 -2
  325. package/dist/esm/nv-sidebardivider.entry.js +2 -2
  326. package/dist/esm/nv-sidebarfooter.entry.js +2 -2
  327. package/dist/esm/nv-sidebargroup.entry.js +2 -2
  328. package/dist/esm/nv-sidebarheader.entry.js +2 -2
  329. package/dist/esm/nv-sidebarlogo.entry.js +2 -2
  330. package/dist/esm/nv-sidebarnavitem.entry.js +3 -3
  331. package/dist/esm/nv-sidebarnavsubitem.entry.js +2 -2
  332. package/dist/esm/nv-split.entry.js +2 -2
  333. package/dist/esm/nv-stack.entry.js +2 -2
  334. package/dist/esm/nv-statusindicator.entry.js +37 -0
  335. package/dist/esm/nv-table.entry.js +3 -3
  336. package/dist/esm/nv-tableheader.entry.js +2 -2
  337. package/dist/esm/nv-tag.entry.js +80 -0
  338. package/dist/esm/nv-timetest.entry.js +2 -2
  339. package/dist/esm/nv-toggle.entry.js +3 -3
  340. package/dist/esm/nv-togglebutton.entry.js +2 -2
  341. package/dist/esm/nv-togglebuttongroup.entry.js +2 -2
  342. package/dist/esm/nv-tooltip.entry.js +2 -2
  343. package/dist/lib/generators/docs-blazor.js +7 -1
  344. package/dist/native/index.esm.js +1 -1
  345. package/dist/native/native.css +5711 -1
  346. package/dist/native/native.esm.js +1 -1
  347. package/dist/native/{p-0bb64497.entry.js → p-04011d0f.entry.js} +1 -1
  348. package/dist/native/{p-4bf96114.entry.js → p-0c65e726.entry.js} +1 -1
  349. package/dist/native/{p-767ee0fc.entry.js → p-10dee67d.entry.js} +1 -1
  350. package/dist/native/p-16037ec8.entry.js +1 -0
  351. package/dist/native/{p-63f2f87f.entry.js → p-189647e4.entry.js} +1 -1
  352. package/dist/native/{p-213c5836.entry.js → p-270bf467.entry.js} +1 -1
  353. package/dist/native/{p-89348af5.entry.js → p-287c67e1.entry.js} +1 -1
  354. package/dist/native/p-298d893d.entry.js +1 -0
  355. package/dist/native/{p-8e1bcadc.entry.js → p-29acf903.entry.js} +1 -1
  356. package/dist/native/{p-05f7bad5.entry.js → p-2afcd5e4.entry.js} +1 -1
  357. package/dist/native/p-33889f52.entry.js +1 -0
  358. package/dist/native/p-34d30b90.entry.js +1 -0
  359. package/dist/native/p-352854eb.entry.js +1 -0
  360. package/dist/native/{p-cfa0eb58.entry.js → p-37c42bed.entry.js} +1 -1
  361. package/dist/native/{p-5ea697a7.entry.js → p-3969a700.entry.js} +1 -1
  362. package/dist/native/{p-e3fb16af.entry.js → p-3f888601.entry.js} +1 -1
  363. package/dist/native/{p-291b297d.entry.js → p-40000df1.entry.js} +1 -1
  364. package/dist/native/p-410c21e3.entry.js +1 -0
  365. package/dist/native/{p-1e03fc3c.entry.js → p-4514a6a4.entry.js} +1 -1
  366. package/dist/native/{p-b3477504.entry.js → p-49745be2.entry.js} +1 -1
  367. package/dist/native/{p-7aa4605d.entry.js → p-5375ddc6.entry.js} +1 -1
  368. package/dist/native/p-5690757b.entry.js +1 -0
  369. package/dist/native/p-5c321768.entry.js +1 -0
  370. package/dist/native/{p-a16f8a14.entry.js → p-5df9c196.entry.js} +1 -1
  371. package/dist/native/{p-2af6d988.entry.js → p-5ef11914.entry.js} +1 -1
  372. package/dist/native/{p-c5d97054.entry.js → p-64649214.entry.js} +1 -1
  373. package/dist/native/{p-9709c7d5.entry.js → p-6bb02337.entry.js} +1 -1
  374. package/dist/native/{p-3c4114b8.entry.js → p-6ccc84c8.entry.js} +1 -1
  375. package/dist/native/{p-0fe84123.entry.js → p-6dab2e90.entry.js} +1 -1
  376. package/dist/native/{p-fd5e27ae.entry.js → p-728f09d5.entry.js} +1 -1
  377. package/dist/native/{p-72d8cb56.entry.js → p-7b1c369b.entry.js} +1 -1
  378. package/dist/native/p-7b3853be.entry.js +1 -0
  379. package/dist/native/p-7c9e1f01.entry.js +1 -0
  380. package/dist/native/p-7cbc09f0.entry.js +1 -0
  381. package/dist/native/p-859b24ed.entry.js +1 -0
  382. package/dist/native/{p-083b39c5.entry.js → p-8decb323.entry.js} +1 -1
  383. package/dist/native/{p-12a8443b.entry.js → p-8dfcfb72.entry.js} +1 -1
  384. package/dist/native/p-8faf3e05.entry.js +1 -0
  385. package/dist/native/p-915fe20c.entry.js +1 -0
  386. package/dist/native/p-91cb5c65.entry.js +1 -0
  387. package/dist/native/{p-1029a266.entry.js → p-93d2bfab.entry.js} +1 -1
  388. package/dist/native/{p-f9612edf.entry.js → p-9affde0d.entry.js} +1 -1
  389. package/dist/native/p-CTmBvINI.js +2 -0
  390. package/dist/native/{p-f7522dac.entry.js → p-a1ef6740.entry.js} +1 -1
  391. package/dist/native/{p-d3e66306.entry.js → p-b2c31350.entry.js} +1 -1
  392. package/dist/native/p-b2ef61bc.entry.js +1 -0
  393. package/dist/native/{p-67e0680e.entry.js → p-b7a10751.entry.js} +1 -1
  394. package/dist/native/p-b88dcd21.entry.js +1 -0
  395. package/dist/native/p-b99ad8a7.entry.js +1 -0
  396. package/dist/native/{p-fab2f2b3.entry.js → p-be2e4cf0.entry.js} +1 -1
  397. package/dist/native/{p-493c1bb5.entry.js → p-befb5e4e.entry.js} +1 -1
  398. package/dist/native/{p-dc2ce8ee.entry.js → p-c1faed1f.entry.js} +1 -1
  399. package/dist/native/{p-4ac8181c.entry.js → p-c305f1c6.entry.js} +1 -1
  400. package/dist/native/{p-7c00f6da.entry.js → p-c5261442.entry.js} +1 -1
  401. package/dist/native/{p-90b8b889.entry.js → p-cd21a60d.entry.js} +1 -1
  402. package/dist/native/{p-d8120afd.entry.js → p-d0dfa700.entry.js} +1 -1
  403. package/dist/native/{p-58966e0f.entry.js → p-d4d04530.entry.js} +1 -1
  404. package/dist/native/{p-5c003e50.entry.js → p-dc000c85.entry.js} +1 -1
  405. package/dist/native/p-df3ab86a.entry.js +1 -0
  406. package/dist/native/p-dfb46af1.entry.js +1 -0
  407. package/dist/native/{p-6d8d2088.entry.js → p-dfd364de.entry.js} +1 -1
  408. package/dist/native/{p-644ecff8.entry.js → p-e7a73a7c.entry.js} +1 -1
  409. package/dist/native/p-eab25bfa.entry.js +1 -0
  410. package/dist/native/{p-95a9d385.entry.js → p-ec919a10.entry.js} +1 -1
  411. package/dist/native/{p-37c41059.entry.js → p-ffc9e2a0.entry.js} +1 -1
  412. package/dist/native/p-gOKBmbgZ.js +1 -0
  413. package/dist/types/components/nv-alert/nv-alert.d.ts +3 -1
  414. package/dist/types/components/nv-badge/nv-badge.d.ts +6 -3
  415. package/dist/types/components/nv-col/nv-col.d.ts +1 -0
  416. package/dist/types/components/nv-dialogfooter/nv-dialogfooter.d.ts +5 -2
  417. package/dist/types/components/nv-drawerfooter/nv-drawerfooter.d.ts +5 -2
  418. package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts +16 -11
  419. package/dist/types/components/nv-icon/nv-icon.d.ts +2 -1
  420. package/dist/types/components/nv-iconbutton/nv-iconbutton.d.ts +2 -1
  421. package/dist/types/components/nv-menuitem/nv-menuitem.d.ts +1 -0
  422. package/dist/types/components/nv-notification/nv-notification.d.ts +3 -1
  423. package/dist/types/components/nv-paginationtable/nv-paginationtable.utils.d.ts +9 -0
  424. package/dist/types/components/nv-row/nv-row.d.ts +1 -0
  425. package/dist/types/components/nv-sidebar/nv-sidebar.d.ts +43 -0
  426. package/dist/types/components/nv-sidebarnavitem/nv-sidebarnavitem.d.ts +2 -1
  427. package/dist/types/components/nv-split/nv-split.d.ts +1 -0
  428. package/dist/types/components/nv-statusindicator/nv-statusindicator.d.ts +22 -0
  429. package/dist/types/components/nv-statusindicator/nv-statusindicator.docs.d.ts +4 -0
  430. package/dist/types/components/nv-tag/nv-tag.d.ts +64 -0
  431. package/dist/types/components/nv-tag/nv-tag.docs.d.ts +4 -0
  432. package/dist/types/components.d.ts +286 -30
  433. package/dist/types/index.d.ts +1 -1
  434. package/dist/types/utils/constants.d.ts +4 -0
  435. package/dist/vscode-data.json +18399 -2634
  436. package/hydrate/index.js +606 -220
  437. package/hydrate/index.mjs +606 -220
  438. package/package.json +21 -9
  439. package/dist/cjs/index-Cfkoz1kc.js +0 -4848
  440. package/dist/components/p-6nAIGZFL.js +0 -2
  441. package/dist/components/p-BReL3Lsa.js +0 -1
  442. package/dist/components/p-CnkB4kvn.js +0 -1
  443. package/dist/components/p-CrRawrjU.js +0 -1
  444. package/dist/components/p-D2C_Qr5O.js +0 -1
  445. package/dist/components/p-DVFofrTe.js +0 -1
  446. package/dist/esm/index-BCjiE1MF.js +0 -4812
  447. package/dist/native/p-148c1d3e.entry.js +0 -1
  448. package/dist/native/p-1d7a27bb.entry.js +0 -1
  449. package/dist/native/p-25ef7329.entry.js +0 -1
  450. package/dist/native/p-343c04db.entry.js +0 -1
  451. package/dist/native/p-46267895.entry.js +0 -1
  452. package/dist/native/p-544b34d4.entry.js +0 -1
  453. package/dist/native/p-5ce3d30b.entry.js +0 -1
  454. package/dist/native/p-5ef0ed10.entry.js +0 -1
  455. package/dist/native/p-75a2a2ac.entry.js +0 -1
  456. package/dist/native/p-7d164a7a.entry.js +0 -1
  457. package/dist/native/p-7ec28d5d.entry.js +0 -1
  458. package/dist/native/p-9fc95cf3.entry.js +0 -1
  459. package/dist/native/p-BCjiE1MF.js +0 -2
  460. package/dist/native/p-BReL3Lsa.js +0 -1
  461. package/dist/native/p-ac765e6a.entry.js +0 -1
  462. package/dist/native/p-c2c826a4.entry.js +0 -1
  463. package/dist/native/p-c56ffa82.entry.js +0 -1
  464. package/dist/native/p-d5f5a6e1.entry.js +0 -1
  465. package/dist/native/p-e46c35a0.entry.js +0 -1
  466. package/dist/native/p-ec23ce93.entry.js +0 -1
  467. package/dist/native/p-fb34fc7d.entry.js +0 -1
package/dist/native/p-CTmBvINI.js ADDED
@@ -0,0 +1,2 @@
1
+ const n="native",o={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,constructableCSS:!0,cssAnnotations:!0,deserializer:!1,devTools:!1,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!0,hasRenderFn:!0,hostListener:!0,hostListenerTarget:!0,hostListenerTargetBody:!1,hostListenerTargetDocument:!0,hostListenerTargetParent:!1,hostListenerTargetWindow:!0,hotModuleReplacement:!1,hydrateClientSide:!0,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!0,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propChangeCallback:!0,propMutable:!0,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,serializer:!1,shadowDelegatesFocus:!1,shadowDom:!1,shadowSlotAssignmentManual:!1,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0},r=()=>{},e='/* 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 --components-overlay-opacity: 75%;\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-form-opacity-disabled: 50%;\n --components-form-opacity-default: 100%;\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-high-border-active: rgba(255, 255, 255, 0);\n --components-button-high-border-hover: rgba(255, 255, 255, 0);\n --components-button-high-border: rgba(255, 255, 255, 0);\n --shadow-y-axis-2xl: 25.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-spread-2xl: -6.0000px;\n --shadow-spread-xl: -2.0000px;\n --shadow-spread-lg-2: 0.0000px;\n --shadow-spread-lg-1: 0.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-base-1: 3.0000px;\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.32);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.14);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.09);\n --shadow-color-opacity-0: rgba(255, 255, 255, 0.09);\n --opacity-disabled-2: 0%;\n --opacity-disabled: 50%;\n --color-transparent: rgba(255, 255, 255, 0);\n --color-white: #ffffff;\n --color-black: #000000;\n --color-interaction-container-neutral-background: rgba(0, 0, 0, 0);\n --components-toggle-shape-hover: var(--color-gray-spark-300);\n --components-toggle-shape-default: var(--color-gray-spark-400);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-background-disabled: var(--color-gray-spark-600);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-border-disabled: var(--color-gray-spark-600);\n --components-toggle-border-hover: var(--color-gray-spark-300);\n --components-toggle-border-default: var(--color-gray-spark-400);\n --components-tooltip-border: var(--color-gray-spark-50);\n --components-tooltip-background: var(--color-gray-spark-50);\n --components-splitter-old-border: var(--color-transparent);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-900);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-overlay-background: var(--color-gray-spark-650);\n --components-button-destructive-high-icon-hover: var(--color-base-black);\n --components-button-destructive-high-icon: var(--color-base-black);\n --components-button-destructive-high-text-hover: var(--color-base-black);\n --components-button-destructive-high-text: var(--color-base-black);\n --components-button-destructive-high-background-hover: var(--color-status-red-300);\n --components-button-destructive-high-background: var(--color-status-red-400);\n --components-button-destructive-low-icon-hover: var(--color-status-red-300);\n --components-button-destructive-low-icon: var(--color-status-red-400);\n --components-button-destructive-low-text-hover: var(--color-status-red-300);\n --components-button-destructive-low-text: var(--color-status-red-400);\n --components-button-destructive-low-background-hover: var(--color-status-red-900);\n --components-button-destructive-medium-border-hover: var(--color-status-red-300);\n --components-button-destructive-medium-border: var(--color-status-red-400);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-300);\n --components-button-destructive-medium-icon: var(--color-status-red-400);\n --components-button-destructive-medium-text-hover: var(--color-status-red-300);\n --components-button-destructive-medium-text: var(--color-status-red-400);\n --components-button-destructive-medium-background-hover: var(--color-status-red-900);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-loader-brand-background: var(--color-orange-900);\n --components-loader-white-foreground: var(--color-base-white);\n --components-form-shape-foreground-default: var(--color-base-black);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-background-disabled: var(--color-gray-spark-700);\n --components-form-shape-background-hover: var(--color-gray-spark-350);\n --components-form-shape-background-default: var(--color-gray-spark-400);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-white);\n --components-button-gr-as-complementary-icon: var(--color-base-white);\n --components-button-gr-as-complementary-text-hover: var(--color-base-white);\n --components-button-gr-as-complementary-text: var(--color-base-white);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-400);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-450);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --color-dont-use-background: var(--color-gray-spark-900);\n --color-dont-use-content: var(--color-gray-spark-750);\n --color-dont-use-border: var(--color-gray-spark-750);\n --color-rainbow-10-text: var(--color-gray-spark-250);\n --color-rainbow-10-icon: var(--color-gray-spark-250);\n --color-rainbow-10-border-light: var(--color-gray-spark-450);\n --color-rainbow-10-border: var(--color-gray-spark-250);\n --color-rainbow-10-background: var(--color-gray-spark-650);\n --color-rainbow-9-text: var(--color-lime-500);\n --color-rainbow-9-icon: var(--color-lime-500);\n --color-rainbow-9-border-light: var(--color-lime-700);\n --color-rainbow-9-border: var(--color-lime-500);\n --color-rainbow-9-background: var(--color-lime-900);\n --color-rainbow-8-text: var(--color-petrol-300);\n --color-rainbow-8-icon: var(--color-petrol-300);\n --color-rainbow-8-border-light: var(--color-petrol-600);\n --color-rainbow-8-border: var(--color-petrol-300);\n --color-rainbow-8-background: var(--color-petrol-900);\n --color-rainbow-7-text: var(--color-green-300);\n --color-rainbow-7-icon: var(--color-green-300);\n --color-rainbow-7-border-light: var(--color-green-600);\n --color-rainbow-7-border: var(--color-green-300);\n --color-rainbow-7-background: var(--color-green-900);\n --color-rainbow-6-text: var(--color-crimson-200);\n --color-rainbow-6-icon: var(--color-crimson-200);\n --color-rainbow-6-border-light: var(--color-crimson-600);\n --color-rainbow-6-border: var(--color-crimson-200);\n --color-rainbow-6-background: var(--color-crimson-900);\n --color-rainbow-5-text: var(--color-turquoise-400);\n --color-rainbow-5-icon: var(--color-turquoise-400);\n --color-rainbow-5-border-light: var(--color-turquoise-700);\n --color-rainbow-5-border: var(--color-turquoise-400);\n --color-rainbow-5-background: var(--color-turquoise-900);\n --color-rainbow-4-text: var(--color-red-200);\n --color-rainbow-4-icon: var(--color-red-200);\n --color-rainbow-4-border-light: var(--color-red-600);\n --color-rainbow-4-border: var(--color-red-200);\n --color-rainbow-4-background: var(--color-red-900);\n --color-rainbow-3-text: var(--color-yellow-600);\n --color-rainbow-3-icon: var(--color-yellow-600);\n --color-rainbow-3-border-light: var(--color-yellow-700);\n --color-rainbow-3-border: var(--color-yellow-600);\n --color-rainbow-3-background: var(--color-yellow-900);\n --color-rainbow-2-text: var(--color-orange-400);\n --color-rainbow-2-icon: var(--color-orange-400);\n --color-rainbow-2-border-light: var(--color-orange-700);\n --color-rainbow-2-border: var(--color-orange-400);\n --color-rainbow-2-background: var(--color-orange-900);\n --color-rainbow-1-text: var(--color-amber-400);\n --color-rainbow-1-icon: var(--color-amber-500);\n --color-rainbow-1-border-light: var(--color-amber-700);\n --color-rainbow-1-border: var(--color-amber-500);\n --color-rainbow-1-background: var(--color-amber-900);\n --color-focus-brand: var(--color-orange-500);\n --color-feedback-success-high-contrast-title: var(--color-base-black);\n --color-feedback-success-high-contrast-text: var(--color-status-green-900);\n --color-feedback-success-high-contrast-icon: var(--color-base-black);\n --color-feedback-success-high-contrast-border: var(--color-status-green-400);\n --color-feedback-success-high-contrast-background: var(--color-status-green-400);\n --color-feedback-success-low-text: var(--color-status-green-400);\n --color-feedback-success-low-icon: var(--color-status-green-400);\n --color-feedback-success-low-border-subtle: var(--color-status-green-700);\n --color-feedback-success-low-border: var(--color-status-green-400);\n --color-feedback-success-low-background: var(--color-status-green-900);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-border: var(--color-status-green-300);\n --color-feedback-success-high-background: var(--color-status-green-300);\n --color-feedback-warning-high-contrast-title: var(--color-base-black);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-contrast-icon: var(--color-base-black);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-500);\n --color-feedback-warning-low-text: var(--color-status-yellow-500);\n --color-feedback-warning-low-icon: var(--color-status-yellow-500);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-700);\n --color-feedback-warning-low-border: var(--color-status-yellow-500);\n --color-feedback-warning-low-background: var(--color-status-yellow-900);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-neutral-high-contrast-title: var(--color-base-black);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-900);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-black);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-250);\n --color-feedback-neutral-low-text: var(--color-gray-spark-250);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-250);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-500);\n --color-feedback-neutral-low-border: var(--color-gray-spark-250);\n --color-feedback-neutral-low-background: var(--color-gray-spark-800);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-error-high-contrast-title: var(--color-base-black);\n --color-feedback-error-high-contrast-text: var(--color-status-red-900);\n --color-feedback-error-high-contrast-icon: var(--color-base-black);\n --color-feedback-error-high-contrast-border: var(--color-status-red-300);\n --color-feedback-error-high-contrast-background: var(--color-status-red-300);\n --color-feedback-error-low-text: var(--color-status-red-300);\n --color-feedback-error-low-icon: var(--color-status-red-300);\n --color-feedback-error-low-border-subtle: var(--color-status-red-700);\n --color-feedback-error-low-border: var(--color-status-red-300);\n --color-feedback-error-low-background: var(--color-status-red-900);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-information-high-contrast-title: var(--color-base-black);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-900);\n --color-feedback-information-high-contrast-icon: var(--color-base-black);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-300);\n --color-feedback-information-low-text: var(--color-status-blue-300);\n --color-feedback-information-low-icon: var(--color-status-blue-300);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-700);\n --color-feedback-information-low-border: var(--color-status-blue-300);\n --color-feedback-information-low-background: var(--color-status-blue-900);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-chart-10: var(--color-crimson-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-1: var(--color-amber-500);\n --color-brand-900: var(--color-amber-50);\n --color-brand-800: var(--color-amber-100);\n --color-brand-700: var(--color-amber-200);\n --color-brand-600: var(--color-amber-300);\n --color-brand-500: var(--color-amber-400);\n --color-brand-400: var(--color-amber-500);\n --color-brand-300: var(--color-amber-600);\n --color-brand-200: var(--color-amber-700);\n --color-brand-100: var(--color-amber-800);\n --color-brand-50: var(--color-amber-900);\n --color-accent-900: var(--color-petrol-50);\n --color-accent-800: var(--color-petrol-100);\n --color-accent-700: var(--color-petrol-200);\n --color-accent-600: var(--color-petrol-300);\n --color-accent-500: var(--color-petrol-400);\n --color-accent-400: var(--color-petrol-500);\n --color-accent-300: var(--color-petrol-600);\n --color-accent-200: var(--color-petrol-700);\n --color-accent-100: var(--color-petrol-800);\n --color-accent-50: var(--color-petrol-900);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-medium-icon: var(--color-gray-spark-550);\n --color-content-inverted-medium-text: var(--color-gray-spark-550);\n --color-content-inverted-high-icon: var(--color-gray-spark-800);\n --color-content-inverted-high-text: var(--color-gray-spark-800);\n --color-content-lower-text: var(--color-gray-spark-400);\n --color-content-low-icon: var(--color-gray-spark-350);\n --color-content-low-text: var(--color-gray-spark-350);\n --color-content-low-border: var(--color-gray-spark-500);\n --color-content-medium-icon: var(--color-gray-spark-200);\n --color-content-medium-text: var(--color-gray-spark-200);\n --color-content-medium-border: var(--color-gray-spark-400);\n --color-content-high-icon: var(--color-gray-spark-50);\n --color-content-high-text: var(--color-gray-spark-50);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-level-inverted-05-background: var(--color-gray-spark-25);\n --color-level-inverted-00-background: var(--color-gray-spark-00);\n --color-level-inverted-40-background: var(--color-gray-spark-00);\n --color-level-inverted-30-background: var(--color-gray-spark-50);\n --color-level-inverted-20-background: var(--color-gray-spark-00);\n --color-level-inverted-15-background: var(--color-gray-spark-75);\n --color-level-inverted-10-background: var(--color-gray-spark-50);\n --color-level-05-background: var(--color-gray-spark-850);\n --color-level-00-background: var(--color-gray-spark-900);\n --color-level-40-background: var(--color-gray-spark-500);\n --color-level-30-background: var(--color-gray-spark-600);\n --color-level-20-background: var(--color-gray-spark-700);\n --color-level-15-background: var(--color-gray-spark-750);\n --color-level-10-background: var(--color-gray-spark-800);\n --color-interaction-link-inverted-text-visited: var(--color-orange-400);\n --color-interaction-link-inverted-text-hover: var(--color-orange-600);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-400);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-600);\n --color-interaction-link-low-text-visited: var(--color-orange-400);\n --color-interaction-link-low-text-hover: var(--color-orange-400);\n --color-interaction-link-low-icon-visited: var(--color-orange-400);\n --color-interaction-link-low-icon-hover: var(--color-orange-400);\n --color-interaction-link-high-text-visited: var(--color-orange-400);\n --color-interaction-link-high-text-hover: var(--color-orange-400);\n --color-interaction-link-high-text: var(--color-orange-500);\n --color-interaction-link-high-icon-visited: var(--color-orange-400);\n --color-interaction-link-high-icon-hover: var(--color-orange-400);\n --color-interaction-link-high-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-text-active: var(--color-orange-400);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-400);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-border-active: var(--color-orange-400);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-900);\n --color-interaction-container-branded-low-background-active: var(--color-orange-900);\n --color-interaction-container-branded-high-text-hover: var(--color-base-black);\n --color-interaction-container-branded-high-text-active: var(--color-base-black);\n --color-interaction-container-branded-high-text: var(--color-base-black);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-black);\n --color-interaction-container-branded-high-icon-active: var(--color-base-black);\n --color-interaction-container-branded-high-icon: var(--color-base-black);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-border-active: var(--color-orange-400);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-background-active: var(--color-orange-400);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-neutral-text-active: var(--color-orange-400);\n --color-interaction-container-neutral-icon-active: var(--color-orange-400);\n --color-interaction-container-neutral-border-active: var(--color-orange-400);\n --color-interaction-container-neutral-background-active: var(--color-orange-900);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-active);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-track-background: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-background: var(--color-level-00-background);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-border: var(--color-content-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-background: var(--color-level-20-background);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-background: var(--color-level-20-background);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-background: var(--color-level-20-background);\n --components-notification-warning-icon: var(--color-feedback-warning-low-border);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-background: var(--color-level-20-background);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-background: var(--color-level-20-background);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);\n --components-list-dropdown-item-description-hover: var(--color-content-medium-text);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-label-active: var(--color-content-low-text);\n --components-list-dropdown-item-label-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-background: var(--color-level-00-background);\n --components-calendar-background: var(--color-level-00-background);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-border: var(--color-content-low-border);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-high-border);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-warning-icon: var(--color-feedback-warning-low-border);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --color-focus-success: var(--color-feedback-success-low-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-background: var(--color-level-00-background);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-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-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-breadcrumb-text-current: var(--color-interaction-link-high-text-disabled);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\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 --components-overlay-opacity: 55%;\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-form-opacity-disabled: 50%;\n --components-form-opacity-default: 100%;\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-high-border: rgba(255, 255, 255, 0);\n --shadow-y-axis-2xl: 25.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-spread-2xl: -12.0000px;\n --shadow-spread-xl: -5.0000px;\n --shadow-spread-lg-2: -3.0000px;\n --shadow-spread-lg-1: -2.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-base-1: 3.0000px;\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.25);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.1);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.06);\n --shadow-color-opacity-0: rgba(0, 0, 0, 0.06);\n --opacity-disabled-2: 50%;\n --opacity-disabled: 50%;\n --color-transparent: rgba(255, 255, 255, 0);\n --color-white: #ffffff;\n --color-black: #000000;\n --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);\n --components-toggle-shape-hover: var(--color-gray-spark-400);\n --components-toggle-shape-default: var(--color-gray-spark-300);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-background-disabled: var(--color-gray-spark-150);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-border-disabled: var(--color-gray-spark-150);\n --components-toggle-border-hover: var(--color-gray-spark-400);\n --components-toggle-border-default: var(--color-gray-spark-300);\n --components-tooltip-border: var(--color-gray-spark-900);\n --components-tooltip-background: var(--color-gray-spark-900);\n --components-splitter-old-border: var(--color-transparent);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-00);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-overlay-background: var(--color-gray-spark-850);\n --components-button-destructive-high-icon-hover: var(--color-base-white);\n --components-button-destructive-high-icon: var(--color-base-white);\n --components-button-destructive-high-text-hover: var(--color-base-white);\n --components-button-destructive-high-text: var(--color-base-white);\n --components-button-destructive-high-background-hover: var(--color-status-red-600);\n --components-button-destructive-high-background: var(--color-status-red-500);\n --components-button-destructive-low-icon-hover: var(--color-status-red-600);\n --components-button-destructive-low-icon: var(--color-status-red-500);\n --components-button-destructive-low-text-hover: var(--color-status-red-600);\n --components-button-destructive-low-text: var(--color-status-red-500);\n --components-button-destructive-low-background-hover: var(--color-status-red-50);\n --components-button-destructive-medium-border-hover: var(--color-status-red-600);\n --components-button-destructive-medium-border: var(--color-status-red-500);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-600);\n --components-button-destructive-medium-icon: var(--color-status-red-500);\n --components-button-destructive-medium-text-hover: var(--color-status-red-600);\n --components-button-destructive-medium-text: var(--color-status-red-500);\n --components-button-destructive-medium-background-hover: var(--color-status-red-50);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-loader-brand-background: var(--color-orange-50);\n --components-loader-white-foreground: var(--color-base-white);\n --components-form-shape-foreground-default: var(--color-base-white);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-background-disabled: var(--color-gray-spark-75);\n --components-form-shape-background-hover: var(--color-gray-spark-100);\n --components-form-shape-background-default: var(--color-gray-spark-75);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-black);\n --components-button-gr-as-complementary-icon: var(--color-base-black);\n --components-button-gr-as-complementary-text-hover: var(--color-base-black);\n --components-button-gr-as-complementary-text: var(--color-base-black);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-300);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-200);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --color-dont-use-background: var(--color-gray-spark-50);\n --color-dont-use-content: var(--color-gray-spark-100);\n --color-dont-use-border: var(--color-gray-spark-100);\n --color-rainbow-10-text: var(--color-gray-spark-500);\n --color-rainbow-10-icon: var(--color-gray-spark-500);\n --color-rainbow-10-border-light: var(--color-gray-spark-150);\n --color-rainbow-10-border: var(--color-gray-spark-500);\n --color-rainbow-10-background: var(--color-gray-spark-75);\n --color-rainbow-9-text: var(--color-lime-700);\n --color-rainbow-9-icon: var(--color-lime-700);\n --color-rainbow-9-border-light: var(--color-lime-100);\n --color-rainbow-9-border: var(--color-lime-700);\n --color-rainbow-9-background: var(--color-lime-50);\n --color-rainbow-8-text: var(--color-petrol-600);\n --color-rainbow-8-icon: var(--color-petrol-600);\n --color-rainbow-8-border-light: var(--color-petrol-100);\n --color-rainbow-8-border: var(--color-petrol-600);\n --color-rainbow-8-background: var(--color-petrol-50);\n --color-rainbow-7-text: var(--color-green-600);\n --color-rainbow-7-icon: var(--color-green-600);\n --color-rainbow-7-border-light: var(--color-green-100);\n --color-rainbow-7-border: var(--color-green-600);\n --color-rainbow-7-background: var(--color-green-50);\n --color-rainbow-6-text: var(--color-crimson-400);\n --color-rainbow-6-icon: var(--color-crimson-400);\n --color-rainbow-6-border-light: var(--color-crimson-100);\n --color-rainbow-6-border: var(--color-crimson-400);\n --color-rainbow-6-background: var(--color-crimson-50);\n --color-rainbow-5-text: var(--color-turquoise-800);\n --color-rainbow-5-icon: var(--color-turquoise-800);\n --color-rainbow-5-border-light: var(--color-turquoise-100);\n --color-rainbow-5-border: var(--color-turquoise-800);\n --color-rainbow-5-background: var(--color-turquoise-50);\n --color-rainbow-4-text: var(--color-red-500);\n --color-rainbow-4-icon: var(--color-red-500);\n --color-rainbow-4-border-light: var(--color-red-100);\n --color-rainbow-4-border: var(--color-red-500);\n --color-rainbow-4-background: var(--color-red-50);\n --color-rainbow-3-text: var(--color-yellow-800);\n --color-rainbow-3-icon: var(--color-yellow-800);\n --color-rainbow-3-border-light: var(--color-yellow-200);\n --color-rainbow-3-border: var(--color-yellow-800);\n --color-rainbow-3-background: var(--color-yellow-50);\n --color-rainbow-2-text: var(--color-orange-700);\n --color-rainbow-2-icon: var(--color-orange-700);\n --color-rainbow-2-border-light: var(--color-orange-100);\n --color-rainbow-2-border: var(--color-orange-700);\n --color-rainbow-2-background: var(--color-orange-50);\n --color-rainbow-1-text: var(--color-amber-700);\n --color-rainbow-1-icon: var(--color-amber-700);\n --color-rainbow-1-border-light: var(--color-amber-100);\n --color-rainbow-1-border: var(--color-amber-700);\n --color-rainbow-1-background: var(--color-amber-50);\n --color-focus-brand: var(--color-orange-500);\n --color-feedback-success-high-contrast-title: var(--color-base-white);\n --color-feedback-success-high-contrast-text: var(--color-status-green-50);\n --color-feedback-success-high-contrast-icon: var(--color-base-white);\n --color-feedback-success-high-contrast-border: var(--color-status-green-600);\n --color-feedback-success-high-contrast-background: var(--color-status-green-600);\n --color-feedback-success-low-text: var(--color-status-green-600);\n --color-feedback-success-low-icon: var(--color-status-green-600);\n --color-feedback-success-low-border-subtle: var(--color-status-green-100);\n --color-feedback-success-low-border: var(--color-status-green-600);\n --color-feedback-success-low-background: var(--color-status-green-50);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-border: var(--color-status-green-400);\n --color-feedback-success-high-background: var(--color-status-green-400);\n --color-feedback-warning-high-contrast-title: var(--color-base-white);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-50);\n --color-feedback-warning-high-contrast-icon: var(--color-base-white);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-700);\n --color-feedback-warning-low-text: var(--color-status-yellow-700);\n --color-feedback-warning-low-icon: var(--color-status-yellow-700);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-100);\n --color-feedback-warning-low-border: var(--color-status-yellow-700);\n --color-feedback-warning-low-background: var(--color-status-yellow-50);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-neutral-high-contrast-title: var(--color-base-white);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-50);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-white);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-450);\n --color-feedback-neutral-low-text: var(--color-gray-spark-450);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-450);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-100);\n --color-feedback-neutral-low-border: var(--color-gray-spark-450);\n --color-feedback-neutral-low-background: var(--color-gray-spark-50);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-error-high-contrast-title: var(--color-base-white);\n --color-feedback-error-high-contrast-text: var(--color-status-red-50);\n --color-feedback-error-high-contrast-icon: var(--color-base-white);\n --color-feedback-error-high-contrast-border: var(--color-status-red-600);\n --color-feedback-error-high-contrast-background: var(--color-status-red-600);\n --color-feedback-error-low-text: var(--color-status-red-600);\n --color-feedback-error-low-icon: var(--color-status-red-600);\n --color-feedback-error-low-border-subtle: var(--color-status-red-100);\n --color-feedback-error-low-border: var(--color-status-red-600);\n --color-feedback-error-low-background: var(--color-status-red-50);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-information-high-contrast-title: var(--color-base-white);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-50);\n --color-feedback-information-high-contrast-icon: var(--color-base-white);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-800);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-800);\n --color-feedback-information-low-text: var(--color-status-blue-500);\n --color-feedback-information-low-icon: var(--color-status-blue-500);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-100);\n --color-feedback-information-low-border: var(--color-status-blue-500);\n --color-feedback-information-low-background: var(--color-status-blue-50);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-chart-10: var(--color-crimson-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-1: var(--color-amber-500);\n --color-brand-900: var(--color-amber-900);\n --color-brand-800: var(--color-amber-800);\n --color-brand-700: var(--color-amber-700);\n --color-brand-600: var(--color-amber-600);\n --color-brand-500: var(--color-amber-500);\n --color-brand-400: var(--color-amber-400);\n --color-brand-300: var(--color-amber-300);\n --color-brand-200: var(--color-amber-200);\n --color-brand-100: var(--color-amber-100);\n --color-brand-50: var(--color-amber-50);\n --color-accent-900: var(--color-petrol-900);\n --color-accent-800: var(--color-petrol-800);\n --color-accent-700: var(--color-petrol-700);\n --color-accent-600: var(--color-petrol-600);\n --color-accent-500: var(--color-petrol-500);\n --color-accent-400: var(--color-petrol-400);\n --color-accent-300: var(--color-petrol-300);\n --color-accent-200: var(--color-petrol-200);\n --color-accent-100: var(--color-petrol-100);\n --color-accent-50: var(--color-petrol-50);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-medium-icon: var(--color-gray-spark-300);\n --color-content-inverted-medium-text: var(--color-gray-spark-300);\n --color-content-inverted-high-icon: var(--color-gray-spark-50);\n --color-content-inverted-high-text: var(--color-gray-spark-50);\n --color-content-lower-text: var(--color-gray-spark-250);\n --color-content-low-icon: var(--color-gray-spark-400);\n --color-content-low-text: var(--color-gray-spark-400);\n --color-content-low-border: var(--color-gray-spark-100);\n --color-content-medium-icon: var(--color-gray-spark-550);\n --color-content-medium-text: var(--color-gray-spark-550);\n --color-content-medium-border: var(--color-gray-spark-200);\n --color-content-high-icon: var(--color-gray-spark-800);\n --color-content-high-text: var(--color-gray-spark-800);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-level-inverted-05-background: var(--color-gray-spark-850);\n --color-level-inverted-00-background: var(--color-gray-spark-900);\n --color-level-inverted-40-background: var(--color-gray-spark-500);\n --color-level-inverted-30-background: var(--color-gray-spark-600);\n --color-level-inverted-20-background: var(--color-gray-spark-700);\n --color-level-inverted-15-background: var(--color-gray-spark-750);\n --color-level-inverted-10-background: var(--color-gray-spark-800);\n --color-level-05-background: var(--color-gray-spark-25);\n --color-level-00-background: var(--color-gray-spark-00);\n --color-level-40-background: var(--color-gray-spark-00);\n --color-level-30-background: var(--color-gray-spark-50);\n --color-level-20-background: var(--color-gray-spark-00);\n --color-level-15-background: var(--color-gray-spark-75);\n --color-level-10-background: var(--color-gray-spark-50);\n --color-interaction-link-inverted-text-visited: var(--color-orange-700);\n --color-interaction-link-inverted-text-hover: var(--color-orange-500);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-700);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-500);\n --color-interaction-link-low-text-visited: var(--color-orange-700);\n --color-interaction-link-low-text-hover: var(--color-orange-700);\n --color-interaction-link-low-icon-visited: var(--color-orange-700);\n --color-interaction-link-low-icon-hover: var(--color-orange-700);\n --color-interaction-link-high-text-visited: var(--color-orange-700);\n --color-interaction-link-high-text-hover: var(--color-orange-700);\n --color-interaction-link-high-text: var(--color-orange-600);\n --color-interaction-link-high-icon-visited: var(--color-orange-700);\n --color-interaction-link-high-icon-hover: var(--color-orange-700);\n --color-interaction-link-high-icon: var(--color-orange-600);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-text-active: var(--color-orange-600);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-600);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-border-active: var(--color-orange-600);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-50);\n --color-interaction-container-branded-low-background-active: var(--color-orange-50);\n --color-interaction-container-branded-high-text-hover: var(--color-base-white);\n --color-interaction-container-branded-high-text-active: var(--color-base-white);\n --color-interaction-container-branded-high-text: var(--color-base-white);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-white);\n --color-interaction-container-branded-high-icon-active: var(--color-base-white);\n --color-interaction-container-branded-high-icon: var(--color-base-white);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-border-active: var(--color-orange-600);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-background-active: var(--color-orange-600);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-neutral-text-active: var(--color-orange-600);\n --color-interaction-container-neutral-icon-active: var(--color-orange-600);\n --color-interaction-container-neutral-border-active: var(--color-orange-600);\n --color-interaction-container-neutral-background-active: var(--color-orange-50);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-track-background: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-background: var(--color-level-00-background);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-border: var(--color-content-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-background: var(--color-level-00-background);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-background: var(--color-level-00-background);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-background: var(--color-level-00-background);\n --components-notification-warning-icon: var(--color-feedback-warning-low-icon);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-background: var(--color-level-00-background);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-background: var(--color-level-00-background);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-item-description-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-description-hover: var(--color-content-low-text);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-label-active: var(--color-interaction-container-neutral-text-active);\n --components-list-dropdown-item-label-disabled: var(--color-content-medium-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-background: var(--color-level-00-background);\n --components-calendar-background: var(--color-level-00-background);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-border: var(--color-content-low-border);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-warning-icon: var(--color-feedback-warning-low-icon);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-border-active: var(--color-interaction-container-branded-high-border-active);\n --components-button-high-border-hover: var(--color-interaction-container-branded-high-border-hover);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --color-focus-success: var(--color-feedback-success-low-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-background: var(--color-level-00-background);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-text);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-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-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-breadcrumb-text-current: var(--color-interaction-link-low-text-disabled);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --letter-spacing-heading-xl: -1.0000px;\n --letter-spacing-heading-lg: -0.7500px;\n --letter-spacing-heading-md: -0.5000px;\n --letter-spacing-heading-sm: -0.2500px;\n --letter-spacing-heading-xs: 0.0000px;\n --spacing-3-5: 14.0000px;\n --spacing-2-5: 10.0000px;\n --spacing-1-5: 6.0000px;\n --spacing-0-5: 2.0000px;\n --spacing-px: 1.0000px;\n --spacing-96: 384.0000px;\n --spacing-80: 320.0000px;\n --spacing-72: 288.0000px;\n --spacing-64: 256.0000px;\n --spacing-60: 240.0000px;\n --spacing-56: 224.0000px;\n --spacing-52: 208.0000px;\n --spacing-48: 192.0000px;\n --spacing-44: 176.0000px;\n --spacing-40: 160.0000px;\n --spacing-36: 144.0000px;\n --spacing-32: 128.0000px;\n --spacing-28: 112.0000px;\n --spacing-24: 96.0000px;\n --spacing-20: 80.0000px;\n --spacing-16: 64.0000px;\n --spacing-14: 56.0000px;\n --spacing-12: 48.0000px;\n --spacing-11: 44.0000px;\n --spacing-10: 40.0000px;\n --spacing-9: 36.0000px;\n --spacing-8: 32.0000px;\n --spacing-7: 28.0000px;\n --spacing-6: 24.0000px;\n --spacing-5: 20.0000px;\n --spacing-4: 16.0000px;\n --spacing-3: 12.0000px;\n --spacing-2: 8.0000px;\n --spacing-1: 4.0000px;\n --spacing-0: 0.0000px;\n --radius-rounded-full: 9999.0000px;\n --radius-rounded-3xl: 24.0000px;\n --radius-rounded-2xl: 16.0000px;\n --radius-rounded-xl: 12.0000px;\n --radius-rounded-lg: 8.0000px;\n --radius-rounded-md: 6.0000px;\n --radius-rounded: 4.0000px;\n --radius-rounded-sm: 2.0000px;\n --radius-rounded-none: 0.0000px;\n --line-height-9xl: 128.0000px;\n --line-height-8xl: 96.0000px;\n --line-height-7xl: 72.0000px;\n --line-height-6xl: 60.0000px;\n --line-height-5xl: 48.0000px;\n --line-height-4xl: 40.0000px;\n --line-height-3xl: 36.0000px;\n --line-height-2xl: 32.0000px;\n --line-height-xl: 30.0000px;\n --line-height-lg: 28.0000px;\n --line-height-base: 24.0000px;\n --line-height-sm: 20.0000px;\n --line-height-xs: 16.0000px;\n --leading-loose: 2.0000px;\n --leading-relaxed: 1.6250px;\n --leading-normal: 1.5000px;\n --leading-snug: 1.3750px;\n --leading-tight: 1.2500px;\n --leading-none: 1.0000px;\n --leading-px-10: 40.0000px;\n --leading-px-9: 36.0000px;\n --leading-px-8: 32.0000px;\n --leading-px-7: 28.0000px;\n --leading-px-6: 24.0000px;\n --leading-px-5: 20.0000px;\n --leading-px-4: 16.0000px;\n --leading-px-3: 12.0000px;\n --font-weight-high-emphasis-700: Bold;\n --font-weight-medium-emphasis-500: Medium;\n --font-weight-low-emphasis-400: Regular;\n --font-weight-low-emphasis: 400;\n --font-weight-medium-emphasis: 500;\n --font-weight-high-emphasis: 700;\n --font-size-9xl: 128.0000px;\n --font-size-8xl: 96.0000px;\n --font-size-7xl: 72.0000px;\n --font-size-6xl: 60.0000px;\n --font-size-5xl: 48.0000px;\n --font-size-4xl: 36.0000px;\n --font-size-3xl: 30.0000px;\n --font-size-2xl: 24.0000px;\n --font-size-xl: 20.0000px;\n --font-size-lg: 18.0000px;\n --font-size-md: 16.0000px;\n --font-size-sm: 14.0000px;\n --font-size-xs: 12.0000px;\n --font-family-fallback: Arial;\n --font-family-mono: TT Norms Pro Mono;\n --font-family-default: TT Norms Pro;\n --color-yellow-900: #4d3a00;\n --color-yellow-800: #795c00;\n --color-yellow-700: #a67d00;\n --color-yellow-600: #d29f00;\n --color-yellow-500: #ffc100;\n --color-yellow-400: #ffcc2d;\n --color-yellow-300: #ffd759;\n --color-yellow-200: #ffe286;\n --color-yellow-100: #ffecb3;\n --color-yellow-50: #fff7df;\n --color-turquoise-900: #1c2b28;\n --color-turquoise-800: #32504c;\n --color-turquoise-700: #456e68;\n --color-turquoise-600: #578b84;\n --color-turquoise-500: #6aa9a0;\n --color-turquoise-400: #84b8b1;\n --color-turquoise-300: #9ec7c1;\n --color-turquoise-200: #b8d6d2;\n --color-turquoise-100: #d2e5e3;\n --color-turquoise-50: #ecf4f3;\n --color-red-900: #3d0909;\n --color-red-800: #610e0e;\n --color-red-700: #851313;\n --color-red-600: #a81818;\n --color-red-500: #cc1d1d;\n --color-red-400: #d54545;\n --color-red-300: #de6c6c;\n --color-red-200: #e79494;\n --color-red-100: #f0bbbb;\n --color-red-50: #f9e3e3;\n --color-petrol-900: #0b292e;\n --color-petrol-800: #124148;\n --color-petrol-700: #185963;\n --color-petrol-600: #1f717d;\n --color-petrol-500: #258998;\n --color-petrol-400: #4b9eaa;\n --color-petrol-300: #71b2bc;\n --color-petrol-200: #97c7ce;\n --color-petrol-100: #bedce0;\n --color-petrol-50: #e4f0f2;\n --color-orange-950: #371408;\n --color-orange-900: #45190a;\n --color-orange-800: #6e280f;\n --color-orange-700: #963715;\n --color-orange-600: #bf451a;\n --color-orange-500: #e75420;\n --color-orange-400: #eb7247;\n --color-orange-300: #ef906e;\n --color-orange-200: #f4ae95;\n --color-orange-100: #f8ccbc;\n --color-orange-50: #fceae3;\n --color-status-yellow-900: #302300;\n --color-status-yellow-800: #4d3701;\n --color-status-yellow-700: #805c00;\n --color-status-yellow-600: #b58200;\n --color-status-yellow-500: #e0a917;\n --color-status-yellow-400: #fac50d;\n --color-status-yellow-300: #f7d14c;\n --color-status-yellow-200: #ffe286;\n --color-status-yellow-100: #fae49d;\n --color-status-yellow-50: #fff7df;\n --color-status-red-900: #380101;\n --color-status-red-800: #530101;\n --color-status-red-700: #911515;\n --color-status-red-600: #bb1919;\n --color-status-red-500: #da2424;\n --color-status-red-400: #ff3d3d;\n --color-status-red-300: #ff6161;\n --color-status-red-200: #ff8f8f;\n --color-status-red-100: #f5c4c4;\n --color-status-red-50: #ffeded;\n --color-status-green-900: #002302;\n --color-status-green-800: #003603;\n --color-status-green-700: #035707;\n --color-status-green-600: #008207;\n --color-status-green-500: #34ae3b;\n --color-status-green-400: #45d24d;\n --color-status-green-300: #6bde71;\n --color-status-green-200: #9ef4a3;\n --color-status-green-100: #c8facb;\n --color-status-green-50: #eafeeb;\n --color-status-blue-900: #001c37;\n --color-status-blue-800: #09285c;\n --color-status-blue-700: #113a80;\n --color-status-blue-600: #1c4d9e;\n --color-status-blue-500: #2660c2;\n --color-status-blue-400: #3883ff;\n --color-status-blue-300: #659fff;\n --color-status-blue-200: #a8c9ff;\n --color-status-blue-100: #c7dcff;\n --color-status-blue-50: #f0f6ff;\n --color-light-blue-500: #9ac3ce;\n --color-lime-900: #2a330e;\n --color-lime-800: #435017;\n --color-lime-700: #5c6e1f;\n --color-lime-600: #748b28;\n --color-lime-500: #8da930;\n --color-lime-400: #a1b854;\n --color-lime-300: #b5c778;\n --color-lime-200: #c9d69d;\n --color-lime-100: #dde5c1;\n --color-lime-50: #f1f4e5;\n --color-green-900: #062908;\n --color-green-800: #09400c;\n --color-green-700: #0c5810;\n --color-green-600: #106f15;\n --color-green-500: #138719;\n --color-green-400: #3c9c41;\n --color-green-300: #66b16a;\n --color-green-200: #8fc692;\n --color-green-100: #b8dbba;\n --color-green-50: #e2f0e2;\n --color-gray-spark-00: #ffffff;\n --color-gray-spark-900: #0e0e0e;\n --color-gray-spark-850: #161616;\n --color-gray-spark-800: #1d1d1d;\n --color-gray-spark-750: #252525;\n --color-gray-spark-700: #2b2b2b;\n --color-gray-spark-650: #313131;\n --color-gray-spark-600: #3a3a3a;\n --color-gray-spark-550: #414141;\n --color-gray-spark-500: #484848;\n --color-gray-spark-450: #4f4f4f;\n --color-gray-spark-400: #6d6d6d;\n --color-gray-spark-350: #808080;\n --color-gray-spark-300: #919191;\n --color-gray-spark-250: #a9a9a9;\n --color-gray-spark-200: #bfbfbf;\n --color-gray-spark-150: #cccccc;\n --color-gray-spark-100: #e3e3e3;\n --color-gray-spark-75: #ededed;\n --color-gray-spark-50: #f6f6f6;\n --color-gray-spark-25: #fbfbfb;\n --color-gray-ocean-00: #ffffff;\n --color-gray-ocean-900: #0b0f11;\n --color-gray-ocean-850: #11171a;\n --color-gray-ocean-800: #171f22;\n --color-gray-ocean-750: #1e272b;\n --color-gray-ocean-700: #222e33;\n --color-gray-ocean-650: #27353b;\n --color-gray-ocean-600: #2e3e44;\n --color-gray-ocean-550: #34464d;\n --color-gray-ocean-500: #394d55;\n --color-gray-ocean-450: #3f555e;\n --color-gray-ocean-400: #617177;\n --color-gray-ocean-350: #72858c;\n --color-gray-ocean-300: #889499;\n --color-gray-ocean-250: #9fadb2;\n --color-gray-ocean-200: #bac1c4;\n --color-gray-ocean-150: #c6ced1;\n --color-gray-ocean-100: #e1e4e6;\n --color-gray-ocean-75: #eaeef0;\n --color-gray-ocean-50: #f5f6f7;\n --color-gray-ocean-25: #fafbfb;\n --color-dark-gray-500: #394d55;\n --color-dark-blue-500: #447583;\n --color-crimson-900: #2e0010;\n --color-crimson-800: #490019;\n --color-crimson-700: #630022;\n --color-crimson-600: #7e002c;\n --color-crimson-500: #990035;\n --color-crimson-400: #ab2d58;\n --color-crimson-300: #bd597c;\n --color-crimson-200: #cf869f;\n --color-crimson-100: #e0b3c2;\n --color-crimson-50: #f7e9ee;\n --color-amber-900: #432306;\n --color-amber-800: #723d0c;\n --color-amber-700: #9c5311;\n --color-amber-600: #c66a15;\n --color-amber-500: #f0801a;\n --color-amber-400: #f39642;\n --color-amber-300: #f5ac6a;\n --color-amber-200: #f8c392;\n --color-amber-100: #fbd9ba;\n --color-amber-50: #fdefe2;\n --color-base-black: #000000;\n --color-base-white: #ffffff;\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --global-typography-legend-font-style: uppercase;\n --global-typography-label-font-style: normal;\n --global-typography-small-font-style: normal;\n --global-typography-p-font-style: normal;\n --global-typography-h5-font-style: normal;\n --global-typography-h6-font-style: normal;\n --global-typography-h4-font-style: normal;\n --global-typography-h3-font-style: normal;\n --global-typography-h2-font-style: normal;\n --global-typography-h1-font-style: normal;\n --tooltip-font-weight: 500;\n --togglegroup-lg-iconbutton-padding-y: 9.0000px;\n --togglegroup-lg-button-radius: 5.0000px;\n --togglegroup-lg-button-padding-y: 7.0000px;\n --togglegroup-lg-padding: 3.0000px;\n --togglegroup-md-iconbutton-padding-y: 7.0000px;\n --togglegroup-md-button-radius: 3.0000px;\n --togglegroup-md-button-padding-y: 5.0000px;\n --togglegroup-md-padding: 3.0000px;\n --togglegroup-sm-iconbutton-padding-y: 5.0000px;\n --togglegroup-sm-button-radius: 2.0000px;\n --togglegroup-sm-button-padding-y: 3.0000px;\n --togglegroup-sm-padding: 3.0000px;\n --togglegroup-xs-iconbutton-padding-y: 3.0000px;\n --togglegroup-xs-button-radius: 1.0000px;\n --togglegroup-xs-button-padding-y: 1.0000px;\n --togglegroup-xs-padding: 3.0000px;\n --splitter-old-stroke: 1.0000px;\n --slider-tick-radius: 1.0000px;\n --sidebar-reduced-width: 68.0000px;\n --sidebar-notification-bullet-font-size: 9.0000px;\n --sidebar-width: 312.0000px;\n --popover-shadow-2-x: 0.0000px;\n --popover-shadow-1-blur: 1.0000px;\n --popover-shadow-1-x: 0.0000px;\n --popover-font-weight: 500;\n --navigation-primary-notification-bullet-font-size: 9.0000px;\n --navigation-reduced-max-width: 100.0000px;\n --navigation-width: 312.0000px;\n --menu-contextual-item-font-weight: 500;\n --menu-contextual-divider-padding-bottom: 3.0000px;\n --form-max-width: 480.0000px;\n --form-field-badge-gap: 0.0000px;\n --list-select-hr-padding-y: 3.0000px;\n --list-select-hr-padding-x: 9.0000px;\n --icon-stroke-xl: 1.9000px;\n --icon-stroke-lg: 1.8000px;\n --icon-stroke-md: 1.6000px;\n --icon-stroke-sm: 1.4000px;\n --icon-stroke-xs: 1.2000px;\n --calendar-cell-dot-size: 3.0000px;\n --drawer-size-full-width: 1372.0000px;\n --drawer-size-lg-max-width: 1024.0000px;\n --drawer-size-lg-width: 992.0000px;\n --drawer-size-lg-min-width: 960.0000px;\n --drawer-size-md-max-width: 960.0000px;\n --drawer-size-md-width: 800.0000px;\n --drawer-size-md-min-width: 640.0000px;\n --drawer-size-sm-max-width: 480.0000px;\n --drawer-size-sm-width: 400.0000px;\n --drawer-size-sm-min-width: 320.0000px;\n --drawer-radius-top-right: 0.0000px;\n --drawer-radius-bottom-right: 0.0000px;\n --button-lg-ring-radius: 9.0000px;\n --button-md-ring-radius: 7.0000px;\n --button-sm-ring-radius: 5.0000px;\n --button-xs-ring-radius: 3.0000px;\n --buttongroup-md-button-radius: 3.0000px;\n --buttongroup-md-button-padding-y: 5.0000px;\n --buttongroup-md-padding: 3.0000px;\n --buttongroup-lg-button-radius: 4.0000px;\n --buttongroup-lg-button-padding-y: 6.0000px;\n --buttongroup-lg-padding: 4.0000px;\n --buttongroup-sm-padding: 2.0000px;\n --buttongroup-sm-button-radius: 2.0000px;\n --buttongroup-sm-button-padding-y: 4.0000px;\n --buttongroup-xs-button-radius: 1.0000px;\n --buttongroup-xs-padding: 2.0000px;\n --avatar-xl-font-size: 28.0000px;\n --avatar-lg-font-size: 22.0000px;\n --avatar-md-font-size: 18.0000px;\n --avatar-sm-font-size: 13.0000px;\n --avatar-xs-font-size: 10.0000px;\n --tag-border-radius: var(--radius-rounded);\n --tag-height: var(--spacing-6);\n --tag-padding-x: var(--spacing-1-5);\n --tag-gap-x: var(--spacing-1);\n --splitter-handle-radius: var(--radius-rounded-md);\n --splitter-handle-wide-hover: var(--spacing-2);\n --splitter-handle-wide: var(--spacing-1);\n --splitter-handle-long: var(--spacing-6);\n --splitter-gutter: var(--spacing-6);\n --splitter-line-width: var(--spacing-1);\n --status-indicator-label-line-height: var(--line-height-xs);\n --status-indicator-label-size: var(--font-size-xs);\n --status-indicator-radius: var(--radius-rounded-full);\n --status-indicator-padding-y: var(--spacing-1);\n --status-indicator-padding-x: var(--spacing-1-5);\n --status-indicator-icon-size: var(--spacing-3);\n --status-indicator-width-icon-only: var(--spacing-6);\n --status-indicator-height: var(--spacing-6);\n --status-indicator-gap-x: var(--spacing-0-5);\n --pagination-table-padding-y: var(--spacing-2);\n --pagination-table-padding-x: var(--spacing-3);\n --pagination-table-padding-left: var(--spacing-3);\n --pagination-table-height: var(--spacing-9);\n --pagination-table-gap-x: var(--spacing-8);\n --pagination-table-font-size: var(--font-size-sm);\n --notification-title-line-height: var(--line-height-sm);\n --notification-title-font-weight: var(--font-weight-medium-emphasis);\n --notification-title-font-size: var(--font-size-sm);\n --notification-timestamp-line-height: var(--line-height-sm);\n --notification-timestamp-font-weight: var(--font-weight-low-emphasis);\n --notification-timestamp-font-size: var(--font-size-sm);\n --notification-description-line-height: var(--line-height-sm);\n --notification-description-font-weight: var(--font-weight-medium-emphasis);\n --notification-description-font-size: var(--font-size-sm);\n --notification-border-width-low-emphasis: var(--spacing-px);\n --notification-border-width-high-emphasis: var(--spacing-2);\n --notification-radius: var(--radius-rounded-lg);\n --notification-padding-left: var(--spacing-6);\n --notification-padding-right: var(--spacing-6);\n --notification-padding: var(--spacing-4);\n --notification-gap-y: var(--spacing-1);\n --notification-gap-x-title: var(--spacing-2);\n --notification-gap-x: var(--spacing-3);\n --notification-icon-size: var(--spacing-5);\n --loader-size-xl: var(--spacing-8);\n --loader-size-lg: var(--spacing-7);\n --loader-size-md: var(--spacing-6);\n --loader-size-sm: var(--spacing-5);\n --loader-size-xs: var(--spacing-4);\n --focus-outline-stroke: var(--spacing-0-5);\n --focus-outline-offset: var(--spacing-0-5);\n --focus-field-stroke: var(--spacing-px);\n --dialog-footer-padding-x: var(--spacing-6);\n --dialog-footer-padding-bottom: var(--spacing-6);\n --dialog-footer-padding-top: var(--spacing-2);\n --dialog-footer-gap-y: var(--spacing-3);\n --dialog-body-padding-y: var(--spacing-2);\n --dialog-body-padding-x: var(--spacing-6);\n --dialog-header-padding-x: var(--spacing-6);\n --dialog-header-padding-bottom: var(--spacing-2);\n --dialog-header-padding-top: var(--spacing-6);\n --dialog-header-gap-y: var(--spacing-0);\n --dialog-dismissible-position-right: var(--spacing-3);\n --dialog-dismissible-position-top: var(--spacing-5);\n --datagrid-expanded-padding-left: var(--spacing-14);\n --datagrid-expanded-padding-y: var(--spacing-4);\n --datagrid-expanded-padding-right: var(--spacing-4);\n --datagrid-cell-header-chevron-padding-x: var(--spacing-0);\n --datagrid-cell-header-padding-y: var(--spacing-3);\n --datagrid-cell-header-padding-right: var(--spacing-2);\n --datagrid-cell-header-padding-x: var(--spacing-4);\n --datagrid-cell-body-chevron-padding-x: var(--spacing-0);\n --datagrid-cell-body-actions-padding-y: var(--spacing-1);\n --datagrid-cell-body-padding-y: var(--spacing-2);\n --datagrid-cell-body-actions-gap-x: var(--spacing-2);\n --datagrid-cell-body-avatar-gap-x: var(--spacing-3);\n --datagrid-cell-body-padding-x: var(--spacing-4);\n --breadcrumb-padding-y: var(--spacing-1);\n --badge-radius: var(--radius-rounded-full);\n --badge-padding-y: var(--spacing-1);\n --badge-padding-icon-only-x: var(--spacing-1-5);\n --badge-padding-x: var(--spacing-2);\n --badge-height: var(--spacing-6);\n --badge-gap-icon-only-x: var(--spacing-0-5);\n --badge-gap-x: var(--spacing-1);\n --alert-message-line-height: var(--line-height-sm);\n --alert-message-font-weight: var(--font-weight-low-emphasis);\n --alert-message-font-size: var(--font-size-sm);\n --alert-heading-line-height: var(--line-height-sm);\n --alert-heading-font-weight: var(--font-weight-medium-emphasis);\n --alert-heading-font-size: var(--font-size-sm);\n --alert-radius: var(--radius-rounded-lg);\n --alert-padding-right: var(--spacing-8);\n --alert-padding: var(--spacing-4);\n --alert-gap-y: var(--spacing-1);\n --alert-icon-position-y: var(--spacing-4);\n --alert-icon-position-x: var(--spacing-4);\n --alert-gap-x: var(--spacing-3);\n --alert-icon-size: var(--spacing-5);\n --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-legend-line-height: var(--line-height-xs);\n --global-typography-legend-font-size: var(--font-size-xs);\n --global-typography-label-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-label-line-height: var(--line-height-sm);\n --global-typography-label-font-size: var(--font-size-sm);\n --global-typography-small-line-height: var(--line-height-xs);\n --global-typography-small-font-size: var(--font-size-xs);\n --global-typography-p-font-weight: var(--font-weight-low-emphasis);\n --global-typography-p-line-height: var(--line-height-base);\n --global-typography-p-font-size: var(--font-size-md);\n --global-typography-h5-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h5-line-height: var(--line-height-lg);\n --global-typography-h5-font-size: var(--font-size-lg);\n --global-typography-h6-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-h6-line-height: var(--line-height-lg);\n --global-typography-h6-font-size: var(--font-size-lg);\n --global-typography-h4-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h4-line-height: var(--line-height-xl);\n --global-typography-h4-font-size: var(--font-size-xl);\n --global-typography-h3-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h3-line-height: var(--line-height-2xl);\n --global-typography-h3-font-size: var(--font-size-2xl);\n --global-typography-h2-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h2-line-height: var(--line-height-3xl);\n --global-typography-h2-font-size: var(--font-size-3xl);\n --global-typography-h1-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h1-line-height: var(--line-height-4xl);\n --global-typography-h1-font-size: var(--font-size-5xl);\n --tooltip-radius: var(--radius-rounded-md);\n --tooltip-gap-y: var(--spacing-1);\n --tooltip-complex-padding-y: var(--spacing-3);\n --tooltip-padding-y: var(--spacing-3);\n --tooltip-padding-x: var(--spacing-3);\n --tooltip-font-size: var(--font-size-sm);\n --togglegroup-inner-space: var(--spacing-1-5);\n --togglegroup-stroke: var(--spacing-px);\n --togglegroup-lg-height: var(--spacing-12);\n --togglegroup-lg-gap: var(--spacing-0-5);\n --togglegroup-lg-radius: var(--radius-rounded-lg);\n --togglegroup-md-height: var(--spacing-10);\n --togglegroup-md-gap: var(--spacing-0-5);\n --togglegroup-md-radius: var(--radius-rounded-md);\n --togglegroup-sm-height: var(--spacing-8);\n --togglegroup-sm-gap: var(--spacing-0-5);\n --togglegroup-sm-radius: var(--radius-rounded);\n --togglegroup-xs-height: var(--spacing-6);\n --togglegroup-xs-gap: var(--spacing-0-5);\n --togglegroup-xs-radius: var(--radius-rounded-sm);\n --splitter-old-handler-radius: var(--radius-rounded-md);\n --splitter-old-handler-wide: var(--spacing-3);\n --splitter-old-handler-long: var(--spacing-6);\n --slider-track-radius: var(--radius-rounded-sm);\n --slider-track-padding-x: var(--spacing-3);\n --slider-track-height: var(--spacing-1);\n --slider-handler-size-inner: var(--spacing-4);\n --slider-handler-size-max: var(--spacing-6);\n --slider-handler-size-min: var(--spacing-5);\n --slider-handler-stroke: var(--spacing-0-5);\n --slider-tick-width: var(--spacing-0-5);\n --slider-tick-height: var(--spacing-1);\n --sidebar-divider-size: var(--spacing-px);\n --sidebar-sub-item-padding-left: var(--spacing-7);\n --sidebar-item-radius: var(--radius-rounded-md);\n --sidebar-item-padding-y-collapsed: var(--spacing-2-5);\n --sidebar-item-padding-y: var(--spacing-2);\n --sidebar-item-padding-x-collapsed: var(--spacing-2-5);\n --sidebar-item-padding-x: var(--spacing-3);\n --sidebar-item-icon-size: var(--spacing-5);\n --sidebar-item-gap-x: var(--spacing-2);\n --sidebar-item-font-size: var(--font-size-md);\n --sidebar-title-padding-y: var(--spacing-1);\n --sidebar-title-padding-x: var(--spacing-3);\n --sidebar-title-font-size: var(--font-size-sm);\n --sidebar-collapsible-button-position-right: var(--spacing-4);\n --sidebar-collapsible-button-position-top: var(--spacing-8);\n --sidebar-collapsible-button-padding: var(--spacing-2);\n --sidebar-collapsible-button-icon-size: var(--spacing-4);\n --sidebar-section-gap-y-collapsed: var(--spacing-1);\n --sidebar-section-gap-y: var(--spacing-0-5);\n --sidebar-group-gap-y: var(--spacing-1);\n --sidebar-footer-gap-y: var(--spacing-5);\n --sidebar-width-collapsed: var(--spacing-20);\n --sidebar-padding-y: var(--spacing-6);\n --sidebar-padding-x-collapsed: var(--spacing-5);\n --sidebar-padding-x: var(--spacing-6);\n --sidebar-gap-y: var(--spacing-3);\n --sidebar-notification-bullet-size-reduced: var(--spacing-1-5);\n --sidebar-notification-bullet-size: var(--spacing-4);\n --sidebar-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --popover-radius: var(--radius-rounded-md);\n --popover-padding-y: var(--spacing-2);\n --popover-padding-x: var(--spacing-2);\n --popover-gap-y: var(--spacing-1);\n --popover-font-size: var(--font-size-sm);\n --popover-shadow-2-opacity: var(--shadow-color-opacity-2);\n --popover-shadow-2-spread: var(--shadow-spread-lg-2);\n --popover-shadow-2-blur: var(--shadow-blur-lg-2);\n --popover-shadow-2-y: var(--shadow-y-axis-lg-2);\n --popover-shadow-1-opacity: var(--shadow-color-opacity-3);\n --popover-shadow-1-spread: var(--shadow-spread-lg-1);\n --popover-shadow-1-y: var(--shadow-y-axis-none);\n --navigation-gap-y: var(--spacing-3);\n --navigation-primary-separator-size: var(--spacing-px);\n --navigation-primary-sub-item-padding-left-x: var(--spacing-7);\n --navigation-primary-item-radius: var(--radius-rounded-md);\n --navigation-primary-item-icon-size: var(--spacing-5);\n --navigation-primary-item-font-size: var(--font-size-md);\n --navigation-primary-item-padding-y: var(--spacing-2);\n --navigation-primary-item-padding-x: var(--spacing-3);\n --navigation-primary-item-gap-x: var(--spacing-2);\n --navigation-primary-title-font-size: var(--font-size-sm);\n --navigation-primary-title-padding-y: var(--spacing-1);\n --navigation-primary-title-padding-x: var(--spacing-3);\n --navigation-primary-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --navigation-primary-notification-bullet-size-reduced: var(--spacing-1-5);\n --navigation-primary-notification-bullet-size: var(--spacing-4);\n --menu-contextual-radius: var(--radius-rounded-md);\n --menu-contextual-padding-y: var(--spacing-1);\n --menu-contextual-padding-x: var(--spacing-1);\n --menu-contextual-gap-y: var(--spacing-0-5);\n --menu-contextual-item-radius: var(--radius-rounded);\n --menu-contextual-item-gap-x: var(--spacing-3);\n --menu-contextual-item-padding-y: var(--spacing-2);\n --menu-contextual-item-padding-x: var(--spacing-2-5);\n --menu-contextual-item-font-size: var(--font-size-sm);\n --menu-contextual-divider-padding-x: var(--spacing-2-5);\n --menu-contextual-divider-padding-top: var(--spacing-1);\n --form-toggle-width: var(--spacing-9);\n --form-toggle-switch-dot-selected: var(--spacing-3-5);\n --form-toggle-switch-dot-default: var(--spacing-3);\n --form-toggle-padding-selected: var(--spacing-0-5);\n --form-toggle-padding-default: var(--spacing-1);\n --form-toggle-radius: var(--radius-rounded-full);\n --form-toggle-padding-top: var(--spacing-0);\n --form-toggle-height: var(--spacing-5);\n --form-toggle-border-width: var(--spacing-0-5);\n --form-radio-ring-radius: var(--radius-rounded-full);\n --form-radio-size: var(--spacing-5);\n --form-radio-padding-top: var(--spacing-0);\n --form-radio-inner-circle-size: var(--spacing-2);\n --form-radio-inner-circle-padding: var(--spacing-1-5);\n --form-radio-border-width: var(--spacing-0-5);\n --form-checkbox-icon-stroke: var(--spacing-0-5);\n --form-checkbox-ring-radius: var(--radius-rounded-lg);\n --form-checkbox-size: var(--spacing-5);\n --form-checkbox-radius: var(--radius-rounded-md);\n --form-checkbox-padding-top: var(--spacing-0);\n --form-checkbox-icon-size: var(--spacing-3-5);\n --form-checkbox-border-width: var(--spacing-0-5);\n --form-label-font-weight: var(--font-weight-medium-emphasis);\n --form-label-line-height: var(--line-height-sm);\n --form-label-gap: var(--spacing-1);\n --form-label-font-size: var(--font-size-sm);\n --form-description-font-weight: var(--font-weight-low-emphasis);\n --form-description-line-height: var(--line-height-sm);\n --form-description-font-size: var(--font-size-sm);\n --form-gap-y: var(--spacing-1);\n --form-gap-x: var(--spacing-3);\n --form-field-inner-button-padding-y: var(--spacing-2-5);\n --form-field-inner-button-padding-x-int: var(--spacing-1-5);\n --form-field-inner-button-padding-x-ext: var(--spacing-2-5);\n --form-field-leading-trailing-line-height: var(--line-height-base);\n --form-field-leading-trailing-icon-size: var(--spacing-5);\n --form-field-leading-trailing-font-size: var(--font-size-sm);\n --form-field-radius: var(--radius-rounded-md);\n --form-field-padding-y: var(--spacing-2);\n --form-field-padding-x-icon-button: var(--spacing-10);\n --form-field-padding-x: var(--spacing-2);\n --form-field-line-height: var(--line-height-base);\n --form-field-gap-inner: var(--spacing-2);\n --form-field-gap: var(--spacing-2);\n --form-field-icon-size: var(--spacing-5);\n --form-field-font-weight: var(--font-weight-medium-emphasis);\n --form-field-font-size: var(--font-size-md);\n --form-field-badge-padding-y: var(--spacing-0-5);\n --form-field-badge-padding-x: var(--spacing-1);\n --list-multiselect-padding: var(--spacing-3);\n --list-dropdown-sub-item-padding-left: var(--spacing-4);\n --list-dropdown-separator-padding-y: var(--spacing-0-5);\n --list-dropdown-separator-padding-x: var(--spacing-0);\n --list-dropdown-padding: var(--spacing-2);\n --list-dropdown-radius: var(--radius-rounded-md);\n --list-dropdown-gap-y: var(--spacing-0-5);\n --list-dropdown-item-radius: var(--radius-rounded-md);\n --list-dropdown-item-gap-x: var(--spacing-3);\n --list-dropdown-item-padding-y: var(--spacing-2);\n --list-dropdown-item-padding-x: var(--spacing-2);\n --list-dropdown-item-padding-right: var(--spacing-2);\n --list-dropdown-item-padding-left: var(--spacing-8);\n --list-dropdown-line-height: var(--line-height-base);\n --list-dropdown-font-size: var(--font-size-md);\n --list-dropdown-icon-size: var(--spacing-5);\n --list-select-optgroup-padding-y: var(--spacing-2);\n --list-select-optgroup-gap: var(--spacing-0-5);\n --list-select-optgroup-option-margin-top: var(--spacing-1);\n --list-select-optgroup-option-padding-left: var(--spacing-5);\n --list-select-padding: var(--spacing-2);\n --list-select-radius: var(--radius-rounded-md);\n --list-select-gap-y: var(--spacing-0-5);\n --list-select-option-radius: var(--radius-rounded-md);\n --list-select-option-padding: var(--spacing-2);\n --list-select-option-padding-right: var(--spacing-2);\n --list-select-option-padding-left: var(--spacing-5);\n --list-select-line-height: var(--line-height-base);\n --list-select-font-size: var(--font-size-md);\n --list-select-icon-size: var(--spacing-5);\n --icon-size-xl: var(--spacing-7);\n --icon-size-lg: var(--spacing-6);\n --icon-size-md: var(--spacing-5);\n --icon-size-sm: var(--spacing-4);\n --icon-size-xs: var(--spacing-3);\n --calendar-navigation-buttons-gap: var(--spacing-1);\n --calendar-controls-padding-top: var(--spacing-2);\n --calendar-controls-margin-top: var(--spacing-1);\n --calendar-weeks-size: var(--spacing-10);\n --calendar-weeks-radius: var(--radius-rounded);\n --calendar-header-button-size: var(--spacing-8);\n --calendar-header-margin-bottom: var(--spacing-1);\n --calendar-header-line-height: var(--line-height-sm);\n --calendar-header-font-weight: var(--font-weight-medium-emphasis);\n --calendar-header-font-size: var(--font-size-sm);\n --calendar-grid-gap-y: var(--spacing-0-5);\n --calendar-grid-gap-x: var(--spacing-0);\n --calendar-radius: var(--radius-rounded-md);\n --calendar-weeks-calendar-gap-x: var(--spacing-2);\n --calendar-gap-y: var(--spacing-1);\n --calendar-gap-x: var(--spacing-1);\n --calendar-double-gap-x: var(--spacing-3);\n --calendar-padding: var(--spacing-1);\n --calendar-cell-radius: var(--radius-rounded-2xl);\n --calendar-cell-size: var(--spacing-8);\n --calendar-cell-line-height: var(--line-height-sm);\n --calendar-cell-font-weight: var(--font-weight-low-emphasis);\n --calendar-cell-font-size: var(--font-size-sm);\n --drawer-padding-y: var(--spacing-6);\n --drawer-padding-x: var(--spacing-6);\n --drawer-header-padding-right: var(--spacing-8);\n --drawer-gap-y: var(--spacing-6);\n --drawer-dismissible-position-right: var(--spacing-6);\n --drawer-dismissible-position-top: var(--spacing-6);\n --drawer-radius-top-left: var(--radius-rounded-2xl);\n --drawer-radius-bottom-left: var(--radius-rounded-2xl);\n --button-lg-padding-y: var(--spacing-2-5);\n --button-lg-padding-x: var(--spacing-4);\n --button-lg-line-height: var(--line-height-lg);\n --button-lg-icon-size: var(--spacing-6);\n --button-lg-icon-button-padding: var(--spacing-3);\n --button-lg-height: var(--spacing-12);\n --button-lg-gap: var(--spacing-2);\n --button-lg-font-size: var(--font-size-lg);\n --button-lg-border-radius: var(--radius-rounded-lg);\n --button-md-padding-y: var(--spacing-2);\n --button-md-padding-x: var(--spacing-3-5);\n --button-md-line-height: var(--line-height-base);\n --button-md-icon-size: var(--spacing-5);\n --button-md-icon-button-padding: var(--spacing-2-5);\n --button-md-height: var(--spacing-10);\n --button-md-gap: var(--spacing-2);\n --button-md-font-size: var(--font-size-md);\n --button-md-border-radius: var(--radius-rounded-md);\n --button-sm-padding-y: var(--spacing-1-5);\n --button-sm-padding-x: var(--spacing-3);\n --button-sm-line-height: var(--line-height-sm);\n --button-sm-icon-size: var(--spacing-4);\n --button-sm-icon-button-padding: var(--spacing-2);\n --button-sm-height: var(--spacing-8);\n --button-sm-gap: var(--spacing-1-5);\n --button-sm-font-size: var(--font-size-sm);\n --button-sm-border-radius: var(--radius-rounded);\n --button-xs-padding-y: var(--spacing-1);\n --button-xs-padding-x: var(--spacing-2-5);\n --button-xs-line-height: var(--line-height-xs);\n --button-xs-icon-size: var(--spacing-3);\n --button-xs-icon-button-padding: var(--spacing-1-5);\n --button-xs-height: var(--spacing-6);\n --button-xs-gap: var(--spacing-1);\n --button-xs-font-size: var(--font-size-xs);\n --button-xs-border-radius: var(--radius-rounded-sm);\n --buttongroup-md-height: var(--spacing-10);\n --buttongroup-md-gap: var(--spacing-px);\n --buttongroup-md-radius: var(--radius-rounded-md);\n --buttongroup-lg-height: var(--spacing-12);\n --buttongroup-lg-gap: var(--spacing-px);\n --buttongroup-lg-radius: var(--radius-rounded-lg);\n --buttongroup-sm-height: var(--spacing-8);\n --buttongroup-sm-gap: var(--spacing-px);\n --buttongroup-sm-radius: var(--radius-rounded);\n --buttongroup-xs-height: var(--spacing-6);\n --buttongroup-xs-gap: var(--spacing-px);\n --buttongroup-xs-radius: var(--radius-rounded-sm);\n --buttongroup-xs-button-padding-y: var(--spacing-0-5);\n --avatar-xl-size: var(--spacing-16);\n --avatar-xl-icon-size: var(--spacing-11);\n --avatar-lg-size: var(--spacing-12);\n --avatar-lg-icon-size: var(--spacing-8);\n --avatar-md-size: var(--spacing-10);\n --avatar-md-icon-size: var(--spacing-7);\n --avatar-sm-size: var(--spacing-8);\n --avatar-sm-icon-size: var(--spacing-5);\n --avatar-xs-size: var(--spacing-6);\n --avatar-xs-icon-size: var(--spacing-4);\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';var t,a,i={isDev:!!o.isDev,isBrowser:!0,isServer:!1,isTesting:!!o.isTesting},c=(n=>(n.Undefined="undefined",n.Null="null",n.String="string",n.Number="number",n.SpecialNumber="number",n.Boolean="boolean",n.BigInt="bigint",n))(c||{}),l=(n=>(n.Array="array",n.Date="date",n.Map="map",n.Object="object",n.RegularExpression="regexp",n.Set="set",n.Channel="channel",n.Symbol="symbol",n))(l||{}),s="type",d="value",v="serialized:",u=(n,r)=>{var e;Object.entries(null!=(e=r.t.o)?e:{}).map((([e,[t]])=>{if((o.state||o.prop)&&(31&t||32&t)){const o=n[e],t=function(n,o){for(;n;){const r=Object.getOwnPropertyDescriptor(n,o);if(null==r?void 0:r.get)return r;n=Object.getPrototypeOf(n)}}(Object.getPrototypeOf(n),e)||Object.getOwnPropertyDescriptor(n,e);t&&Object.defineProperty(n,e,{get(){return t.get.call(this)},set(n){t.set.call(this,n)},configurable:!0,enumerable:!0}),n[e]=r.i.has(e)?r.i.get(e):o}}))},g=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},p=(n,r)=>{r&&(n.__stencil__getHostRef=()=>r,r.l=n,512&r.t.v&&(o.state||o.prop)&&u(n,r))},b=(n,r)=>{const e={v:0,$hostElement$:n,t:r,i:new Map,u:new Map};o.isDev&&(e.p=0),o.method&&o.lazyLoad&&(e.m=new Promise((n=>e.k=n))),o.asyncLoading&&(e.$=new Promise((n=>e.S=n)),n["s-p"]=[],n["s-rc"]=[]),o.lazyLoad&&(e.j=[]);const t=e;return n.__stencil__getHostRef=()=>t,!o.lazyLoad&&512&r.v&&(o.state||o.prop)&&u(n,e),t},h=(n,o)=>o in n,f=(n,o)=>(t||console.error)(n,o),m=o.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],w=(...n)=>console.error(...m,...n),k=(...n)=>console.warn(...m,...n),x=(...n)=>console.info(...m,...n),y=new Map,z=(n,r,e)=>{const t=n._.replace(/-/g,"_"),a=n.O;if(o.isDev&&"string"!=typeof a)return void w(`Trying to lazily load component <${n._}> with style mode "${r.C}", but it does not exist.`);if(!a)return;const i=!o.hotModuleReplacement&&y.get(a);return i?i[t]:import(`./${a}.entry.js${o.hotModuleReplacement&&e?"?s-hmr="+e:""}`).then((n=>(o.hotModuleReplacement||y.set(a,n),n[t])),(n=>{f(n,r.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},$=new Map,S=[],j="s-id",_="sty-id",O="c-id",C="_stencilDocData",E={hostIds:0,rootLevelIds:0,staticComponents:new Set},T="slot-fb{display:contents}slot-fb[hidden]{display:none}",N="http://www.w3.org/1999/xlink",R=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],L="undefined"!=typeof window?window:{},M=L.HTMLElement||class{},D={v:0,T:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,o,r,e)=>n.addEventListener(o,r,e),rel:(n,o,r,e)=>n.removeEventListener(o,r,e),ce:(n,o)=>new CustomEvent(n,o)},q=o.shadowDom,A=n=>Promise.resolve(n),I=!!o.constructableCSS&&(()=>{try{return!!L.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(n){}return!1})(),P=!!I&&(()=>!!L.document&&Object.getOwnPropertyDescriptor(L.document.adoptedStyleSheets,"length").writable)(),H=0,F=!1,B=[],U=[],V=[],W=(n,o)=>r=>{n.push(r),F||(F=!0,o&&4&D.v?K(X):D.raf(X))},Y=n=>{for(let o=0;o<n.length;o++)try{n[o](performance.now())}catch(n){f(n)}n.length=0},J=(n,o)=>{let r=0,e=0;for(;r<n.length&&(e=performance.now())<o;)try{n[r++](e)}catch(n){f(n)}r===n.length?n.length=0:0!==r&&n.splice(0,r)},X=()=>{if(o.asyncQueue&&H++,Y(B),o.asyncQueue){const n=2==(6&D.v)?performance.now()+14*Math.ceil(.1*H):1/0;J(U,n),J(V,n),U.length>0&&(V.push(...U),U.length=0),(F=B.length+U.length+V.length>0)?D.raf(X):H=0}else Y(U),(F=B.length>0)&&D.raf(X)},K=n=>A().then(n),Q=W(B,!1),G=W(U,!0);function Z(n){var r;const t={mode:"open"};o.shadowDelegatesFocus&&(t.delegatesFocus=!!(16&n.v)),o.shadowSlotAssignmentManual&&1024&n.v&&(t.slotAssignment="manual");const i=this.attachShadow(t);if(void 0===a&&(a=null!=(r=function(n){if(!I)return;const o=new CSSStyleSheet;return o.replaceSync(n),o}(e))?r:null),a)P?i.adoptedStyleSheets.push(a):i.adoptedStyleSheets=[...i.adoptedStyleSheets,a];else if(!I){const n=document.createElement("style");n.innerHTML=e,o.hotModuleReplacement&&n.setAttribute(_,"sc-global"),i.prepend(n)}}var nn=n=>{const o=Nn(n,"childNodes");n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&"SLOT-FB"!==n.tagName&&rn(o,n.tagName).forEach((n=>{1===n.nodeType&&"SLOT-FB"===n.tagName&&(n.hidden=!!en(n,cn(n),!1).length)}));let r=0;for(r=0;r<o.length;r++){const n=o[r];1===n.nodeType&&Nn(n,"childNodes").length&&nn(n)}},on=n=>{const o=[];for(let r=0;r<n.length;r++){const e=n[r]["s-nr"]||void 0;e&&e.isConnected&&o.push(e)}return o};function rn(n,o,r){let e,t=0,a=[];for(;t<n.length;t++){if(e=n[t],e["s-sr"]&&(!o||e["s-hn"]===o)&&(void 0===r||cn(e)===r)&&(a.push(e),void 0!==r))return a;a=[...a,...rn(e.childNodes,o,r)]}return a}var en=(n,o,r=!0)=>{const e=[];(r&&n["s-sr"]||!n["s-sr"])&&e.push(n);let t=n;for(;t=t.nextSibling;)cn(t)!==o||!r&&t["s-sr"]||e.push(t);return e},tn=(n,o)=>1===n.nodeType?null===n.getAttribute("slot")&&""===o||n.getAttribute("slot")===o:n["s-sn"]===o||""===o,an=(n,r,e,t)=>{if(n["s-ol"]&&n["s-ol"].isConnected)return;const a=document.createTextNode("");if(a["s-nr"]=n,!r["s-cr"]||!r["s-cr"].parentNode)return;const i=r["s-cr"].parentNode,c=Nn(i,e?"prepend":"appendChild");if(o.hydrateClientSide&&void 0!==t){a["s-oo"]=t;const n=Nn(i,"childNodes"),o=[a];n.forEach((n=>{n["s-nr"]&&o.push(n)})),o.sort(((n,o)=>!n["s-oo"]||n["s-oo"]<(o["s-oo"]||0)?-1:!o["s-oo"]||o["s-oo"]<n["s-oo"]?1:0)),o.forEach((n=>c.call(i,n)))}else c.call(i,a);n["s-ol"]=a,n["s-sh"]=r["s-hn"]},cn=n=>"string"==typeof n["s-sn"]?n["s-sn"]:1===n.nodeType&&n.getAttribute("slot")||void 0;function ln(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const o=o=>function(n){const r=[],e=this["s-sn"];(null==n?void 0:n.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const t=this["s-cr"].parentElement;return(t.__childNodes?t.childNodes:on(t.childNodes)).forEach((n=>{e===cn(n)&&r.push(n)})),o?r.filter((n=>1===n.nodeType)):r}.bind(n);n.assignedElements=o(!0),n.assignedNodes=o(!1)}function sn(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function dn(n,o){var r;if(!(o=o||(null==(r=n["s-ol"])?void 0:r.parentElement)))return{slotNode:null,slotName:""};const e=n["s-sn"]=cn(n)||"";return{slotNode:rn(Nn(o,"childNodes"),o.tagName,e)[0],slotName:e}}var vn=n=>{un(n),gn(n),hn(n),bn(n),kn(n),fn(n),mn(n),wn(n),xn(n),yn(n),pn(n)},un=n=>{if(n.__cloneNode)return;const r=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const e=!!o.shadowDom&&this.shadowRoot&&q,t=r.call(this,!!e&&n);if(o.slot&&!e&&n){let n,r,e=0;const a=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],i=this.__childNodes||this.childNodes;for(;e<i.length;e++)n=i[e]["s-nr"],r=a.every((n=>!i[e][n])),n&&(o.appendChildSlotFix&&t.__appendChild?t.__appendChild(n.cloneNode(!0)):t.appendChild(n.cloneNode(!0))),r&&t.appendChild(i[e].cloneNode(!0))}return t}},gn=n=>{n.__appendChild||(n.__appendChild=n.appendChild,n.appendChild=function(n){const{slotName:o,slotNode:r}=dn(n,this);if(r){an(n,r);const e=en(r,o),t=e[e.length-1],a=Nn(t,"parentNode"),i=Nn(a,"insertBefore")(n,t.nextSibling);return sn(r),nn(this),i}return this.__appendChild(n)})},pn=n=>{n.__removeChild||(n.__removeChild=n.removeChild,n.removeChild=function(n){return n&&void 0!==n["s-sn"]&&rn(this.__childNodes||this.childNodes,this.tagName,n["s-sn"])&&n.isConnected?(n.remove(),void nn(this)):this.__removeChild(n)})},bn=n=>{n.__prepend||(n.__prepend=n.prepend,n.prepend=function(...o){o.forEach((o=>{"string"==typeof o&&(o=this.ownerDocument.createTextNode(o));const r=(o["s-sn"]=cn(o))||"",e=rn(Nn(this,"childNodes"),this.tagName,r)[0];if(e){an(o,e,!0);const n=en(e,r)[0],t=Nn(n,"parentNode"),a=Nn(t,"insertBefore")(o,Nn(n,"nextSibling"));return sn(e),a}return 1===o.nodeType&&o.getAttribute("slot")&&(o.hidden=!0),n.__prepend(o)}))})},hn=n=>{n.__append||(n.__append=n.append,n.append=function(...n){n.forEach((n=>{"string"==typeof n&&(n=this.ownerDocument.createTextNode(n)),this.appendChild(n)}))})},fn=n=>{if(n.__insertAdjacentHTML)return;const o=n.insertAdjacentHTML;n.insertAdjacentHTML=function(n,r){if("afterbegin"!==n&&"beforeend"!==n)return o.call(this,n,r);const e=this.ownerDocument.createElement("_");let t;if(e.innerHTML=r,"afterbegin"===n)for(;t=e.firstChild;)this.prepend(t);else if("beforeend"===n)for(;t=e.firstChild;)this.append(t)}},mn=n=>{n.insertAdjacentText=function(n,o){this.insertAdjacentHTML(n,o)}},wn=n=>{n.__insertBefore||n.__insertBefore||(n.__insertBefore=n.insertBefore,n.insertBefore=function(n,o){const{slotName:r,slotNode:e}=dn(n,this),t=this.__childNodes?this.childNodes:on(this.childNodes);if(e){let a=!1;if(t.forEach((t=>{if(t!==o&&null!==o);else{if(a=!0,null===o||r!==o["s-sn"])return void this.appendChild(n);if(r===o["s-sn"]){an(n,e);const r=Nn(o,"parentNode");Nn(r,"insertBefore")(n,o),sn(e)}}})),a)return n}const a=null==o?void 0:o.__parentNode;return a&&!this.isSameNode(a)?this.appendChild(n):this.__insertBefore(n,o)})},kn=n=>{if(n.__insertAdjacentElement)return;const o=n.insertAdjacentElement;n.insertAdjacentElement=function(n,r){return"afterbegin"!==n&&"beforeend"!==n?o.call(this,n,r):"afterbegin"===n?(this.prepend(r),r):"beforeend"===n?(this.append(r),r):r}},xn=n=>{Tn("textContent",n),Object.defineProperty(n,"textContent",{get:function(){let n="";return(this.__childNodes?this.childNodes:on(this.childNodes)).forEach((o=>n+=o.textContent||"")),n},set:function(n){(this.__childNodes?this.childNodes:on(this.childNodes)).forEach((n=>{n["s-ol"]&&n["s-ol"].remove(),n.remove()})),this.insertAdjacentHTML("beforeend",n)}})},yn=n=>{class o extends Array{item(n){return this[n]}}Tn("children",n),Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>1===n.nodeType))}}),Object.defineProperty(n,"childElementCount",{get(){return this.children.length}}),Tn("firstChild",n),Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}}),Tn("lastChild",n),Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),Tn("childNodes",n),Object.defineProperty(n,"childNodes",{get(){const n=new o;return n.push(...on(this.__childNodes)),n}})},zn=n=>{n&&void 0===n.__nextSibling&&globalThis.Node&&($n(n),jn(n),On(n),n.nodeType===Node.ELEMENT_NODE&&(Sn(n),_n(n)))},$n=n=>{n&&!n.__nextSibling&&(Tn("nextSibling",n),Object.defineProperty(n,"nextSibling",{get:function(){var n;const o=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,r=null==o?void 0:o.indexOf(this);return o&&r>-1?o[r+1]:this.__nextSibling}}))},Sn=n=>{n&&!n.__nextElementSibling&&(Tn("nextElementSibling",n),Object.defineProperty(n,"nextElementSibling",{get:function(){var n;const o=null==(n=this["s-ol"])?void 0:n.parentNode.children,r=null==o?void 0:o.indexOf(this);return o&&r>-1?o[r+1]:this.__nextElementSibling}}))},jn=n=>{n&&!n.__previousSibling&&(Tn("previousSibling",n),Object.defineProperty(n,"previousSibling",{get:function(){var n;const o=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,r=null==o?void 0:o.indexOf(this);return o&&r>-1?o[r-1]:this.__previousSibling}}))},_n=n=>{n&&!n.__previousElementSibling&&(Tn("previousElementSibling",n),Object.defineProperty(n,"previousElementSibling",{get:function(){var n;const o=null==(n=this["s-ol"])?void 0:n.parentNode.children,r=null==o?void 0:o.indexOf(this);return o&&r>-1?o[r-1]:this.__previousElementSibling}}))},On=n=>{n&&!n.__parentNode&&(Tn("parentNode",n),Object.defineProperty(n,"parentNode",{get:function(){var n;return(null==(n=this["s-ol"])?void 0:n.parentNode)||this.__parentNode},set:function(n){this.__parentNode=n}}))},Cn=["children","nextElementSibling","previousElementSibling"],En=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function Tn(n,o){if(!globalThis.Node||!globalThis.Element)return;let r;Cn.includes(n)?r=Object.getOwnPropertyDescriptor(Element.prototype,n):En.includes(n)&&(r=Object.getOwnPropertyDescriptor(Node.prototype,n)),r||(r=Object.getOwnPropertyDescriptor(o,n)),r&&Object.defineProperty(o,"__"+n,r)}function Nn(n,o){if("__"+o in n){const r=n["__"+o];return"function"!=typeof r?r:r.bind(n)}return"function"!=typeof n[o]?n[o]:n[o].bind(n)}var Rn=0,Ln=(n,r="")=>{if(o.profile&&performance.mark){const o=`st:${n}:${r}:${Rn++}`;return performance.mark(o),()=>performance.measure(`[Stencil] ${n}() <${r}>`,o)}return()=>{}};function Mn(n){var o,r,e;return null!=(e=null==(r=null==(o=n.head)?void 0:o.querySelector('meta[name="csp-nonce"]'))?void 0:r.getAttribute("content"))?e:void 0}var Dn=new WeakMap,qn=(n,o,r)=>{let e=$.get(n);I&&r?(e=e||new CSSStyleSheet,"string"==typeof e?e=o:e.replaceSync(o)):e=o,$.set(n,e)},An=(n,r,e)=>{var t,a,i;const c=Pn(r,e),l=$.get(c);if(!o.attachStyles||!L.document)return c;if(n=11===n.nodeType?n:L.document,l)if("string"==typeof l){let e,i=Dn.get(n=n.head||n);i||Dn.set(n,i=new Set);const s=(o.hydrateClientSide||o.hotModuleReplacement)&&n.querySelector(`[${_}="${c}"]`);if(s)s.textContent=l;else if(!i.has(c)){e=L.document.createElement("style"),e.textContent=l;const s=null!=(t=D.N)?t:Mn(L.document);if(null!=s&&e.setAttribute("nonce",s),(o.hydrateServerSide||o.hotModuleReplacement)&&(2&r.v||128&r.v||1&r.v)&&e.setAttribute(_,c),!(1&r.v))if("HEAD"===n.nodeName){const o=n.querySelectorAll("link[rel=preconnect]"),r=o.length>0?o[o.length-1].nextSibling:n.querySelector("style");n.insertBefore(e,(null==r?void 0:r.parentNode)===n?r:null)}else if("host"in n)if(I){const o=new(null!=(a=n.defaultView)?a:n.ownerDocument.defaultView).CSSStyleSheet;o.replaceSync(l),P?n.adoptedStyleSheets.unshift(o):n.adoptedStyleSheets=[o,...n.adoptedStyleSheets]}else{const o=n.querySelector("style");o?o.textContent=l+o.textContent:n.prepend(e)}else n.append(e);1&r.v&&n.insertBefore(e,null),4&r.v&&(e.textContent+=T),i&&i.add(c)}}else if(o.constructableCSS){let o=Dn.get(n);if(o||Dn.set(n,o=new Set),!o.has(c)){const r=null!=(i=n.defaultView)?i:n.ownerDocument.defaultView;let e;if(l.constructor===r.CSSStyleSheet)e=l;else{e=new r.CSSStyleSheet;for(let n=0;n<l.cssRules.length;n++)e.insertRule(l.cssRules[n].cssText,n)}P?n.adoptedStyleSheets.push(e):n.adoptedStyleSheets=[...n.adoptedStyleSheets,e],o.add(c)}}return c},In=n=>{const r=n.t,e=n.$hostElement$,t=r.v,a=Ln("attachStyles",r._),i=An(o.shadowDom&&q&&e.shadowRoot?e.shadowRoot:e.getRootNode(),r,n.C);(o.shadowDom||o.scoped)&&o.cssAnnotations&&10&t&&(e["s-sc"]=i,e.classList.add(i+"-h")),a()},Pn=(n,r)=>"sc-"+(o.mode&&r&&32&n.v?n._+"-"+r:n._),Hn=n=>n.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),Fn=()=>{if(!L.document)return;const n=L.document.querySelectorAll(`[${_}]`);let o=0;for(;o<n.length;o++)qn(n[o].getAttribute(_),Hn(n[o].innerHTML),!0)},Bn=n=>"object"==(n=typeof n)||"function"===n,Un=(n,r,...e)=>{"string"==typeof n&&(n=Kr(n));let t=null,a=null,i=null,c=!1,l=!1;const s=[],d=r=>{for(let e=0;e<r.length;e++)t=r[e],Array.isArray(t)?d(t):null!=t&&"boolean"!=typeof t&&((c="function"!=typeof n&&!Bn(t))?t+="":o.isDev&&"function"!=typeof n&&void 0===t.v&&w("vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects."),c&&l?s[s.length-1].R+=t:s.push(c?Vn(null,t):t),l=c)};if(d(e),r&&(o.isDev&&"input"===n&&Qn(r),o.vdomKey&&r.key&&(a=r.key),o.slotRelocation&&r.name&&(i=r.name),o.vdomClass)){const n=r.className||r.class;n&&(r.class="object"!=typeof n?n:Object.keys(n).filter((o=>n[o])).join(" "))}if(o.isDev&&s.some(Yn)&&w("The <Host> must be the single root component. Make sure:\n- You are NOT using hostData() and <Host> in the same component.\n- <Host> is used once, and it's the single root component of the render() function."),o.vdomFunctional&&"function"==typeof n)return n(null===r?{}:r,s,Jn);const v=Vn(n,null);return v.L=r,s.length>0&&(v.M=s),o.vdomKey&&(v.D=a),o.slotRelocation&&(v.q=i),v},Vn=(n,r)=>{const e={v:0,A:n,R:null!=r?r:null,I:null,M:null};return o.vdomAttribute&&(e.L=null),o.vdomKey&&(e.D=null),o.slotRelocation&&(e.q=null),e},Wn={},Yn=n=>n&&n.A===Wn,Jn={forEach:(n,o)=>n.map(Xn).forEach(o),map:(n,o)=>n.map(Xn).map(o).map(Kn)},Xn=n=>({vattrs:n.L,vchildren:n.M,vkey:n.D,vname:n.q,vtag:n.A,vtext:n.R}),Kn=n=>{if("function"==typeof n.vtag){const o={...n.vattrs};return n.vkey&&(o.key=n.vkey),n.vname&&(o.name=n.vname),Un(n.vtag,o,...n.vchildren||[])}const o=Vn(n.vtag,n.vtext);return o.L=n.vattrs,o.M=n.vchildren,o.D=n.vkey,o.q=n.vname,o},Qn=n=>{const o=Object.keys(n),r=o.indexOf("value");if(-1===r)return;const e=o.indexOf("type"),t=o.indexOf("min"),a=o.indexOf("max"),i=o.indexOf("step");(r<e||r<t||r<a||r<i)&&k('The "value" prop of <input> should be set after "min", "max", "type" and "step"')},Gn=(n,r,e,t,a,i,c,l=[])=>{let s,d,v,u;const g=a["s-sc"];if(1===i.nodeType){if(s=i.getAttribute(O),s&&(d=s.split("."),d[0]===c||"0"===d[0])){v=no({v:0,P:d[0],F:d[1],B:d[2],U:d[3],A:i.tagName.toLowerCase(),I:i,L:{class:i.className||""}}),r.push(v),i.removeAttribute(O),n.M||(n.M=[]),o.scoped&&g&&d[0]===c&&(i["s-si"]=g,v.L.class+=" "+g);const a=v.I.getAttribute("s-sn");"string"==typeof a&&("slot-fb"===v.A&&(oo(a,d[2],v,i,n,r,e,t,l),o.scoped&&g&&i.classList.add(g)),v.I["s-sn"]=a,v.I.removeAttribute("s-sn")),void 0!==v.U&&(n.M[v.U]=v),n=v,t&&"0"===v.B&&(t[v.U]=v.I)}if(i.shadowRoot)for(u=i.shadowRoot.childNodes.length-1;u>=0;u--)Gn(n,r,e,t,a,i.shadowRoot.childNodes[u],c,l);const p=i.__childNodes||i.childNodes;for(u=p.length-1;u>=0;u--)Gn(n,r,e,t,a,p[u],c,l)}else if(8===i.nodeType)d=i.nodeValue.split("."),(d[1]===c||"0"===d[1])&&(s=d[0],v=no({P:d[1],F:d[2],B:d[3],U:d[4]||"0",I:i,L:null,M:null,D:null,q:null,A:null,R:null}),"t"===s?(v.I=io(i,3),v.I&&3===v.I.nodeType&&(v.R=v.I.textContent,r.push(v),i.remove(),c===v.P&&(n.M||(n.M=[]),n.M[v.U]=v),t&&"0"===v.B&&(t[v.U]=v.I))):"c"===s?(v.I=io(i,8),v.I&&8===v.I.nodeType&&(r.push(v),i.remove())):v.P===c&&("s"===s?oo(i["s-sn"]=d[5]||"",d[2],v,i,n,r,e,t,l):"r"===s&&(o.shadowDom&&t?i.remove():o.slotRelocation&&(a["s-cr"]=i,i["s-cn"]=!0))));else if(n&&"style"===n.A){const o=Vn(null,i.textContent);o.I=i,o.U="0",n.M=[o]}return n},Zn=(n,o)=>{if(1===n.nodeType){const r=n[j]||n.getAttribute(j);r&&o.set(r,n);let e=0;if(n.shadowRoot)for(;e<n.shadowRoot.childNodes.length;e++)Zn(n.shadowRoot.childNodes[e],o);const t=n.__childNodes||n.childNodes;for(e=0;e<t.length;e++)Zn(t[e],o)}else if(8===n.nodeType){const r=n.nodeValue.split(".");"o"===r[0]&&(o.set(r[1]+"."+r[2],n),n.nodeValue="",n["s-en"]=r[3])}},no=n=>({v:0,P:null,F:null,B:null,U:"0",I:null,L:null,M:null,D:null,q:null,A:null,R:null,...n});function oo(n,r,e,t,a,i,c,l,s){t["s-sr"]=!0,e.q=n||null,e.A="slot";const d=(null==a?void 0:a.I)?a.I["s-id"]||a.I.getAttribute("s-id"):"";if(o.shadowDom&&l&&L.document){const o=e.I=L.document.createElement(e.A);e.q&&e.I.setAttribute("name",n),a.I.shadowRoot&&d&&d!==e.P?Nn(a.I,"insertBefore")(o,Nn(a.I,"children")[0]):Nn(Nn(t,"parentNode"),"insertBefore")(o,t),ao(s,r,n,t,e.P),t.remove(),"0"===e.B&&(l[e.U]=e.I)}else{const o=e.I,i=d&&d!==e.P&&a.I.shadowRoot;ao(s,r,n,t,i?d:e.P),ln(t),i&&a.I.insertBefore(o,a.I.children[0])}i.push(e),c.push(e),a.M||(a.M=[]),a.M[e.U]=e}var ro,eo,to,ao=(n,o,r,e,t)=>{var a,i;let c=e.nextSibling;if(n[o]=n[o]||[],c&&!(null==(a=c.nodeValue)?void 0:a.startsWith("s.")))do{!c||(c.getAttribute&&c.getAttribute("slot")||c["s-sn"])!==r&&(""!==r||c["s-sn"]||c.getAttribute&&c.getAttribute("slot")||8!==c.nodeType&&3!==c.nodeType)||(c["s-sn"]=r,n[o].push({slot:e,node:c,hostId:t})),c=null==c?void 0:c.nextSibling}while(c&&!(null==(i=c.nodeValue)?void 0:i.startsWith("s.")))},io=(n,o)=>{let r=n;do{r=r.nextSibling}while(r&&(r.nodeType!==o||!r.nodeValue));return r},co=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),lo="-shadowcsshost",so="-shadowcssslotted",vo="-shadowcsscontext",uo=")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)",go=RegExp("("+lo+uo,"gim"),po=RegExp("("+vo+uo,"gim"),bo=RegExp("("+so+uo,"gim"),ho=lo+"-no-combinator",fo=/-shadowcsshost-no-combinator([^\s]*)/,mo=[/::shadow/g,/::content/g],wo=/__part-(\d+)__/g,ko=/-shadowcsshost/gim,xo=n=>{const o=co(n);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")},yo=/\/\*\s*[\s\S]*?\*\//g,zo=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,$o=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,So=/([{}])/g,jo=/(^.*?[^\\])??((:+)(.*)|$)/,_o="%BLOCK%",Oo=(n,o)=>{const r=Co(n);let e=0;return r.escapedString.replace($o,((...n)=>{const t=n[2];let a="",i=n[4],c="";i&&i.startsWith("{"+_o)&&(a=r.blocks[e++],i=i.substring(8),c="{");const l=o({selector:t,content:a});return`${n[1]}${l.selector}${n[3]}${c}${l.content}${i}`}))},Co=n=>{const o=n.split(So),r=[],e=[];let t=0,a=[];for(let n=0;n<o.length;n++){const i=o[n];"}"===i&&t--,t>0?a.push(i):(a.length>0&&(e.push(a.join("")),r.push(_o),a=[]),r.push(i)),"{"===i&&t++}return a.length>0&&(e.push(a.join("")),r.push(_o)),{escapedString:r.join(""),blocks:e}},Eo=(n,o,r)=>n.replace(o,((...n)=>{if(n[2]){const o=n[2].split(","),e=[];for(let t=0;t<o.length;t++){const a=o[t].trim();if(!a)break;e.push(r(ho,a,n[3]))}return e.join(",")}return ho+n[3]})),To=(n,o,r)=>n+o.replace(lo,"")+r,No=(n,o,r)=>o.indexOf(lo)>-1?To(n,o,r):n+o+r+", "+o+" "+n+r,Ro=(n,o)=>n.replace(jo,((n,r="",e,t="",a="")=>r+o+t+a)),Lo=(n,o,r,e)=>Oo(n,(n=>{let t=n.selector,a=n.content;return"@"!==n.selector[0]?t=((n,o,r,e)=>n.split(",").map((n=>e&&n.indexOf("."+e)>-1?n.trim():((n,o)=>!(n=>(n=n.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+n+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(o).test(n))(n,o)?((n,o,r)=>{const e="."+(o=o.replace(/\[is=([^\]]*)\]/g,((n,...o)=>o[0]))),t=n=>{let t=n.trim();if(!t)return"";if(n.indexOf(ho)>-1)t=((n,o,r)=>{if(ko.lastIndex=0,ko.test(n)){const o="."+r;return n.replace(fo,((n,r)=>Ro(r,o))).replace(ko,o+" ")}return o+" "+n})(n,o,r);else{const o=n.replace(ko,"");o.length>0&&(t=Ro(o,e))}return t},a=(n=>{const o=[];let r=0;return{content:(n=(n=n.replace(/(\[\s*part~=\s*("[^"]*"|'[^']*')\s*\])/g,((n,e)=>{const t=`__part-${r}__`;return o.push(e),r++,t}))).replace(/(\[[^\]]*\])/g,((n,e)=>{const t=`__ph-${r}__`;return o.push(e),r++,t}))).replace(/(:nth-[-\w]+)(\([^)]+\))/g,((n,e,t)=>{const a=`__ph-${r}__`;return o.push(t),r++,e+a})),placeholders:o}})(n);let i,c="",l=0;const s=/( |>|\+|~(?!=))(?=(?:[^()]*\([^()]*\))*[^()]*$)\s*/g;let d=!((n=a.content).indexOf(ho)>-1);for(;null!==(i=s.exec(n));){const o=i[1],r=n.slice(l,i.index).trim();d=d||r.indexOf(ho)>-1,c+=`${d?t(r):r} ${o} `,l=s.lastIndex}const v=n.substring(l);return d=!v.match(wo)&&(d||v.indexOf(ho)>-1),c+=d?t(v):v,((n,o)=>(o=o.replace(/__part-(\d+)__/g,((o,r)=>n[+r]))).replace(/__ph-(\d+)__/g,((o,r)=>n[+r])))(a.placeholders,c)})(n,o,r).trim():n.trim())).join(", "))(n.selector,o,r,e):(n.selector.startsWith("@media")||n.selector.startsWith("@supports")||n.selector.startsWith("@page")||n.selector.startsWith("@document"))&&(a=Lo(n.content,o,r,e)),{selector:t.replace(/\s{2,}/g," ").trim(),content:a}})),Mo=(n,o)=>n.replace(/-shadowcsshost-no-combinator/g,"."+o),Do=(n,o)=>{const r=o+"-h",e=o+"-s",t=(n=>n.match(zo)||[])(n);n=(n=>n.replace(yo,""))(n);const a=[];{const o=n=>{const o=`/*!@___${a.length}___*/`;return a.push({placeholder:o,comment:`/*!@${n.selector}*/`}),n.selector=o+n.selector,n};n=Oo(n,(n=>"@"!==n.selector[0]?o(n):n.selector.startsWith("@media")||n.selector.startsWith("@supports")||n.selector.startsWith("@page")||n.selector.startsWith("@document")?(n.content=Oo(n.content,o),n):n))}const i=((n,o,r,e)=>{const t=((n,o)=>{const r="."+o+" > ",e=[];return n=n.replace(bo,((...n)=>{if(n[2]){const o=n[2].trim(),t=r+o+n[3];let a="";for(let o=n[4]-1;o>=0;o--){const r=n[5][o];if("}"===r||","===r)break;a=r+a}const i=(a+t).trim(),c=`${a.trimEnd()}${t.trim()}`.trim();return i!==c&&e.push({orgSelector:i,updatedSelector:`${c}, ${i}`}),t}return ho+n[3]})),{selectors:e,cssText:n}})(n=(n=>Eo(n,po,No))(n=(n=>Eo(n,go,To))(n=(n=>{const o=[];n=n.replace(/@supports\s+selector\s*\(\s*([^)]*)\s*\)/g,((n,r)=>{const e=`__supports_${o.length}__`;return o.push(r),`@supports selector(${e})`}));const r=xo("::slotted"),e=xo(":host"),t=xo(":host-context");return n=n.replace(t,"$1"+vo).replace(e,"$1"+lo).replace(r,"$1"+so),o.forEach(((o,r)=>{n=n.replace(`__supports_${r}__`,o)})),n})(n))),e);return n=(n=>mo.reduce(((n,o)=>n.replace(o," ")),n))(n=t.cssText),o&&(n=Lo(n,o,r,e)),{cssText:(n=(n=Mo(n,r)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:t.selectors.map((n=>({orgSelector:Mo(n.orgSelector,r),updatedSelector:Mo(n.updatedSelector,r)})))}})(n,o,r,e);return n=[i.cssText,...t].join("\n"),a.forEach((({placeholder:o,comment:r})=>{n=n.replace(o,r)})),i.slottedSelectors.forEach((o=>{const r=RegExp(co(o.orgSelector),"g");n=n.replace(r,o.updatedSelector)})),n=(n=>{const o=/([^\s,{][^,{]*?)::part\(\s*([^)]+?)\s*\)((?:[:.][^,{]*)*)/g;return Oo(n,(n=>{if("@"===n.selector[0])return n;const r=n.selector.split(",").map((r=>{const e=[r.trim()];let t;for(;null!==(t=o.exec(r));){const o=t[1].trimEnd(),a=t[2].trim().split(/\s+/),i=t[3]||"",c=a.flatMap((o=>n.selector.includes(`[part~="${o}"]`)?[]:[`[part~="${o}"]`])).join(""),l=`${o} ${c}${i}`;c&&l!==r.trim()&&e.push(l)}return e.join(", ")}));return n.selector=r.join(", "),n}))})(n)},qo=n=>S.map((o=>o(n))).find((n=>!!n)),Ao=class n{static fromLocalValue(o){const r=o[s],e=d in o?o[d]:void 0;switch(r){case"string":case"boolean":return e;case"bigint":return BigInt(e);case"undefined":return;case"null":return null;case"number":return"NaN"===e?NaN:"-0"===e?-0:"Infinity"===e?1/0:"-Infinity"===e?-1/0:e;case"array":return e.map((o=>n.fromLocalValue(o)));case"date":return new Date(e);case"map":const o=new Map;for(const[r,t]of e){const e="object"==typeof r&&null!==r?n.fromLocalValue(r):r,a=n.fromLocalValue(t);o.set(e,a)}return o;case"object":const t={};for(const[o,r]of e)t[o]=n.fromLocalValue(r);return t;case"regexp":const{pattern:a,flags:i}=e;return RegExp(a,i);case"set":const c=new Set;for(const o of e)c.add(n.fromLocalValue(o));return c;case"symbol":return Symbol(e);default:throw Error("Unsupported type: "+r)}}static fromLocalValueArray(o){return o.map((o=>n.fromLocalValue(o)))}static isLocalValueObject(n){if("object"!=typeof n||null===n)return!1;if(!n.hasOwnProperty(s))return!1;const o=n[s];return!!Object.values({...c,...l}).includes(o)&&("null"===o||"undefined"===o||n.hasOwnProperty(d))}},Io=(n,r,e)=>(o.hydrateClientSide||o.hydrateServerSide)&&"string"==typeof n&&n.startsWith(v)?n=function(n){return"string"==typeof n&&n.startsWith(v)?Ao.fromLocalValue(JSON.parse(atob(n.slice(11)))):n}(n):null==n||Bn(n)?n:o.propBoolean&&4&r?(o.formAssociated&&e&&"string"==typeof n||"false"!==n)&&(""===n||!!n):o.propNumber&&2&r?"string"==typeof n?parseFloat(n):"number"==typeof n?n:NaN:o.propString&&1&r?n+"":n,Po=n=>{var r;return o.lazyLoad?null==(r=g(n))?void 0:r.$hostElement$:n},Ho=(n,r,e)=>{const t=Po(n);return{emit:n=>(o.isDev&&!t.isConnected&&k(`The "${r}" event was emitted, but the dispatcher node is no longer connected to the dom.`),Fo(t,r,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:n}))}},Fo=(n,o,r)=>{const e=D.ce(o,r);return n.dispatchEvent(e),e},Bo=(n,r,e,t,a,i,c)=>{if(e===t)return;let l=h(n,r),s=r.toLowerCase();if(o.vdomClass&&"class"===r){const r=n.classList,a=Vo(e);let i=Vo(t);if(o.hydrateClientSide&&(n["s-si"]||n["s-sc"])&&c){const o=n["s-sc"]||n["s-si"];i.push(o),a.forEach((n=>{n.startsWith(o)&&i.push(n)})),i=[...new Set(i)].filter((n=>n)),r.add(...i)}else r.remove(...a.filter((n=>n&&!i.includes(n)))),r.add(...i.filter((n=>n&&!a.includes(n))))}else if(o.vdomStyle&&"style"===r){if(o.updatable)for(const r in e)t&&null!=t[r]||(!o.hydrateServerSide&&r.includes("-")?n.style.removeProperty(r):n.style[r]="");for(const r in t)e&&t[r]===e[r]||(!o.hydrateServerSide&&r.includes("-")?n.style.setProperty(r,t[r]):n.style[r]=t[r])}else if(o.vdomKey&&"key"===r);else if(o.vdomRef&&"ref"===r)t&&t(n);else if(!o.vdomListener||(o.lazyLoad?l:n.__lookupSetter__(r))||"o"!==r[0]||"n"!==r[1]){if(o.vdomPropOrAttr){const c=Bn(t);if((l||c&&null!==t)&&!a)try{if(n.tagName.includes("-"))n[r]!==t&&(n[r]=t);else{const o=null==t?"":t;"list"===r?l=!1:null!=e&&n[r]==o||("function"==typeof n.__lookupSetter__(r)?n[r]=o:n.setAttribute(r,o))}}catch(n){}let d=!1;o.vdomXlink&&s!==(s=s.replace(/^xlink\:?/,""))&&(r=s,d=!0),null==t||!1===t?!1===t&&""!==n.getAttribute(r)||(o.vdomXlink&&d?n.removeAttributeNS(N,r):n.removeAttribute(r)):(!l||4&i||a)&&!c&&1===n.nodeType&&(t=!0===t?"":t,o.vdomXlink&&d?n.setAttributeNS(N,r,t):n.setAttribute(r,t))}}else if(r="-"===r[2]?r.slice(3):h(L,s)?s.slice(2):s[2]+r.slice(3),e||t){const o=r.endsWith(Wo);r=r.replace(Yo,""),e&&D.rel(n,r,e,o),t&&D.ael(n,r,t,o)}},Uo=/\s/,Vo=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(Uo):[]),Wo="Capture",Yo=RegExp(Wo+"$"),Jo=(n,r,e,t)=>{const a=11===r.I.nodeType&&r.I.host?r.I.host:r.I,i=n&&n.L||{},c=r.L||{};if(o.updatable)for(const n of Xo(Object.keys(i)))n in c||Bo(a,n,i[n],void 0,e,r.v,t);for(const n of Xo(Object.keys(c)))Bo(a,n,i[n],c[n],e,r.v,t)};function Xo(n){return n.includes("ref")?[...n.filter((n=>"ref"!==n)),"ref"]:n}var Ko=!1,Qo=!1,Go=!1,Zo=!1,nr=(n,r,e)=>{var t;const a=r.M[e];let i,c,l,s=0;if(o.slotRelocation&&!Ko&&(Go=!0,"slot"===a.A&&(a.v|=a.M?2:1)),o.isDev&&a.I&&w(`The JSX ${null!==a.R?`"${a.R}" text`:`"${a.A}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`),o.vdomText&&null!=a.R)i=a.I=L.document.createTextNode(a.R);else if(o.slotRelocation&&1&a.v)i=a.I=o.isDebug||o.hydrateServerSide?pr(a):L.document.createTextNode(""),o.vdomAttribute&&Jo(null,a,Zo);else{if(o.svg&&!Zo&&(Zo="svg"===a.A),!L.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=a.I=o.svg?L.document.createElementNS(Zo?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Ko&&o.slotRelocation&&2&a.v?"slot-fb":a.A):L.document.createElement(!Ko&&o.slotRelocation&&2&a.v?"slot-fb":a.A),o.svg&&Zo&&"foreignObject"===a.A&&(Zo=!1),o.vdomAttribute&&Jo(null,a,Zo),(o.scoped||o.hydrateServerSide)&&null!=ro&&void 0!==ro&&i["s-si"]!==ro&&i.classList.add(i["s-si"]=ro),a.M){const o="template"===a.A?i.content:i;for(s=0;s<a.M.length;++s)c=nr(n,a,s),c&&o.appendChild(c)}o.svg&&("svg"===a.A?Zo=!1:"foreignObject"===i.tagName&&(Zo=!0))}return i["s-hn"]=to,o.slotRelocation&&3&a.v&&(i["s-sr"]=!0,i["s-cr"]=eo,i["s-sn"]=a.q||"",i["s-rf"]=null==(t=a.L)?void 0:t.ref,ln(i),l=n&&n.M&&n.M[e],l&&l.A===a.A&&n.I&&or(n.I),(o.scoped||o.hydrateServerSide)&&ur(eo,i,r.I,null==n?void 0:n.I)),i},or=n=>{D.v|=1;const o=n.closest(to.toLowerCase());if(null!=o){const r=Array.from(o.__childNodes||o.childNodes).find((n=>n["s-cr"])),e=Array.from(n.__childNodes||n.childNodes);for(const n of r?e.reverse():e)null!=n["s-sh"]&&(vr(o,n,null!=r?r:null),n["s-sh"]=void 0,Go=!0)}D.v&=-2},rr=(n,o)=>{D.v|=1;const r=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]){let o=n;for(;o=o.nextSibling;)o&&o["s-sn"]===n["s-sn"]&&o["s-sh"]===to&&r.push(o)}for(let n=r.length-1;n>=0;n--){const e=r[n];e["s-hn"]!==to&&e["s-ol"]&&(vr(ir(e).parentNode,e,ir(e)),e["s-ol"].remove(),e["s-ol"]=void 0,e["s-sh"]=void 0,Go=!0),o&&rr(e,o)}D.v&=-2},er=(n,r,e,t,a,i)=>{let c,l=o.slotRelocation&&n["s-cr"]&&n["s-cr"].parentNode||n;for(o.shadowDom&&l.shadowRoot&&l.tagName===to&&(l=l.shadowRoot),"template"===e.A&&(l=l.content);a<=i;++a)t[a]&&(c=nr(null,e,a),c&&(t[a].I=c,vr(l,c,o.slotRelocation?ir(r):r)))},tr=(n,r,e)=>{for(let t=r;t<=e;++t){const r=n[t];if(r){const n=r.I;dr(r),n&&(o.slotRelocation&&(Qo=!0,n["s-ol"]?n["s-ol"].remove():rr(n,!0)),n.remove())}}},ar=(n,r,e=!1)=>n.A===r.A&&(o.slotRelocation&&"slot"===n.A?n.q===r.q:o.vdomKey&&!e?n.D===r.D:(e&&!n.D&&r.D&&(n.D=r.D),!0)),ir=n=>n&&n["s-ol"]||n,cr=(n,r,e=!1)=>{const t=r.I=n.I,a=n.M,i=r.M,c=r.A,l=r.R;let s;o.vdomText&&null!=l?o.vdomText&&o.slotRelocation&&(s=t["s-cr"])?s.parentNode.textContent=l:o.vdomText&&n.R!==l&&(t.data=l):(o.svg&&(Zo="svg"===c||"foreignObject"!==c&&Zo),(o.vdomAttribute||o.reflect)&&(o.slot&&"slot"===c&&!Ko&&n.q!==r.q&&(r.I["s-sn"]=r.q||"",or(r.I.parentElement)),Jo(n,r,Zo,e)),o.updatable&&null!==a&&null!==i?((n,r,e,t,a=!1)=>{let i,c,l=0,s=0,d=0,v=0,u=r.length-1,g=r[0],p=r[u],b=t.length-1,h=t[0],f=t[b];const m="template"===e.A?n.content:n;for(;l<=u&&s<=b;)if(null==g)g=r[++l];else if(null==p)p=r[--u];else if(null==h)h=t[++s];else if(null==f)f=t[--b];else if(ar(g,h,a))cr(g,h,a),g=r[++l],h=t[++s];else if(ar(p,f,a))cr(p,f,a),p=r[--u],f=t[--b];else if(ar(g,f,a))!o.slotRelocation||"slot"!==g.A&&"slot"!==f.A||rr(g.I.parentNode,!1),cr(g,f,a),vr(m,g.I,p.I.nextSibling),g=r[++l],f=t[--b];else if(ar(p,h,a))!o.slotRelocation||"slot"!==g.A&&"slot"!==f.A||rr(p.I.parentNode,!1),cr(p,h,a),vr(m,p.I,g.I),p=r[--u],h=t[++s];else{if(d=-1,o.vdomKey)for(v=l;v<=u;++v)if(r[v]&&null!==r[v].D&&r[v].D===h.D){d=v;break}o.vdomKey&&d>=0?(c=r[d],c.A!==h.A?i=nr(r&&r[s],e,d):(cr(c,h,a),r[d]=void 0,i=c.I),h=t[++s]):(i=nr(r&&r[s],e,s),h=t[++s]),i&&(o.slotRelocation?vr(ir(g.I).parentNode,i,ir(g.I)):vr(g.I.parentNode,i,g.I))}l>u?er(n,null==t[b+1]?null:t[b+1].I,e,t,s,b):o.updatable&&s>b&&tr(r,l,u)})(t,a,r,i,e):null!==i?(o.updatable&&o.vdomText&&null!==n.R&&(t.textContent=""),er(t,null,r,i,0,i.length-1)):!e&&o.updatable&&null!==a?tr(a,0,a.length-1):o.hydrateClientSide&&e&&o.updatable&&null!==a&&null===i&&(r.M=a),o.svg&&Zo&&"svg"===c&&(Zo=!1))},lr=[],sr=n=>{let o,r,e;const t=n.__childNodes||n.childNodes;for(const n of t){if(n["s-sr"]&&(o=n["s-cr"])&&o.parentNode){r=o.parentNode.__childNodes||o.parentNode.childNodes;const t=n["s-sn"];for(e=r.length-1;e>=0;e--)if(o=r[e],!(o["s-cn"]||o["s-nr"]||o["s-hn"]===n["s-hn"]||o["s-sh"]&&o["s-sh"]===n["s-hn"]))if(tn(o,t)){let r=lr.find((n=>n.V===o));Qo=!0,o["s-sn"]=o["s-sn"]||t,r?(r.V["s-sh"]=n["s-hn"],r.W=n):(o["s-sh"]=n["s-hn"],lr.push({W:n,V:o})),o["s-sr"]&&lr.map((n=>{tn(n.V,o["s-sn"])&&(r=lr.find((n=>n.V===o)),r&&!n.W&&(n.W=r.W))}))}else lr.some((n=>n.V===o))||lr.push({V:o})}1===n.nodeType&&sr(n)}},dr=n=>{o.vdomRef&&(n.L&&n.L.ref&&n.L.ref(null),n.M&&n.M.map(dr))},vr=(n,r,e,t)=>{if(o.slotRelocation)if(o.scoped&&"string"==typeof r["s-sn"]&&r["s-sr"]&&r["s-cr"])ur(r["s-cr"],r,n,r.parentElement);else if("string"==typeof r["s-sn"]){o.experimentalSlotFixes&&11!==n.getRootNode().nodeType&&On(r),n.insertBefore(r,e);const{slotNode:a}=dn(r);return a&&!t&&sn(a),r}return n.__insertBefore?n.__insertBefore(r,e):null==n?void 0:n.insertBefore(r,e)};function ur(n,o,r,e){var t,a;let i;if(n&&"string"==typeof o["s-sn"]&&o["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(i=o["s-si"]||n.parentNode["s-sc"])){const n=o["s-sn"],c=o["s-hn"];if(null==(t=r.classList)||t.add(i+"-s"),e&&(null==(a=e.classList)?void 0:a.contains(i+"-s"))){let o=(e.__childNodes||e.childNodes)[0],r=!1;for(;o;){if(o["s-sn"]!==n&&o["s-hn"]===c&&o["s-sr"]){r=!0;break}o=o.nextSibling}r||e.classList.remove(i+"-s")}}}var gr=(n,r,e=!1)=>{var t,a,i,c,l;const s=n.$hostElement$,d=n.t,v=n.Y||Vn(null,null),u=Yn(r)?r:Un(null,null,r);if(to=s.tagName,o.isDev&&Array.isArray(r)&&r.some(Yn))throw Error(`The <Host> must be the single root component.\nLooks like the render() function of "${to.toLowerCase()}" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n // Do not return an array\n return (\n <Host>{content}</Host>\n );\n}\n `);if(o.reflect&&d.J&&(u.L=u.L||{},d.J.forEach((([r,e])=>{u.L[e]=o.serializer&&n.u.has(r)?n.u.get(r):s[r]}))),e&&u.L)for(const n of Object.keys(u.L))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(u.L[n]=s[n]);if(u.A=null,u.v|=4,n.Y=u,u.I=v.I=o.shadowDom&&s.shadowRoot||s,(o.scoped||o.shadowDom)&&(ro=s["s-sc"]),Ko=q&&!!(1&d.v)&&!(128&d.v),o.slotRelocation&&(eo=s["s-cr"],Qo=!1),cr(v,u,e),o.slotRelocation){if(D.v|=1,Go){sr(u.I);for(const n of lr){const r=n.V;if(!r["s-ol"]&&L.document){const n=o.isDebug||o.hydrateServerSide?br(r):L.document.createTextNode("");n["s-nr"]=r,vr(r.parentNode,r["s-ol"]=n,r,e)}}for(const n of lr){const r=n.V,l=n.W;if(1===r.nodeType&&e&&(r["s-ih"]=null!=(t=r.hidden)&&t),l){const n=l.parentNode;let t=l.nextSibling;if(!o.hydrateServerSide&&t&&1===t.nodeType){let o=null==(a=r["s-ol"])?void 0:a.previousSibling;for(;o;){let e=null!=(i=o["s-nr"])?i:null;if(e&&e["s-sn"]===r["s-sn"]&&n===(e.__parentNode||e.parentNode)){for(e=e.nextSibling;e===r||(null==e?void 0:e["s-sr"]);)e=null==e?void 0:e.nextSibling;if(!e||!e["s-nr"]){t=e;break}}o=o.previousSibling}}if((!t&&n!==(r.__parentNode||r.parentNode)||(r.__nextSibling||r.nextSibling)!==t)&&r!==t){if(vr(n,r,t,e),8===r.nodeType&&r.nodeValue.startsWith("s-nt-")){const n=L.document.createTextNode(r.nodeValue.replace(/^s-nt-/,""));n["s-hn"]=r["s-hn"],n["s-sn"]=r["s-sn"],n["s-sh"]=r["s-sh"],n["s-sr"]=r["s-sr"],n["s-ol"]=r["s-ol"],n["s-ol"]["s-nr"]=n,vr(r.parentNode,n,r,e),r.parentNode.removeChild(r)}1===r.nodeType&&"SLOT-FB"!==r.tagName&&(r.hidden=null!=(c=r["s-ih"])&&c)}r&&"function"==typeof l["s-rf"]&&l["s-rf"](l)}else 1===r.nodeType&&(r.hidden=!0)}}Qo&&nn(u.I),D.v&=-2,lr.length=0}if(o.slotRelocation&&!Ko&&!(1&d.v)&&s["s-cr"]){const n=u.I.__childNodes||u.I.childNodes;for(const o of n)if(o["s-hn"]!==to&&!o["s-sh"])if(e&&null==o["s-ih"]&&(o["s-ih"]=null!=(l=o.hidden)&&l),1===o.nodeType)o.hidden=!0;else if(3===o.nodeType&&o.nodeValue.trim()){const n=L.document.createComment("s-nt-"+o.nodeValue);n["s-sn"]=o["s-sn"],vr(o.parentNode,n,o,e),o.parentNode.removeChild(o)}}eo=void 0},pr=n=>{var o;return null==(o=L.document)?void 0:o.createComment(`<slot${n.q?' name="'+n.q+'"':""}> (host=${to.toLowerCase()})`)},br=n=>{var o;return null==(o=L.document)?void 0:o.createComment("org-location for "+(n.localName?`<${n.localName}> (host=${n["s-hn"]})`:`[${n.textContent}]`))},hr=(n,r)=>{if(o.asyncLoading&&r&&!n.X&&r["s-p"]){const o=r["s-p"].push(new Promise((e=>n.X=()=>{r["s-p"].splice(o-1,1),e()})))}},fr=(n,r)=>{if(o.taskQueue&&o.updatable&&(n.v|=16),o.asyncLoading&&4&n.v)return void(n.v|=512);hr(n,n.K);const e=()=>mr(n,r);if(!r)return o.taskQueue?G(e):e();queueMicrotask((()=>{e()}))},mr=(n,r)=>{const e=n.$hostElement$,t=Ln("scheduleUpdate",n.t._),a=o.lazyLoad?n.l:e;if(!a)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let i;return r?(o.lazyLoad&&(o.slotRelocation&&n.G&&(n.G=!1,_r(a,"connectedCallback",void 0,e)),o.hostListener&&(n.v|=256,n.Z&&(n.Z.map((([n,o])=>_r(a,n,o,e))),n.Z=void 0)),n.j.length&&n.j.forEach((n=>n(e)))),Or(e,"componentWillLoad"),i=_r(a,"componentWillLoad",void 0,e)):(Or(e,"componentWillUpdate"),i=_r(a,"componentWillUpdate",void 0,e)),Or(e,"componentWillRender"),i=wr(i,(()=>_r(a,"componentWillRender",void 0,e))),t(),wr(i,(()=>xr(n,a,r)))},wr=(n,o)=>kr(n)?n.then(o).catch((n=>{console.error(n),o()})):o(),kr=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,xr=async(n,r,e)=>{var t;const a=n.$hostElement$,i=Ln("update",n.t._),c=a["s-rc"];o.style&&e&&In(n);const l=Ln("render",n.t._);if(o.isDev&&(n.v|=1024),o.hydrateServerSide?await zr(n,r,a,e):zr(n,r,a,e),o.isDev&&(n.p=void 0===n.p?1:n.p+1,n.v&=-1025),o.hydrateServerSide)try{Er(a),e&&(1&n.t.v?a["s-en"]="":2&n.t.v&&(a["s-en"]="c"))}catch(n){f(n,a)}if(o.asyncLoading&&c&&(c.map((n=>n())),a["s-rc"]=void 0),l(),i(),o.asyncLoading){const o=null!=(t=a["s-p"])?t:[],r=()=>$r(n);0===o.length?r():(Promise.all(o).then(r),n.v|=4,o.length=0)}else $r(n)},yr=null,zr=(n,r,e,t)=>{const a=!!o.allRenderFn,i=!!o.lazyLoad,c=!!o.taskQueue,l=!!o.updatable;try{if(yr=r,r=(a||r.render)&&r.render(),l&&c&&(n.v&=-17),(l||i)&&(n.v|=2),o.hasRenderFn||o.reflect)if(o.vdomRender||o.reflect){if(o.hydrateServerSide)return Promise.resolve(r).then((o=>gr(n,o,t)));gr(n,r,t)}else 1&n.t.v?e.shadowRoot.textContent=r:e.textContent=r}catch(o){f(o,n.$hostElement$)}return yr=null,null},$r=n=>{const r=n.t._,e=n.$hostElement$,t=Ln("postUpdate",r),a=o.lazyLoad?n.l:e,i=n.K;o.isDev&&(n.v|=1024),_r(a,"componentDidRender",void 0,e),o.isDev&&(n.v&=-1025),Or(e,"componentDidRender"),64&n.v?(o.isDev&&(n.v|=1024),_r(a,"componentDidUpdate",void 0,e),o.isDev&&(n.v&=-1025),Or(e,"componentDidUpdate"),t()):(n.v|=64,o.asyncLoading&&o.cssAnnotations&&Cr(e),o.isDev&&(n.v|=2048),_r(a,"componentDidLoad",void 0,e),o.isDev&&(n.v&=-2049),Or(e,"componentDidLoad"),t(),o.asyncLoading&&(n.S(e),i||jr(r))),o.method&&o.lazyLoad&&n.k(e),o.asyncLoading&&(n.X&&(n.X(),n.X=void 0),512&n.v&&K((()=>fr(n,!1))),n.v&=-517)},Sr=n=>{var r;if(o.updatable&&(i.isBrowser||i.isTesting)){const o=g(n),e=null==(r=null==o?void 0:o.$hostElement$)?void 0:r.isConnected;return e&&2==(18&o.v)&&fr(o,!1),e}return!1},jr=r=>{var e;o.asyncQueue&&(D.v|=2),K((()=>Fo(L,"appload",{detail:{namespace:n}}))),o.hydrateClientSide&&(null==(e=D.nn)?void 0:e.size)&&D.nn.clear(),o.profile&&performance.measure&&performance.measure(`[Stencil] ${n} initial load (by ${r})`,"st:app:start")},_r=(n,o,r,e)=>{if(n&&n[o])try{return n[o](r)}catch(n){f(n,e)}},Or=(r,e)=>{o.lifecycleDOMEvents&&Fo(r,"stencil_"+e,{bubbles:!0,composed:!0,detail:{namespace:n}})},Cr=n=>{var r,e;return o.hydratedClass?n.classList.add(null!=(r=o.hydratedSelectorName)?r:"hydrated"):o.hydratedAttribute?n.setAttribute(null!=(e=o.hydratedSelectorName)?e:"hydrated",""):void 0},Er=n=>{const o=n.children;if(null!=o)for(let n=0,r=o.length;n<r;n++){const r=o[n];"function"==typeof r.connectedCallback&&r.connectedCallback(),Er(r)}},Tr=(n,o)=>g(n).i.get(o),Nr=(n,r,e,t)=>{const a=g(n);if(!a)return;if(o.lazyLoad&&!a)throw Error(`Couldn't find host element for "${t._}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);if(o.serializer&&a.u.has(r)&&a.u.get(r)===e)return;const i=o.lazyLoad?a.$hostElement$:n,c=a.i.get(r),l=a.v,s=o.lazyLoad?a.l:i;if(e=Io(e,t.o[r][0],o.formAssociated&&!!(64&t.v)),!(o.lazyLoad&&8&l&&void 0!==c||e===c||Number.isNaN(c)&&Number.isNaN(e))){if(a.i.set(r,e),o.serializer&&o.reflect&&t.J&&s&&t.rn&&t.rn[r]){let n=e;for(const o of t.rn[r]){const[[e]]=Object.entries(o);n=s[e](n,r)}a.u.set(r,n)}if(o.isDev&&(1024&a.v?k(`The state/prop "${r}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",i,"\nNew value",e,"\nOld value",c):2048&a.v&&k(`The state/prop "${r}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",i,"\nNew value",e,"\nOld value",c)),o.propChangeCallback&&t.en){const n=t.en[r];n&&n.map((n=>{try{const[[o,t]]=Object.entries(n);(128&l||1&t)&&(s?s[o](e,c,r):a.j.push((()=>{a.l[o](e,c,r)})))}catch(n){f(n,i)}}))}if(o.updatable&&2==(18&l)){if(s.componentShouldUpdate&&!1===s.componentShouldUpdate(e,c,r))return;fr(a,!1)}}},Rr=(n,r,e)=>{var t,a;const i=n.prototype;if(o.isTesting){if(i.__stencilAugmented)return;i.__stencilAugmented=!0}if(o.formAssociated&&64&r.v&&1&e&&R.forEach((n=>{const r=i[n];Object.defineProperty(i,n,{value(...e){var t;const a=g(this),i=o.lazyLoad?null==a?void 0:a.l:this;if(i){const t=o.lazyLoad?i[n]:r;"function"==typeof t&&t.call(i,...e)}else null==(t=null==a?void 0:a.$)||t.then((o=>{const r=o[n];"function"==typeof r&&r.call(o,...e)}))}})})),o.member&&r.o||o.propChangeCallback){o.propChangeCallback&&(n.watchers&&!r.en&&(r.en=n.watchers),n.deserializers&&!r.tn&&(r.tn=n.deserializers),n.serializers&&!r.rn&&(r.rn=n.serializers));const c=Object.entries(null!=(t=r.o)?t:{});if(c.map((([n,[t]])=>{if((o.prop||o.state)&&(31&t||(!o.lazyLoad||2&e)&&32&t)){const{get:a,set:c}=Object.getOwnPropertyDescriptor(i,n)||{};a&&(r.o[n][0]|=2048),c&&(r.o[n][0]|=4096),(1&e||!a)&&Object.defineProperty(i,n,{get(){if(o.lazyLoad){if(!(2048&r.o[n][0]))return Tr(this,n);const o=g(this),e=o?o.l:i;if(!e)return;return e[n]}if(!o.lazyLoad)return a?a.apply(this):Tr(this,n)},configurable:!0,enumerable:!0}),Object.defineProperty(i,n,{set(a){const i=g(this);if(i){if(o.isDev&&(1&e||4096&r.o[n][0]||0!==(i&&8&i.v)||!(31&t)||1024&t||k(`@Prop() "${n}" on <${r._}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`)),c)return void 0===(32&t?this[n]:i.$hostElement$[n])&&i.i.get(n)&&(a=i.i.get(n)),c.call(this,Io(a,t,o.formAssociated&&!!(64&r.v))),void Nr(this,n,a=32&t?this[n]:i.$hostElement$[n],r);if(o.lazyLoad){if(o.lazyLoad){if(!(1&e&&4096&r.o[n][0]))return Nr(this,n,a,r),void(1&e&&!i.l&&i.j.push((()=>{4096&r.o[n][0]&&i.l[n]!==i.i.get(n)&&(i.l[n]=a)})));const c=()=>{const e=i.l[n];!i.i.get(n)&&e&&i.i.set(n,e),i.l[n]=Io(a,t,o.formAssociated&&!!(64&r.v)),Nr(this,n,i.l[n],r)};i.l?c():i.j.push((()=>{c()}))}}else Nr(this,n,a,r)}}})}else o.lazyLoad&&o.method&&1&e&&64&t&&Object.defineProperty(i,n,{value(...o){var r;const e=g(this);return null==(r=null==e?void 0:e.m)?void 0:r.then((()=>{var r;return null==(r=e.l)?void 0:r[n](...o)}))}})})),o.observeAttribute&&(!o.lazyLoad||1&e)){const e=new Map;i.attributeChangedCallback=function(n,t,a){D.jmp((()=>{var l;const s=e.get(n),d=g(this);if(o.serializer&&d.u.has(s)&&d.u.get(s)===a)return;if(this.hasOwnProperty(s)&&o.lazyLoad&&(a=this[s],delete this[s]),o.deserializer&&r.tn&&r.tn[s]){const n=(n,o)=>{const r=null==o?void 0:o[n](a,s);r!==this[s]&&(this[s]=r)};for(const e of r.tn[s]){const[[r]]=Object.entries(e);o.lazyLoad?d.l?n(r,d.l):d.j.push((()=>{n(r,d.l)})):n(r,this)}return}if(i.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==a)return;if(null==s){const e=null==d?void 0:d.v;if(d&&e&&!(8&e)&&a!==t){const i=o.lazyLoad?d.l:o.lazyLoad?d.$hostElement$:this,c=null==(l=r.en)?void 0:l[n];null==c||c.forEach((o=>{const[[r,c]]=Object.entries(o);null!=i[r]&&(128&e||1&c)&&i[r].call(i,a,t,n)}))}return}const v=c.find((([n])=>n===s));v&&4&v[1][0]&&(a=null!==a&&"false"!==a);const u=Object.getOwnPropertyDescriptor(i,s);a==this[s]||u.get&&!u.set||(this[s]=a)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=r.en)?a:{}),...c.filter((([n,o])=>31&o[0])).map((([n,t])=>{var a;const i=t[1]||n;return e.set(i,n),o.reflect&&512&t[0]&&(null==(a=r.J)||a.push([n,i])),i}))]))}}return n},Lr=async(n,r,e,t)=>{let a;if(!(32&r.v)){if(r.v|=32,o.lazyLoad&&e.O){const i=z(e,r,t);if(i&&"then"in i){const n=((n,r)=>o.profile&&performance.mark?(0===performance.getEntriesByName(n,"mark").length&&performance.mark(n),()=>{0===performance.getEntriesByName(r,"measure").length&&performance.measure(r,n)}):()=>{})(`st:load:${e._}:${r.C}`,`[Stencil] Load module for <${e._}>`);a=await i,n()}else a=i;if(!a)throw Error(`Constructor for "${e._}#${r.C}" was not found`);o.member&&!a.isProxied&&(o.propChangeCallback&&(e.en=a.watchers,e.rn=a.serializers,e.tn=a.deserializers),Rr(a,e,2),a.isProxied=!0);const c=Ln("createInstance",e._);o.member&&(r.v|=8);try{new a(r)}catch(o){f(o,n)}o.member&&(r.v&=-9),o.propChangeCallback&&(r.v|=128),c(),o.slotRelocation&&4&e.v?r.G=!0:Mr(r.l,n)}else a=n.constructor,customElements.whenDefined(n.localName).then((()=>r.v|=128));if(o.style&&a&&a.style){let i;"string"==typeof a.style?i=a.style:o.mode&&"string"!=typeof a.style&&(r.C=qo(n),r.C&&(i=a.style[r.C]),o.hydrateServerSide&&r.C&&n.setAttribute("s-mode",r.C));const c=Pn(e,r.C);if(!$.has(c)||o.hotModuleReplacement&&t){const n=Ln("registerStyles",e._);o.hydrateServerSide&&o.shadowDom&&128&e.v&&(i=Do(i,c)),qn(c,i,!!(1&e.v)),n()}}}const i=r.K,c=()=>fr(r,!0);o.asyncLoading&&i&&i["s-rc"]?i["s-rc"].push(c):c()},Mr=(n,r)=>{o.lazyLoad&&_r(n,"connectedCallback",void 0,r)},Dr=n=>{if(!(1&D.v)){const r=g(n);if(!r)return;const e=r.t,t=Ln("connectedCallback",e._);if(o.hostListenerTargetParent&&Br(n,r,e.an,!0),1&r.v)Br(n,r,e.an,!1),(null==r?void 0:r.l)?Mr(r.l,n):(null==r?void 0:r.$)&&r.$.then((()=>Mr(r.l,n)));else{let t;if(r.v|=1,o.hydrateClientSide&&(t=n.getAttribute(j),t)){if(o.shadowDom&&q&&1&e.v){const r=o.mode?An(n.shadowRoot,e,n.getAttribute("s-mode")):An(n.shadowRoot,e);n.classList.remove(r+"-h",r+"-s")}else if(o.scoped&&2&e.v){const r=Pn(e,o.mode?n.getAttribute("s-mode"):void 0);n["s-sc"]=r}((n,r,e,t)=>{var a,i,c,l;const s=Ln("hydrateClient",r),d=n.shadowRoot,v=[],u=[],p=[],b=o.shadowDom&&d?[]:null,h=Vn(r,null);let f;if(h.I=n,o.scoped){const o=t.t;o&&10&o.v&&n["s-sc"]?(f=n["s-sc"],n.classList.add(f+"-h")):n["s-sc"]&&delete n["s-sc"]}!L.document||D.nn&&D.nn.size||Zn(L.document.body,D.nn=new Map),n[j]=e,n.removeAttribute(j),t.Y=Gn(h,v,u,b,n,n,e,p);let m=0;const w=v.length;let k;for(;m<w;m++){k=v[m];const e=k.P+"."+k.F,t=D.nn.get(e),i=k.I;if(d){if((null==(a=k.A)?void 0:(""+a).includes("-"))&&"slot-fb"!==k.A&&!k.I.shadowRoot){const n=g(k.I);if(n){const r=Pn(n.t,o.mode?k.I.getAttribute("s-mode"):void 0),e=L.document.querySelector(`style[sty-id="${r}"]`);e&&b.unshift(e.cloneNode(!0))}}}else i["s-hn"]=Kr(r).toUpperCase(),"slot"===k.A&&(i["s-cr"]=n["s-cr"]);"slot"===k.A&&(k.q=k.I["s-sn"]||k.I.name||null,k.M?(k.v|=2,k.I.childNodes.length||k.M.forEach((n=>{k.I.appendChild(n.I)}))):k.v|=1),t&&t.isConnected&&(t.parentElement.shadowRoot&&""===t["s-en"]&&t.parentNode.insertBefore(i,t.nextSibling),t.parentNode.removeChild(t),d||(i["s-oo"]=parseInt(k.F))),t&&!t["s-id"]&&D.nn.delete(e)}const x=[],y=p.length;let z,$,S,_,O=0,C=0;for(;O<y;O++)if(z=p[O],z&&z.length)for(S=z.length,$=0;$<S;$++){if(_=z[$],x[_.hostId]||(x[_.hostId]=D.nn.get(_.hostId)),!x[_.hostId])continue;const n=x[_.hostId];n.shadowRoot&&_.node.parentElement!==n&&n.insertBefore(_.node,null==(c=null==(i=z[$-1])?void 0:i.node)?void 0:c.nextSibling),n.shadowRoot&&d||(_.slot["s-cr"]||(_.slot["s-cr"]=n["s-cr"],_.slot["s-cr"]=!_.slot["s-cr"]&&n.shadowRoot?n:(n.__childNodes||n.childNodes)[0]),an(_.node,_.slot,!1,_.node["s-oo"]||C),(null==(l=_.node.parentElement)?void 0:l.shadowRoot)&&_.node.getAttribute&&_.node.getAttribute("slot")&&_.node.removeAttribute("slot"),o.experimentalSlotFixes&&zn(_.node)),C=(_.node["s-oo"]||C)+1}if(o.scoped&&f&&u.length&&u.forEach((n=>{n.I.parentElement.classList.add(f+"-s")})),o.shadowDom&&d&&!d.childNodes.length){let o=0;const r=b.length;if(r){for(;o<r;o++){const n=b[o];n&&d.appendChild(n)}Array.from(n.childNodes).forEach((n=>{"string"!=typeof n["s-en"]&&"string"!=typeof n["s-sn"]&&(1===n.nodeType&&n.slot&&n.hidden?n.removeAttribute("hidden"):8!==n.nodeType||n.nodeValue||n.parentNode.removeChild(n))}))}}t.$hostElement$=n,s()})(n,e._,t,r)}if(o.slotRelocation&&!t&&(o.hydrateServerSide||(o.slot||o.shadowDom)&&12&e.v)&&qr(n),o.asyncLoading){let e=n;for(;e=e.parentNode||e.host;)if(o.hydrateClientSide&&1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){hr(r,r.K=e);break}}o.prop&&!o.hydrateServerSide&&e.o&&Object.entries(e.o).map((([o,[r]])=>{if(31&r&&o in n&&n[o]!==Object.prototype[o]){const r=n[o];delete n[o],n[o]=r}})),o.initializeNextTick?K((()=>Lr(n,r,e))):Lr(n,r,e)}t()}},qr=n=>{if(!L.document)return;const r=n["s-cr"]=L.document.createComment(o.isDebug?`content-ref (host=${n.localName})`:"");r["s-cn"]=!0,vr(n,r,n.firstChild)},Ar=(n,r)=>{o.lazyLoad&&_r(n,"disconnectedCallback",void 0,r||n)},Ir=async n=>{if(!(1&D.v)){const r=g(n);o.hostListener&&(null==r?void 0:r.cn)&&(r.cn.map((n=>n())),r.cn=void 0),o.lazyLoad?(null==r?void 0:r.l)?Ar(r.l,n):(null==r?void 0:r.$)&&r.$.then((()=>Ar(r.l,n))):Ar(n)}Dn.has(n)&&Dn.delete(n),n.shadowRoot&&Dn.has(n.shadowRoot)&&Dn.delete(n.shadowRoot)},Pr=(n,r)=>{const e={v:r[0],_:r[1]};o.member&&(e.o=r[2]),o.hostListener&&(e.an=r[3]),o.propChangeCallback&&(e.en=n.en,e.tn=n.tn,e.rn=n.rn),o.reflect&&(e.J=[]),o.shadowDom&&!q&&1&e.v&&(e.v|=8),!(1&e.v)&&256&e.v?o.experimentalSlotFixes?vn(n.prototype):(o.slotChildNodesFix&&yn(n.prototype),o.cloneNodeFix&&un(n.prototype),o.appendChildSlotFix&&gn(n.prototype),o.scopedSlotTextContentFix&&2&e.v&&xn(n.prototype)):o.cloneNodeFix&&un(n.prototype),o.hydrateClientSide&&o.shadowDom&&Fn();const t=n.prototype.connectedCallback,a=n.prototype.disconnectedCallback;return Object.assign(n.prototype,{__hasHostListenerAttached:!1,__registerHost(){b(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){const n=g(this);if(!n)return;Br(this,n,e.an,!1),this.__hasHostListenerAttached=!0}Dr(this),t&&t.call(this)},disconnectedCallback(){Ir(this),a&&a.call(this)},__attachShadow(){if(q)if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${e._}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else Z.call(this,e);else this.shadowRoot=this}}),n.is=e._,Rr(n,e,3)},Hr=(n,r={})=>{var e;if(o.profile&&performance.mark&&performance.mark("st:app:start"),(()=>{if(o.devTools){const n=L.stencil=L.stencil||{},o=n.inspect;n.inspect=n=>{let r=(n=>{const o=g(n);if(!o)return;const r=o.v,e=o.$hostElement$;return{renderCount:o.p,flags:{hasRendered:!!(2&r),hasConnected:!!(1&r),isWaitingForChildren:!!(4&r),isConstructingInstance:!!(8&r),isQueuedForUpdate:!!(16&r),hasInitializedComponent:!!(32&r),hasLoadedComponent:!!(64&r),isWatchReady:!!(128&r),isListenReady:!!(256&r),needsRerender:!!(512&r)},instanceValues:o.i,serializerValues:o.u,ancestorComponent:o.K,hostElement:e,lazyInstance:o.l,vnode:o.Y,modeName:o.C,fetchedCbList:o.j,onReadyPromise:o.$,onReadyResolve:o.S,onInstancePromise:o.m,onInstanceResolve:o.k,onRenderResolve:o.X,queuedListeners:o.Z,rmListeners:o.cn,"s-id":e["s-id"],"s-cr":e["s-cr"],"s-lr":e["s-lr"],"s-p":e["s-p"],"s-rc":e["s-rc"],"s-sc":e["s-sc"]}})(n);return r||"function"!=typeof o||(r=o(n)),r}}})(),!L.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const t=Ln("bootstrapLazy"),a=[],i=r.exclude||[],c=L.customElements,l=L.document.head,s=l.querySelector("meta[charset]"),d=L.document.createElement("style"),v=[];let u,p=!0;Object.assign(D,r),D.T=new URL(r.resourcesUrl||"./",L.document.baseURI).href,o.asyncQueue&&r.syncQueue&&(D.v|=4),o.hydrateClientSide&&(D.v|=2),o.hydrateClientSide&&o.shadowDom&&Fn();let h=!1;if(n.map((n=>{n[1].map((e=>{var t,l,s;const d={v:e[0],_:e[1],o:e[2],an:e[3]};4&d.v&&(h=!0),o.member&&(d.o=e[2]),o.hostListener&&(d.an=e[3]),o.reflect&&(d.J=[]),o.propChangeCallback&&(d.en=null!=(t=e[4])?t:{},d.rn=null!=(l=e[5])?l:{},d.tn=null!=(s=e[6])?s:{}),o.shadowDom&&!q&&1&d.v&&(d.v|=8);const f=o.transformTagName&&r.transformTagName?r.transformTagName(d._):Kr(d._),m=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(n){if(super(n),b(n=this,d),o.shadowDom&&1&d.v)if(q)if(n.shadowRoot){if("open"!==n.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${d._}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else Z.call(n,d);else o.hydrateServerSide||"shadowRoot"in n||(n.shadowRoot=n)}connectedCallback(){const n=g(this);n&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Br(this,n,d.an,!1)),u&&(clearTimeout(u),u=null),p?v.push(this):D.jmp((()=>Dr(this))))}disconnectedCallback(){D.jmp((()=>Ir(this))),D.raf((()=>{var n;const o=g(this);if(!o)return;const r=v.findIndex((n=>n===this));r>-1&&v.splice(r,1),(null==(n=null==o?void 0:o.Y)?void 0:n.I)instanceof Node&&!o.Y.I.isConnected&&delete o.Y.I}))}componentOnReady(){var n;return null==(n=g(this))?void 0:n.$}};!(1&d.v)&&256&d.v?o.experimentalSlotFixes?vn(m.prototype):(o.slotChildNodesFix&&yn(m.prototype),o.cloneNodeFix&&un(m.prototype),o.appendChildSlotFix&&gn(m.prototype),o.scopedSlotTextContentFix&&2&d.v&&xn(m.prototype)):o.cloneNodeFix&&un(m.prototype),o.formAssociated&&64&d.v&&(m.formAssociated=!0),o.hotModuleReplacement&&(m.prototype["s-hmr"]=function(n){((n,o,r)=>{const e=g(n);e&&(e.v=1,Lr(n,e,o,r))})(this,d,n)}),d.O=n[0],i.includes(f)||c.get(f)||(a.push(f),c.define(f,Rr(m,d,1)))}))})),a.length>0&&(o.slotRelocation&&h&&(d.textContent+=T),o.invisiblePrehydration&&(o.hydratedClass||o.hydratedAttribute)&&(d.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}"),d.innerHTML.length)){d.setAttribute("data-styles","");const n=null!=(e=D.N)?e:Mn(L.document);null!=n&&d.setAttribute("nonce",n),l.insertBefore(d,s?s.nextSibling:l.firstChild)}p=!1,v.length?v.map((n=>n.connectedCallback())):D.jmp(o.profile?()=>u=setTimeout(jr,30,"timeout"):()=>u=setTimeout(jr,30)),t()},Fr=(n,o)=>o,Br=(n,r,e,t)=>{o.hostListener&&e&&L.document&&(o.hostListenerTargetParent&&(e=e.filter(t?([n])=>32&n:([n])=>!(32&n))),e.map((([e,t,a])=>{const i=o.hostListenerTarget?Vr(L.document,n,e):n,c=Ur(r,a),l=Wr(e);D.ael(i,t,c,l),(r.cn=r.cn||[]).push((()=>D.rel(i,t,c,l)))})))},Ur=(n,r)=>e=>{var t;try{o.lazyLoad?256&n.v?null==(t=n.l)||t[r](e):(n.Z=n.Z||[]).push([r,e]):n.$hostElement$[r](e)}catch(o){f(o,n.$hostElement$)}},Vr=(n,r,e)=>o.hostListenerTargetDocument&&4&e?n:o.hostListenerTargetWindow&&8&e?L:o.hostListenerTargetBody&&16&e?n.body:o.hostListenerTargetParent&&32&e&&r.parentElement?r.parentElement:r,Wr=n=>({passive:!!(1&n),capture:!!(2&n)}),Yr=o.lazyLoad?class{}:globalThis.HTMLElement||class{},Jr=n=>D.N=n,Xr=void 0;function Kr(n){return Xr?Xr(n):n}function Qr(n,o,r){const e=o||{},{children:t,...a}=e;let i=a;return void 0===r||"key"in a||(i={...a,key:r}),i&&0===Object.keys(i).length&&(i=null),void 0!==t?Array.isArray(t)?Un(n,i,...t):Un(n,i,t):Un(n,i)}var Gr=(n,o,r,e)=>{var t;null!=o&&(null!=o["s-nr"]&&e.push(o),1===o.nodeType)&&[...Array.from(o.childNodes),...Array.from((null==(t=o.shadowRoot)?void 0:t.childNodes)||[])].forEach((o=>{const t=g(o);null==t||r.staticComponents.has(o.nodeName.toLowerCase())||Zr(n,o,t.Y,r,{nodeIds:0}),Gr(n,o,r,e)}))},Zr=(n,o,r,e,t)=>{if(null!=r){const a=++e.hostIds;if(o.setAttribute(j,a),null!=o["s-cr"]&&(o["s-cr"].nodeValue="r."+a),null!=r.M){const o=0;r.M.forEach(((r,e)=>{ne(n,r,t,a,o,e)}))}if(o&&r&&r.I&&!o.hasAttribute(O)){const n=o.parentElement;if(n&&n.childNodes){const e=Array.from(n.childNodes),t=e.find((n=>8===n.nodeType&&n["s-sr"]));if(t){const n=e.indexOf(o)-1;r.I.setAttribute(O,`${t["s-host-id"]}.${t["s-node-id"]}.0.${n}`)}}}}},ne=(n,o,r,e,t,a)=>{const i=o.I;if(null==i)return;const c=r.nodeIds++,l=`${e}.${c}.${t}.${a}`;if(i["s-host-id"]=e,i["s-node-id"]=c,1===i.nodeType)i.setAttribute(O,l),"string"!=typeof i["s-sn"]||i.getAttribute("slot")||i.setAttribute("s-sn",i["s-sn"]);else if(3===i.nodeType){const o=i.parentNode,r=null==o?void 0:o.nodeName;if("STYLE"!==r&&"SCRIPT"!==r){const r=n.createComment("t."+l);vr(o,r,i)}}else 8===i.nodeType&&i["s-sr"]&&(i.nodeValue=`s.${l}.${i["s-sn"]||""}`);if(null!=o.M){const a=t+1;o.M.forEach(((o,t)=>{ne(n,o,r,e,a,t)}))}},oe=Object.freeze({__proto__:null,BUILD:o,Build:i,Env:{},Fragment:Fr,H:M,HTMLElement:M,HYDRATED_STYLE_ID:_,Host:Wn,Mixin:function(...n){return n.reduceRight(((n,o)=>o(n)),Yr)},NAMESPACE:n,STENCIL_DEV_MODE:m,addHostEventListeners:Br,bootstrapLazy:Hr,cmpModules:y,connectedCallback:Dr,consoleDevError:w,consoleDevInfo:x,consoleDevWarn:k,consoleError:f,createEvent:Ho,defineCustomElement:(n,o)=>{customElements.define(Kr(o[1]),Pr(n,o))},disconnectedCallback:Ir,forceModeUpdate:n=>{if(o.style&&o.mode&&!o.lazyLoad){const o=qo(n),r=g(n);if(r&&r.C!==o){const e=r.t,t=n["s-sc"],a=Pn(e,o),i=n.constructor.style[o],c=e.v;i&&($.has(a)||qn(a,i,!!(1&c)),r.C=o,n.classList.remove(t+"-h",t+"-s"),In(r),Sr(n))}}},forceUpdate:Sr,getAssetPath:n=>{const o=new URL(n,D.T);return o.origin!==L.location.origin?o.href:o.pathname},getElement:Po,getHostRef:g,getMode:n=>{var o;return null==(o=g(n))?void 0:o.C},getRenderingRef:()=>yr,getValue:Tr,h:Un,insertVdomAnnotations:(n,o)=>{if(null!=n){const r=C in n?n[C]:{...E};r.staticComponents=new Set(o);const e=[];Gr(n,n.body,r,e),e.forEach((o=>{var e;if(null!=o&&o["s-nr"]){const t=o["s-nr"];let a=t["s-host-id"],i=t["s-node-id"],c=`${a}.${i}`;if(null==a)if(a=0,r.rootLevelIds++,i=r.rootLevelIds,c=`${a}.${i}`,1===t.nodeType)t.setAttribute(O,c),"string"!=typeof t["s-sn"]||t.getAttribute("slot")||t.setAttribute("s-sn",t["s-sn"]);else if(3===t.nodeType){if(0===a&&""===(null==(e=t.nodeValue)?void 0:e.trim()))return void o.remove();const r=n.createComment(c);r.nodeValue="t."+c,vr(t.parentNode,r,t)}else if(8===t.nodeType){const o=n.createComment(c);o.nodeValue="c."+c,t.parentNode.insertBefore(o,t)}let l="o."+c;const s=o.parentElement;s&&(""===s["s-en"]?l+=".":"c"===s["s-en"]&&(l+=".c")),o.nodeValue=l}}))}},isMemberInElement:h,jsx:Qr,jsxDEV:function(n,o,r){const e=o||{},{children:t,...a}=e;let i=a;return void 0===r||"key"in a||(i={...a,key:r}),i&&0===Object.keys(i).length&&(i=null),void 0!==t?Array.isArray(t)?Un(n,i,...t):Un(n,i,t):Un(n,i)},jsxs:function(n,o,r){return Qr(n,o,r)},loadModule:z,modeResolutionChain:S,needsScopedSSR:()=>!1,nextTick:K,parsePropertyValue:Io,plt:D,postUpdateComponent:$r,promiseResolve:A,proxyComponent:Rr,proxyCustomElement:Pr,readTask:Q,registerHost:b,registerInstance:p,render:function(n,o){gr({t:{v:0,_:o.tagName},$hostElement$:o},n)},renderVdom:gr,setAssetPath:n=>D.T=n,setErrorHandler:n=>t=n,setMode:n=>S.push(n),setNonce:Jr,setPlatformHelpers:n=>{Object.assign(D,n)},setPlatformOptions:n=>Object.assign(D,n),setScopedSSR:()=>{},setTagTransformer:function(n){Xr&&console.warn("\n A tagTransformer has already been set. \n Overwriting it may lead to error and unexpected results if your components have already been defined.\n "),Xr=n},setValue:Nr,styles:$,supportsConstructableStylesheets:I,supportsListenerOptions:!0,supportsMutableAdoptedStyleSheets:P,supportsShadow:q,transformTag:Kr,win:L,writeTask:G});export{o as B,Fr as F,M as H,n as N,oe as S,Ho as a,Hr as b,x as c,Wn as d,Po as e,Sr as f,r as g,Un as h,A as p,p as r,Jr as s,L as w}