@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/components/p-DiwYO24j.js ADDED
@@ -0,0 +1,2 @@
1
+ const n='/* 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',o="native",r={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:!1,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,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0};var e,t,a={isDev:!!r.isDev,isBrowser:!0,isServer:!1,isTesting:!!r.isTesting},i=(n=>(n.Undefined="undefined",n.Null="null",n.String="string",n.Number="number",n.SpecialNumber="number",n.Boolean="boolean",n.BigInt="bigint",n))(i||{}),c=(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))(c||{}),l="type",s="value",d="serialized:",v=(n,o)=>{var e;Object.entries(null!=(e=o.t.o)?e:{}).map((([e,[t]])=>{if((r.state||r.prop)&&(31&t||32&t)){const r=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]=o.i.has(e)?o.i.get(e):r}}))},u=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},g=(n,o)=>{const e={l:0,$hostElement$:n,t:o,i:new Map,v:new Map};r.isDev&&(e.u=0),r.method&&r.lazyLoad&&(e.p=new Promise((n=>e.m=n))),r.asyncLoading&&(e.k=new Promise((n=>e.$=n)),n["s-p"]=[],n["s-rc"]=[]),r.lazyLoad&&(e.S=[]);const t=e;return n.__stencil__getHostRef=()=>t,!r.lazyLoad&&512&o.l&&(r.state||r.prop)&&v(n,e),t},p=(n,o)=>o in n,b=(n,o)=>(e||console.error)(n,o),h=r.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],f=(...n)=>console.error(...h,...n),m=(...n)=>console.warn(...h,...n),w=new Map,k=(n,o,e)=>{const t=n.j.replace(/-/g,"_"),a=n.O;if(r.isDev&&"string"!=typeof a)return void f(`Trying to lazily load component <${n.j}> with style mode "${o._}", but it does not exist.`);if(!a)return;const i=!r.hotModuleReplacement&&w.get(a);return i?i[t]:import(`./${a}.entry.js${r.hotModuleReplacement&&e?"?s-hmr="+e:""}`).then((n=>(r.hotModuleReplacement||w.set(a,n),n[t])),(n=>{b(n,o.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},x=new Map,y=[],z="s-id",$="sty-id",S="c-id",j="_stencilDocData",O={hostIds:0,rootLevelIds:0,staticComponents:new Set},_="slot-fb{display:contents}slot-fb[hidden]{display:none}",C="http://www.w3.org/1999/xlink",E=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],T="undefined"!=typeof window?window:{},N=T.HTMLElement||class{},R={l:0,C:"",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)},L=r.shadowDom,M=(()=>{var n;let o=!1;try{null==(n=T.document)||n.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=!0}}))}catch(n){}return o})(),D=n=>Promise.resolve(n),q=!!r.constructableCSS&&(()=>{try{return!!T.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(n){}return!1})(),A=!!q&&(()=>!!T.document&&Object.getOwnPropertyDescriptor(T.document.adoptedStyleSheets,"length").writable)(),I=0,P=!1,H=[],F=[],U=[],B=(n,o)=>r=>{n.push(r),P||(P=!0,o&&4&R.l?J(Y):R.raf(Y))},V=n=>{for(let o=0;o<n.length;o++)try{n[o](performance.now())}catch(n){b(n)}n.length=0},W=(n,o)=>{let r=0,e=0;for(;r<n.length&&(e=performance.now())<o;)try{n[r++](e)}catch(n){b(n)}r===n.length?n.length=0:0!==r&&n.splice(0,r)},Y=()=>{if(r.asyncQueue&&I++,V(H),r.asyncQueue){const n=2==(6&R.l)?performance.now()+14*Math.ceil(.1*I):1/0;W(F,n),W(U,n),F.length>0&&(U.push(...F),F.length=0),(P=H.length+F.length+U.length>0)?R.raf(Y):I=0}else V(F),(P=H.length>0)&&R.raf(Y)},J=n=>D().then(n),X=B(H,!1),K=B(F,!0),Q=n=>{const o=new URL(n,R.C);return o.origin!==T.location.origin?o.href:o.pathname},G=n=>R.C=n;function Z(o){var e;const a={mode:"open"};r.shadowDelegatesFocus&&(a.delegatesFocus=!!(16&o.l)),r.shadowSlotAssignmentManual&&1024&o.l&&(a.slotAssignment="manual");const i=this.attachShadow(a);if(void 0===t&&(t=null!=(e=function(n){if(!q)return;const o=new CSSStyleSheet;return o.replaceSync(n),o}(n))?e:null),t)A?i.adoptedStyleSheets.push(t):i.adoptedStyleSheets=[...i.adoptedStyleSheets,t];else if(!q){const o=document.createElement("style");o.innerHTML=n,r.hotModuleReplacement&&o.setAttribute($,"sc-global"),i.prepend(o)}}var nn=n=>{const o=Tn(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&&Tn(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,o,e,t)=>{if(n["s-ol"]&&n["s-ol"].isConnected)return;const a=document.createTextNode("");if(a["s-nr"]=n,!o["s-cr"]||!o["s-cr"].parentNode)return;const i=o["s-cr"].parentNode,c=Tn(i,e?"prepend":"appendChild");if(r.hydrateClientSide&&void 0!==t){a["s-oo"]=t;const n=Tn(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"]=o["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(Tn(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 o=n.__cloneNode=n.cloneNode;n.cloneNode=function(n){const e=!!r.shadowDom&&this.shadowRoot&&L,t=o.call(this,!!e&&n);if(r.slot&&!e&&n){let n,o,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"],o=a.every((n=>!i[e][n])),n&&(r.appendChildSlotFix&&t.__appendChild?t.__appendChild(n.cloneNode(!0)):t.appendChild(n.cloneNode(!0))),o&&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=Tn(t,"parentNode"),i=Tn(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(Tn(this,"childNodes"),this.tagName,r)[0];if(e){an(o,e,!0);const n=en(e,r)[0],t=Tn(n,"parentNode"),a=Tn(t,"insertBefore")(o,Tn(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=Tn(o,"parentNode");Tn(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=>{En("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]}}En("children",n),Object.defineProperty(n,"children",{get(){return this.childNodes.filter((n=>1===n.nodeType))}}),Object.defineProperty(n,"childElementCount",{get(){return this.children.length}}),En("firstChild",n),Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}}),En("lastChild",n),Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),En("childNodes",n),Object.defineProperty(n,"childNodes",{get(){const n=new o;return n.push(...on(this.__childNodes)),n}})},zn=n=>{n&&!n.__nextSibling&&(En("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}}))},$n=n=>{n&&!n.__nextElementSibling&&(En("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}}))},Sn=n=>{n&&!n.__previousSibling&&(En("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}}))},jn=n=>{n&&!n.__previousElementSibling&&(En("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&&(En("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}}))},_n=["children","nextElementSibling","previousElementSibling"],Cn=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function En(n,o){if(!globalThis.Node||!globalThis.Element)return;let r;_n.includes(n)?r=Object.getOwnPropertyDescriptor(Element.prototype,n):Cn.includes(n)&&(r=Object.getOwnPropertyDescriptor(Node.prototype,n)),r||(r=Object.getOwnPropertyDescriptor(o,n)),r&&Object.defineProperty(o,"__"+n,r)}function Tn(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 Nn=0,Rn=(n,o="")=>{if(r.profile&&performance.mark){const r=`st:${n}:${o}:${Nn++}`;return performance.mark(r),()=>performance.measure(`[Stencil] ${n}() <${o}>`,r)}return()=>{}};function Ln(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 Mn=new WeakMap,Dn=(n,o,r)=>{let e=x.get(n);q&&r?(e=e||new CSSStyleSheet,"string"==typeof e?e=o:e.replaceSync(o)):e=o,x.set(n,e)},qn=(n,o,e)=>{var t,a,i;const c=In(o,e),l=x.get(c);if(!r.attachStyles||!T.document)return c;if(n=11===n.nodeType?n:T.document,l)if("string"==typeof l){let e,i=Mn.get(n=n.head||n);i||Mn.set(n,i=new Set);const s=(r.hydrateClientSide||r.hotModuleReplacement)&&n.querySelector(`[${$}="${c}"]`);if(s)s.textContent=l;else if(!i.has(c)){e=T.document.createElement("style"),e.textContent=l;const s=null!=(t=R.T)?t:Ln(T.document);if(null!=s&&e.setAttribute("nonce",s),(r.hydrateServerSide||r.hotModuleReplacement)&&(2&o.l||128&o.l||1&o.l)&&e.setAttribute($,c),!(1&o.l))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(q){const o=new(null!=(a=n.defaultView)?a:n.ownerDocument.defaultView).CSSStyleSheet;o.replaceSync(l),A?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&o.l&&n.insertBefore(e,null),4&o.l&&(e.textContent+=_),i&&i.add(c)}}else if(r.constructableCSS){let o=Mn.get(n);if(o||Mn.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)}A?n.adoptedStyleSheets.push(e):n.adoptedStyleSheets=[...n.adoptedStyleSheets,e],o.add(c)}}return c},An=n=>{const o=n.t,e=n.$hostElement$,t=o.l,a=Rn("attachStyles",o.j),i=qn(r.shadowDom&&L&&e.shadowRoot?e.shadowRoot:e.getRootNode(),o,n._);(r.shadowDom||r.scoped)&&r.cssAnnotations&&10&t&&(e["s-sc"]=i,e.classList.add(i+"-h")),a()},In=(n,o)=>"sc-"+(r.mode&&o&&32&n.l?n.j+"-"+o:n.j),Pn=()=>{if(!T.document)return;const n=T.document.querySelectorAll(`[${$}]`);let o=0;for(;o<n.length;o++)Dn(n[o].getAttribute($),n[o].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0)},Hn=n=>"object"==(n=typeof n)||"function"===n,Fn=(n,o,...e)=>{"string"==typeof n&&(n=Xr(n));let t=null,a=null,i=null,c=!1,l=!1;const s=[],d=o=>{for(let e=0;e<o.length;e++)t=o[e],Array.isArray(t)?d(t):null!=t&&"boolean"!=typeof t&&((c="function"!=typeof n&&!Hn(t))?t=String(t):r.isDev&&"function"!=typeof n&&void 0===t.l&&f("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].N+=t:s.push(c?Un(null,t):t),l=c)};if(d(e),o&&(r.isDev&&"input"===n&&Xn(o),r.vdomKey&&o.key&&(a=o.key),r.slotRelocation&&o.name&&(i=o.name),r.vdomClass)){const n=o.className||o.class;n&&(o.class="object"!=typeof n?n:Object.keys(n).filter((o=>n[o])).join(" "))}if(r.isDev&&s.some(Vn)&&f("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."),r.vdomFunctional&&"function"==typeof n)return n(null===o?{}:o,s,Wn);const v=Un(n,null);return v.R=o,s.length>0&&(v.L=s),r.vdomKey&&(v.M=a),r.slotRelocation&&(v.D=i),v},Un=(n,o)=>{const e={l:0,q:n,N:null!=o?o:null,A:null,L:null};return r.vdomAttribute&&(e.R=null),r.vdomKey&&(e.M=null),r.slotRelocation&&(e.D=null),e},Bn={},Vn=n=>n&&n.q===Bn,Wn={forEach:(n,o)=>n.map(Yn).forEach(o),map:(n,o)=>n.map(Yn).map(o).map(Jn)},Yn=n=>({vattrs:n.R,vchildren:n.L,vkey:n.M,vname:n.D,vtag:n.q,vtext:n.N}),Jn=n=>{if("function"==typeof n.vtag){const o={...n.vattrs};return n.vkey&&(o.key=n.vkey),n.vname&&(o.name=n.vname),Fn(n.vtag,o,...n.vchildren||[])}const o=Un(n.vtag,n.vtext);return o.R=n.vattrs,o.L=n.vchildren,o.M=n.vkey,o.D=n.vname,o},Xn=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)&&m('The "value" prop of <input> should be set after "min", "max", "type" and "step"')},Kn=(n,o,e,t,a,i,c,l=[])=>{let s,d,v,u;const g=a["s-sc"];if(1===i.nodeType){if(s=i.getAttribute(S),s&&(d=s.split("."),d[0]===c||"0"===d[0])){v=Gn({l:0,I:d[0],P:d[1],F:d[2],U:d[3],q:i.tagName.toLowerCase(),A:i,R:{class:i.className||""}}),o.push(v),i.removeAttribute(S),n.L||(n.L=[]),r.scoped&&g&&d[0]===c&&(i["s-si"]=g,v.R.class+=" "+g);const a=v.A.getAttribute("s-sn");"string"==typeof a&&("slot-fb"===v.q&&(Zn(a,d[2],v,i,n,o,e,t,l),r.scoped&&g&&i.classList.add(g)),v.A["s-sn"]=a,v.A.removeAttribute("s-sn")),void 0!==v.U&&(n.L[v.U]=v),n=v,t&&"0"===v.F&&(t[v.U]=v.A)}if(i.shadowRoot)for(u=i.shadowRoot.childNodes.length-1;u>=0;u--)Kn(n,o,e,t,a,i.shadowRoot.childNodes[u],c,l);const p=i.__childNodes||i.childNodes;for(u=p.length-1;u>=0;u--)Kn(n,o,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=Gn({I:d[1],P:d[2],F:d[3],U:d[4]||"0",A:i,R:null,L:null,M:null,D:null,q:null,N:null}),"t"===s?(v.A=to(i,3),v.A&&3===v.A.nodeType&&(v.N=v.A.textContent,o.push(v),i.remove(),c===v.I&&(n.L||(n.L=[]),n.L[v.U]=v),t&&"0"===v.F&&(t[v.U]=v.A))):"c"===s?(v.A=to(i,8),v.A&&8===v.A.nodeType&&(o.push(v),i.remove())):v.I===c&&("s"===s?Zn(i["s-sn"]=d[5]||"",d[2],v,i,n,o,e,t,l):"r"===s&&(r.shadowDom&&t?i.remove():r.slotRelocation&&(a["s-cr"]=i,i["s-cn"]=!0))));else if(n&&"style"===n.q){const o=Un(null,i.textContent);o.A=i,o.U="0",n.L=[o]}return n},Qn=(n,o)=>{if(1===n.nodeType){const r=n[z]||n.getAttribute(z);r&&o.set(r,n);let e=0;if(n.shadowRoot)for(;e<n.shadowRoot.childNodes.length;e++)Qn(n.shadowRoot.childNodes[e],o);const t=n.__childNodes||n.childNodes;for(e=0;e<t.length;e++)Qn(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])}},Gn=n=>({l:0,I:null,P:null,F:null,U:"0",A:null,R:null,L:null,M:null,D:null,q:null,N:null,...n});function Zn(n,o,e,t,a,i,c,l,s){t["s-sr"]=!0,e.D=n||null,e.q="slot";const d=(null==a?void 0:a.A)?a.A["s-id"]||a.A.getAttribute("s-id"):"";if(r.shadowDom&&l&&T.document){const r=e.A=T.document.createElement(e.q);e.D&&e.A.setAttribute("name",n),a.A.shadowRoot&&d&&d!==e.I?Tn(a.A,"insertBefore")(r,Tn(a.A,"children")[0]):Tn(Tn(t,"parentNode"),"insertBefore")(r,t),eo(s,o,n,t,e.I),t.remove(),"0"===e.F&&(l[e.U]=e.A)}else{const r=e.A,i=d&&d!==e.I&&a.A.shadowRoot;eo(s,o,n,t,i?d:e.I),ln(t),i&&a.A.insertBefore(r,a.A.children[0])}i.push(e),c.push(e),a.L||(a.L=[]),a.L[e.U]=e}var no,oo,ro,eo=(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.")))},to=(n,o)=>{let r=n;do{r=r.nextSibling}while(r&&(r.nodeType!==o||!r.nodeValue));return r},ao=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),io="-shadowcsshost",co="-shadowcssslotted",lo="-shadowcsscontext",so=")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)",vo=new RegExp("("+io+so,"gim"),uo=new RegExp("("+lo+so,"gim"),go=new RegExp("("+co+so,"gim"),po=io+"-no-combinator",bo=/-shadowcsshost-no-combinator([^\s]*)/,ho=[/::shadow/g,/::content/g],fo=/__part-(\d+)__/g,mo=/-shadowcsshost/gim,wo=n=>{const o=ao(n);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")},ko=/\/\*\s*[\s\S]*?\*\//g,xo=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,yo=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,zo=/([{}])/g,$o=/(^.*?[^\\])??((:+)(.*)|$)/,So="%BLOCK%",jo=(n,o)=>{const r=Oo(n);let e=0;return r.escapedString.replace(yo,((...n)=>{const t=n[2];let a="",i=n[4],c="";i&&i.startsWith("{"+So)&&(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}`}))},Oo=n=>{const o=n.split(zo),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(So),a=[]),r.push(i)),"{"===i&&t++}return a.length>0&&(e.push(a.join("")),r.push(So)),{escapedString:r.join(""),blocks:e}},_o=(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(po,a,n[3]))}return e.join(",")}return po+n[3]})),Co=(n,o,r)=>n+o.replace(io,"")+r,Eo=(n,o,r)=>o.indexOf(io)>-1?Co(n,o,r):n+o+r+", "+o+" "+n+r,To=(n,o)=>n.replace($o,((n,r="",e,t="",a="")=>r+o+t+a)),No=(n,o,r,e)=>jo(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,"\\]"),new 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(po)>-1)t=((n,o,r)=>{if(mo.lastIndex=0,mo.test(n)){const o=`.${r}`;return n.replace(bo,((n,r)=>To(r,o))).replace(mo,o+" ")}return o+" "+n})(n,o,r);else{const o=n.replace(mo,"");o.length>0&&(t=To(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(po)>-1);for(;null!==(i=s.exec(n));){const o=i[1],r=n.slice(l,i.index).trim();d=d||r.indexOf(po)>-1,c+=`${d?t(r):r} ${o} `,l=s.lastIndex}const v=n.substring(l);return d=!v.match(fo)&&(d||v.indexOf(po)>-1),c+=d?t(v):v,u=a.placeholders,c.replace(/__part-(\d+)__/g,((n,o)=>u[+o])).replace(/__ph-(\d+)__/g,((n,o)=>u[+o]));var u})(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=No(n.content,o,r,e)),{selector:t.replace(/\s{2,}/g," ").trim(),content:a}})),Ro=(n,o)=>n.replace(/-shadowcsshost-no-combinator/g,`.${o}`),Lo=(n,o)=>{const r=o+"-h",e=o+"-s",t=n.match(xo)||[];n=n.replace(ko,"");const a=[];{const o=n=>{const o=`/*!@___${a.length}___*/`;return a.push({placeholder:o,comment:`/*!@${n.selector}*/`}),n.selector=o+n.selector,n};n=jo(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=jo(n.content,o),n):n))}const i=((n,o,r,e)=>{const t=((n,o)=>{const r="."+o+" > ",e=[];return n=n.replace(go,((...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 po+n[3]})),{selectors:e,cssText:n}})(n=(n=>_o(n,uo,Eo))(n=(n=>_o(n,vo,Co))(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=wo("::slotted"),e=wo(":host"),t=wo(":host-context");return n=n.replace(t,`$1${lo}`).replace(e,`$1${io}`).replace(r,`$1${co}`),o.forEach(((o,r)=>{n=n.replace(`__supports_${r}__`,o)})),n})(n))),e);return n=(n=>ho.reduce(((n,o)=>n.replace(o," ")),n))(n=t.cssText),o&&(n=No(n,o,r,e)),{cssText:(n=(n=Ro(n,r)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:t.selectors.map((n=>({orgSelector:Ro(n.orgSelector,r),updatedSelector:Ro(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=new RegExp(ao(o.orgSelector),"g");n=n.replace(r,o.updatedSelector)})),n=(n=>{const o=/([^\s,{][^,{]*?)::part\(\s*([^)]+?)\s*\)((?:[:.][^,{]*)*)/g;return jo(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)},Mo=n=>y.map((o=>o(n))).find((n=>!!n)),Do=class n{static fromLocalValue(o){const r=o[l],e=s in o?o[s]: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 new 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 new 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(l))return!1;const o=n[l];return!!Object.values({...i,...c}).includes(o)&&("null"===o||"undefined"===o||n.hasOwnProperty(s))}},qo=(n,o,e)=>{return(r.hydrateClientSide||r.hydrateServerSide)&&"string"==typeof n&&n.startsWith(d)?n="string"==typeof(t=n)&&t.startsWith(d)?Do.fromLocalValue(JSON.parse(atob(t.slice(11)))):t:null==n||Hn(n)?n:r.propBoolean&&4&o?(r.formAssociated&&e&&"string"==typeof n||"false"!==n)&&(""===n||!!n):r.propNumber&&2&o?"string"==typeof n?parseFloat(n):"number"==typeof n?n:NaN:r.propString&&1&o?String(n):n;var t},Ao=n=>{var o;return r.lazyLoad?null==(o=u(n))?void 0:o.$hostElement$:n},Io=(n,o,e)=>{const t=Ao(n);return{emit:n=>(r.isDev&&!t.isConnected&&m(`The "${o}" event was emitted, but the dispatcher node is no longer connected to the dom.`),Po(t,o,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:n}))}},Po=(n,o,r)=>{const e=R.ce(o,r);return n.dispatchEvent(e),e},Ho=(n,o,e,t,a,i,c)=>{if(e===t)return;let l=p(n,o),s=o.toLowerCase();if(r.vdomClass&&"class"===o){const o=n.classList,a=Uo(e);let i=Uo(t);if(r.hydrateClientSide&&(n["s-si"]||n["s-sc"])&&c){const r=n["s-sc"]||n["s-si"];i.push(r),a.forEach((n=>{n.startsWith(r)&&i.push(n)})),i=[...new Set(i)].filter((n=>n)),o.add(...i)}else o.remove(...a.filter((n=>n&&!i.includes(n)))),o.add(...i.filter((n=>n&&!a.includes(n))))}else if(r.vdomStyle&&"style"===o){if(r.updatable)for(const o in e)t&&null!=t[o]||(!r.hydrateServerSide&&o.includes("-")?n.style.removeProperty(o):n.style[o]="");for(const o in t)e&&t[o]===e[o]||(!r.hydrateServerSide&&o.includes("-")?n.style.setProperty(o,t[o]):n.style[o]=t[o])}else if(r.vdomKey&&"key"===o);else if(r.vdomRef&&"ref"===o)t&&t(n);else if(!r.vdomListener||(r.lazyLoad?l:n.__lookupSetter__(o))||"o"!==o[0]||"n"!==o[1]){if(r.vdomPropOrAttr){const c=Hn(t);if((l||c&&null!==t)&&!a)try{if(n.tagName.includes("-"))n[o]!==t&&(n[o]=t);else{const r=null==t?"":t;"list"===o?l=!1:null!=e&&n[o]==r||("function"==typeof n.__lookupSetter__(o)?n[o]=r:n.setAttribute(o,r))}}catch(n){}let d=!1;r.vdomXlink&&s!==(s=s.replace(/^xlink\:?/,""))&&(o=s,d=!0),null==t||!1===t?!1===t&&""!==n.getAttribute(o)||(r.vdomXlink&&d?n.removeAttributeNS(C,o):n.removeAttribute(o)):(!l||4&i||a)&&!c&&1===n.nodeType&&(t=!0===t?"":t,r.vdomXlink&&d?n.setAttributeNS(C,o,t):n.setAttribute(o,t))}}else if(o="-"===o[2]?o.slice(3):p(T,s)?s.slice(2):s[2]+o.slice(3),e||t){const r=o.endsWith(Bo);o=o.replace(Vo,""),e&&R.rel(n,o,e,r),t&&R.ael(n,o,t,r)}},Fo=/\s/,Uo=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(Fo):[]),Bo="Capture",Vo=new RegExp(Bo+"$"),Wo=(n,o,e,t)=>{const a=11===o.A.nodeType&&o.A.host?o.A.host:o.A,i=n&&n.R||{},c=o.R||{};if(r.updatable)for(const n of Yo(Object.keys(i)))n in c||Ho(a,n,i[n],void 0,e,o.l,t);for(const n of Yo(Object.keys(c)))Ho(a,n,i[n],c[n],e,o.l,t)};function Yo(n){return n.includes("ref")?[...n.filter((n=>"ref"!==n)),"ref"]:n}var Jo=!1,Xo=!1,Ko=!1,Qo=!1,Go=(n,o,e)=>{var t;const a=o.L[e];let i,c,l,s=0;if(r.slotRelocation&&!Jo&&(Ko=!0,"slot"===a.q&&(a.l|=a.L?2:1)),r.isDev&&a.A&&f(`The JSX ${null!==a.N?`"${a.N}" text`:`"${a.q}" 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`),r.vdomText&&null!=a.N)i=a.A=T.document.createTextNode(a.N);else if(r.slotRelocation&&1&a.l)i=a.A=r.isDebug||r.hydrateServerSide?ur(a):T.document.createTextNode(""),r.vdomAttribute&&Wo(null,a,Qo);else{if(r.svg&&!Qo&&(Qo="svg"===a.q),!T.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=a.A=r.svg?T.document.createElementNS(Qo?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Jo&&r.slotRelocation&&2&a.l?"slot-fb":a.q):T.document.createElement(!Jo&&r.slotRelocation&&2&a.l?"slot-fb":a.q),r.svg&&Qo&&"foreignObject"===a.q&&(Qo=!1),r.vdomAttribute&&Wo(null,a,Qo),(r.scoped||r.hydrateServerSide)&&null!=(d=no)&&void 0!==d&&i["s-si"]!==no&&i.classList.add(i["s-si"]=no),a.L){const o="template"===a.q?i.content:i;for(s=0;s<a.L.length;++s)c=Go(n,a,s),c&&o.appendChild(c)}r.svg&&("svg"===a.q?Qo=!1:"foreignObject"===i.tagName&&(Qo=!0))}var d;return i["s-hn"]=ro,r.slotRelocation&&3&a.l&&(i["s-sr"]=!0,i["s-cr"]=oo,i["s-sn"]=a.D||"",i["s-rf"]=null==(t=a.R)?void 0:t.ref,ln(i),l=n&&n.L&&n.L[e],l&&l.q===a.q&&n.A&&Zo(n.A),(r.scoped||r.hydrateServerSide)&&dr(oo,i,o.A,null==n?void 0:n.A)),i},Zo=n=>{R.l|=1;const o=n.closest(ro.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"]&&(sr(o,n,null!=r?r:null),n["s-sh"]=void 0,Ko=!0)}R.l&=-2},nr=(n,o)=>{R.l|=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"]===ro&&r.push(o)}for(let n=r.length-1;n>=0;n--){const e=r[n];e["s-hn"]!==ro&&e["s-ol"]&&(sr(tr(e).parentNode,e,tr(e)),e["s-ol"].remove(),e["s-ol"]=void 0,e["s-sh"]=void 0,Ko=!0),o&&nr(e,o)}R.l&=-2},or=(n,o,e,t,a,i)=>{let c,l=r.slotRelocation&&n["s-cr"]&&n["s-cr"].parentNode||n;for(r.shadowDom&&l.shadowRoot&&l.tagName===ro&&(l=l.shadowRoot),"template"===e.q&&(l=l.content);a<=i;++a)t[a]&&(c=Go(null,e,a),c&&(t[a].A=c,sr(l,c,r.slotRelocation?tr(o):o)))},rr=(n,o,e)=>{for(let t=o;t<=e;++t){const o=n[t];if(o){const n=o.A;lr(o),n&&(r.slotRelocation&&(Xo=!0,n["s-ol"]?n["s-ol"].remove():nr(n,!0)),n.remove())}}},er=(n,o,e=!1)=>n.q===o.q&&(r.slotRelocation&&"slot"===n.q?n.D===o.D:r.vdomKey&&!e?n.M===o.M:(e&&!n.M&&o.M&&(n.M=o.M),!0)),tr=n=>n&&n["s-ol"]||n,ar=(n,o,e=!1)=>{const t=o.A=n.A,a=n.L,i=o.L,c=o.q,l=o.N;let s;r.vdomText&&null!=l?r.vdomText&&r.slotRelocation&&(s=t["s-cr"])?s.parentNode.textContent=l:r.vdomText&&n.N!==l&&(t.data=l):(r.svg&&(Qo="svg"===c||"foreignObject"!==c&&Qo),(r.vdomAttribute||r.reflect)&&(r.slot&&"slot"===c&&!Jo&&n.D!==o.D&&(o.A["s-sn"]=o.D||"",Zo(o.A.parentElement)),Wo(n,o,Qo,e)),r.updatable&&null!==a&&null!==i?((n,o,e,t,a=!1)=>{let i,c,l=0,s=0,d=0,v=0,u=o.length-1,g=o[0],p=o[u],b=t.length-1,h=t[0],f=t[b];const m="template"===e.q?n.content:n;for(;l<=u&&s<=b;)if(null==g)g=o[++l];else if(null==p)p=o[--u];else if(null==h)h=t[++s];else if(null==f)f=t[--b];else if(er(g,h,a))ar(g,h,a),g=o[++l],h=t[++s];else if(er(p,f,a))ar(p,f,a),p=o[--u],f=t[--b];else if(er(g,f,a))!r.slotRelocation||"slot"!==g.q&&"slot"!==f.q||nr(g.A.parentNode,!1),ar(g,f,a),sr(m,g.A,p.A.nextSibling),g=o[++l],f=t[--b];else if(er(p,h,a))!r.slotRelocation||"slot"!==g.q&&"slot"!==f.q||nr(p.A.parentNode,!1),ar(p,h,a),sr(m,p.A,g.A),p=o[--u],h=t[++s];else{if(d=-1,r.vdomKey)for(v=l;v<=u;++v)if(o[v]&&null!==o[v].M&&o[v].M===h.M){d=v;break}r.vdomKey&&d>=0?(c=o[d],c.q!==h.q?i=Go(o&&o[s],e,d):(ar(c,h,a),o[d]=void 0,i=c.A),h=t[++s]):(i=Go(o&&o[s],e,s),h=t[++s]),i&&(r.slotRelocation?sr(tr(g.A).parentNode,i,tr(g.A)):sr(g.A.parentNode,i,g.A))}l>u?or(n,null==t[b+1]?null:t[b+1].A,e,t,s,b):r.updatable&&s>b&&rr(o,l,u)})(t,a,o,i,e):null!==i?(r.updatable&&r.vdomText&&null!==n.N&&(t.textContent=""),or(t,null,o,i,0,i.length-1)):!e&&r.updatable&&null!==a?rr(a,0,a.length-1):r.hydrateClientSide&&e&&r.updatable&&null!==a&&null===i&&(o.L=a),r.svg&&Qo&&"svg"===c&&(Qo=!1))},ir=[],cr=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=ir.find((n=>n.B===o));Xo=!0,o["s-sn"]=o["s-sn"]||t,r?(r.B["s-sh"]=n["s-hn"],r.V=n):(o["s-sh"]=n["s-hn"],ir.push({V:n,B:o})),o["s-sr"]&&ir.map((n=>{tn(n.B,o["s-sn"])&&(r=ir.find((n=>n.B===o)),r&&!n.V&&(n.V=r.V))}))}else ir.some((n=>n.B===o))||ir.push({B:o})}1===n.nodeType&&cr(n)}},lr=n=>{r.vdomRef&&(n.R&&n.R.ref&&n.R.ref(null),n.L&&n.L.map(lr))},sr=(n,o,e,t)=>{if(r.slotRelocation)if(r.scoped&&"string"==typeof o["s-sn"]&&o["s-sr"]&&o["s-cr"])dr(o["s-cr"],o,n,o.parentElement);else if("string"==typeof o["s-sn"]){r.experimentalSlotFixes&&11!==n.getRootNode().nodeType&&On(o),n.insertBefore(o,e);const{slotNode:a}=dn(o);return a&&!t&&sn(a),o}return n.__insertBefore?n.__insertBefore(o,e):null==n?void 0:n.insertBefore(o,e)};function dr(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 vr=(n,o,e=!1)=>{var t,a,i,c,l;const s=n.$hostElement$,d=n.t,v=n.W||Un(null,null),u=Vn(o)?o:Fn(null,null,o);if(ro=s.tagName,r.isDev&&Array.isArray(o)&&o.some(Vn))throw new Error(`The <Host> must be the single root component.\nLooks like the render() function of "${ro.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(r.reflect&&d.Y&&(u.R=u.R||{},d.Y.forEach((([o,e])=>{u.R[e]=r.serializer&&n.v.has(o)?n.v.get(o):s[o]}))),e&&u.R)for(const n of Object.keys(u.R))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(u.R[n]=s[n]);if(u.q=null,u.l|=4,n.W=u,u.A=v.A=r.shadowDom&&s.shadowRoot||s,(r.scoped||r.shadowDom)&&(no=s["s-sc"]),Jo=L&&!!(1&d.l)&&!(128&d.l),r.slotRelocation&&(oo=s["s-cr"],Xo=!1),ar(v,u,e),r.slotRelocation){if(R.l|=1,Ko){cr(u.A);for(const n of ir){const o=n.B;if(!o["s-ol"]&&T.document){const n=r.isDebug||r.hydrateServerSide?gr(o):T.document.createTextNode("");n["s-nr"]=o,sr(o.parentNode,o["s-ol"]=n,o,e)}}for(const n of ir){const o=n.B,l=n.V;if(1===o.nodeType&&e&&(o["s-ih"]=null!=(t=o.hidden)&&t),l){const n=l.parentNode;let t=l.nextSibling;if(!r.hydrateServerSide&&t&&1===t.nodeType){let r=null==(a=o["s-ol"])?void 0:a.previousSibling;for(;r;){let e=null!=(i=r["s-nr"])?i:null;if(e&&e["s-sn"]===o["s-sn"]&&n===(e.__parentNode||e.parentNode)){for(e=e.nextSibling;e===o||(null==e?void 0:e["s-sr"]);)e=null==e?void 0:e.nextSibling;if(!e||!e["s-nr"]){t=e;break}}r=r.previousSibling}}if((!t&&n!==(o.__parentNode||o.parentNode)||(o.__nextSibling||o.nextSibling)!==t)&&o!==t){if(sr(n,o,t,e),8===o.nodeType&&o.nodeValue.startsWith("s-nt-")){const n=T.document.createTextNode(o.nodeValue.replace(/^s-nt-/,""));n["s-hn"]=o["s-hn"],n["s-sn"]=o["s-sn"],n["s-sh"]=o["s-sh"],n["s-sr"]=o["s-sr"],n["s-ol"]=o["s-ol"],n["s-ol"]["s-nr"]=n,sr(o.parentNode,n,o,e),o.parentNode.removeChild(o)}1===o.nodeType&&"SLOT-FB"!==o.tagName&&(o.hidden=null!=(c=o["s-ih"])&&c)}o&&"function"==typeof l["s-rf"]&&l["s-rf"](l)}else 1===o.nodeType&&(o.hidden=!0)}}Xo&&nn(u.A),R.l&=-2,ir.length=0}if(r.slotRelocation&&!Jo&&!(1&d.l)&&s["s-cr"]){const n=u.A.__childNodes||u.A.childNodes;for(const o of n)if(o["s-hn"]!==ro&&!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=T.document.createComment("s-nt-"+o.nodeValue);n["s-sn"]=o["s-sn"],sr(o.parentNode,n,o,e),o.parentNode.removeChild(o)}}oo=void 0},ur=n=>{var o;return null==(o=T.document)?void 0:o.createComment(`<slot${n.D?' name="'+n.D+'"':""}> (host=${ro.toLowerCase()})`)},gr=n=>{var o;return null==(o=T.document)?void 0:o.createComment("org-location for "+(n.localName?`<${n.localName}> (host=${n["s-hn"]})`:`[${n.textContent}]`))},pr=(n,o)=>{if(r.asyncLoading&&o&&!n.J&&o["s-p"]){const r=o["s-p"].push(new Promise((e=>n.J=()=>{o["s-p"].splice(r-1,1),e()})))}},br=(n,o)=>{if(r.taskQueue&&r.updatable&&(n.l|=16),r.asyncLoading&&4&n.l)return void(n.l|=512);pr(n,n.X);const e=()=>hr(n,o);if(!o)return r.taskQueue?K(e):e();queueMicrotask((()=>{e()}))},hr=(n,o)=>{const e=n.$hostElement$,t=Rn("scheduleUpdate",n.t.j),a=r.lazyLoad?n.K:e;if(!a)throw new 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 o?(r.lazyLoad&&(r.slotRelocation&&n.G&&(n.G=!1,Sr(a,"connectedCallback",void 0,e)),r.hostListener&&(n.l|=256,n.Z&&(n.Z.map((([n,o])=>Sr(a,n,o,e))),n.Z=void 0)),n.S.length&&n.S.forEach((n=>n(e)))),jr(e,"componentWillLoad"),i=Sr(a,"componentWillLoad",void 0,e)):(jr(e,"componentWillUpdate"),i=Sr(a,"componentWillUpdate",void 0,e)),jr(e,"componentWillRender"),i=fr(i,(()=>Sr(a,"componentWillRender",void 0,e))),t(),fr(i,(()=>wr(n,a,o)))},fr=(n,o)=>mr(n)?n.then(o).catch((n=>{console.error(n),o()})):o(),mr=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,wr=async(n,o,e)=>{var t;const a=n.$hostElement$,i=Rn("update",n.t.j),c=a["s-rc"];r.style&&e&&An(n);const l=Rn("render",n.t.j);if(r.isDev&&(n.l|=1024),r.hydrateServerSide?await xr(n,o,a,e):xr(n,o,a,e),r.isDev&&(n.u=void 0===n.u?1:n.u+1,n.l&=-1025),r.hydrateServerSide)try{_r(a),e&&(1&n.t.l?a["s-en"]="":2&n.t.l&&(a["s-en"]="c"))}catch(n){b(n,a)}if(r.asyncLoading&&c&&(c.map((n=>n())),a["s-rc"]=void 0),l(),i(),r.asyncLoading){const o=null!=(t=a["s-p"])?t:[],r=()=>yr(n);0===o.length?r():(Promise.all(o).then(r),n.l|=4,o.length=0)}else yr(n)},kr=null,xr=(n,o,e,t)=>{const a=!!r.allRenderFn,i=!!r.lazyLoad,c=!!r.taskQueue,l=!!r.updatable;try{if(kr=o,o=(a||o.render)&&o.render(),l&&c&&(n.l&=-17),(l||i)&&(n.l|=2),r.hasRenderFn||r.reflect)if(r.vdomRender||r.reflect){if(r.hydrateServerSide)return Promise.resolve(o).then((o=>vr(n,o,t)));vr(n,o,t)}else 1&n.t.l?e.shadowRoot.textContent=o:e.textContent=o}catch(o){b(o,n.$hostElement$)}return kr=null,null},yr=n=>{const o=n.t.j,e=n.$hostElement$,t=Rn("postUpdate",o),a=r.lazyLoad?n.K:e,i=n.X;r.isDev&&(n.l|=1024),Sr(a,"componentDidRender",void 0,e),r.isDev&&(n.l&=-1025),jr(e,"componentDidRender"),64&n.l?(r.isDev&&(n.l|=1024),Sr(a,"componentDidUpdate",void 0,e),r.isDev&&(n.l&=-1025),jr(e,"componentDidUpdate"),t()):(n.l|=64,r.asyncLoading&&r.cssAnnotations&&Or(e),r.isDev&&(n.l|=2048),Sr(a,"componentDidLoad",void 0,e),r.isDev&&(n.l&=-2049),jr(e,"componentDidLoad"),t(),r.asyncLoading&&(n.$(e),i||$r(o))),r.method&&r.lazyLoad&&n.m(e),r.asyncLoading&&(n.J&&(n.J(),n.J=void 0),512&n.l&&J((()=>br(n,!1))),n.l&=-517)},zr=n=>{var o;if(r.updatable&&(a.isBrowser||a.isTesting)){const r=u(n),e=null==(o=null==r?void 0:r.$hostElement$)?void 0:o.isConnected;return e&&2==(18&r.l)&&br(r,!1),e}return!1},$r=n=>{var e;r.asyncQueue&&(R.l|=2),J((()=>Po(T,"appload",{detail:{namespace:o}}))),r.hydrateClientSide&&(null==(e=R.nn)?void 0:e.size)&&R.nn.clear(),r.profile&&performance.measure&&performance.measure(`[Stencil] ${o} initial load (by ${n})`,"st:app:start")},Sr=(n,o,r,e)=>{if(n&&n[o])try{return n[o](r)}catch(n){b(n,e)}},jr=(n,e)=>{r.lifecycleDOMEvents&&Po(n,"stencil_"+e,{bubbles:!0,composed:!0,detail:{namespace:o}})},Or=n=>{var o,e;return r.hydratedClass?n.classList.add(null!=(o=r.hydratedSelectorName)?o:"hydrated"):r.hydratedAttribute?n.setAttribute(null!=(e=r.hydratedSelectorName)?e:"hydrated",""):void 0},_r=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(),_r(r)}},Cr=(n,o)=>u(n).i.get(o),Er=(n,o,e,t)=>{const a=u(n);if(!a)return;if(r.lazyLoad&&!a)throw new Error(`Couldn't find host element for "${t.j}" 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(r.serializer&&a.v.has(o)&&a.v.get(o)===e)return;const i=r.lazyLoad?a.$hostElement$:n,c=a.i.get(o),l=a.l,s=r.lazyLoad?a.K:i;e=qo(e,t.o[o][0],r.formAssociated&&!!(64&t.l));const d=Number.isNaN(c)&&Number.isNaN(e);if(!(r.lazyLoad&&8&l&&void 0!==c||e===c||d)){if(a.i.set(o,e),r.serializer&&r.reflect&&t.Y&&s&&t.rn&&t.rn[o]){let n=e;for(const r of t.rn[o]){const[[e]]=Object.entries(r);n=s[e](n,o)}a.v.set(o,n)}if(r.isDev&&(1024&a.l?m(`The state/prop "${o}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",i,"\nNew value",e,"\nOld value",c):2048&a.l&&m(`The state/prop "${o}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",i,"\nNew value",e,"\nOld value",c)),r.propChangeCallback&&t.en){const n=t.en[o];n&&n.map((n=>{try{const[[r,t]]=Object.entries(n);(128&l||1&t)&&(s?s[r](e,c,o):a.S.push((()=>{a.K[r](e,c,o)})))}catch(n){b(n,i)}}))}if(r.updatable&&2==(18&l)){if(s.componentShouldUpdate&&!1===s.componentShouldUpdate(e,c,o))return;br(a,!1)}}},Tr=(n,o,e)=>{var t,a;const i=n.prototype;if(r.isTesting){if(i.__stencilAugmented)return;i.__stencilAugmented=!0}if(r.formAssociated&&64&o.l&&1&e&&E.forEach((n=>{const o=i[n];Object.defineProperty(i,n,{value(...e){var t;const a=u(this),i=r.lazyLoad?null==a?void 0:a.K:this;if(i){const t=r.lazyLoad?i[n]:o;"function"==typeof t&&t.call(i,...e)}else null==(t=null==a?void 0:a.k)||t.then((o=>{const r=o[n];"function"==typeof r&&r.call(o,...e)}))}})})),r.member&&o.o||r.propChangeCallback){r.propChangeCallback&&(n.watchers&&!o.en&&(o.en=n.watchers),n.deserializers&&!o.tn&&(o.tn=n.deserializers),n.serializers&&!o.rn&&(o.rn=n.serializers));const c=Object.entries(null!=(t=o.o)?t:{});if(c.map((([n,[t]])=>{if((r.prop||r.state)&&(31&t||(!r.lazyLoad||2&e)&&32&t)){const{get:a,set:c}=Object.getOwnPropertyDescriptor(i,n)||{};a&&(o.o[n][0]|=2048),c&&(o.o[n][0]|=4096),(1&e||!a)&&Object.defineProperty(i,n,{get(){if(r.lazyLoad){if(!(2048&o.o[n][0]))return Cr(this,n);const r=u(this),e=r?r.K:i;if(!e)return;return e[n]}if(!r.lazyLoad)return a?a.apply(this):Cr(this,n)},configurable:!0,enumerable:!0}),Object.defineProperty(i,n,{set(a){const i=u(this);if(i){if(r.isDev&&(1&e||4096&o.o[n][0]||0!==(i&&8&i.l)||!(31&t)||1024&t||m(`@Prop() "${n}" on <${o.j}> 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.apply(this,[qo(a,t,r.formAssociated&&!!(64&o.l))]),void Er(this,n,a=32&t?this[n]:i.$hostElement$[n],o);if(r.lazyLoad){if(r.lazyLoad){if(!(1&e&&4096&o.o[n][0]))return Er(this,n,a,o),void(1&e&&!i.K&&i.S.push((()=>{4096&o.o[n][0]&&i.K[n]!==i.i.get(n)&&(i.K[n]=a)})));const c=()=>{const e=i.K[n];!i.i.get(n)&&e&&i.i.set(n,e),i.K[n]=qo(a,t,r.formAssociated&&!!(64&o.l)),Er(this,n,i.K[n],o)};i.K?c():i.S.push((()=>{c()}))}}else Er(this,n,a,o)}}})}else r.lazyLoad&&r.method&&1&e&&64&t&&Object.defineProperty(i,n,{value(...o){var r;const e=u(this);return null==(r=null==e?void 0:e.p)?void 0:r.then((()=>{var r;return null==(r=e.K)?void 0:r[n](...o)}))}})})),r.observeAttribute&&(!r.lazyLoad||1&e)){const e=new Map;i.attributeChangedCallback=function(n,t,a){R.jmp((()=>{var l;const s=e.get(n),d=u(this);if(r.serializer&&d.v.has(s)&&d.v.get(s)===a)return;if(this.hasOwnProperty(s)&&r.lazyLoad&&(a=this[s],delete this[s]),r.deserializer&&o.tn&&o.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 o.tn[s]){const[[o]]=Object.entries(e);r.lazyLoad?d.K?n(o,d.K):d.S.push((()=>{n(o,d.K)})):n(o,this)}return}if(i.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==a)return;if(null==s){const e=null==d?void 0:d.l;if(d&&e&&!(8&e)&&a!==t){const i=r.lazyLoad?d.K:r.lazyLoad?d.$hostElement$:this,c=null==(l=o.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 g=Object.getOwnPropertyDescriptor(i,s);a==this[s]||g.get&&!g.set||(this[s]=a)}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=o.en)?a:{}),...c.filter((([n,o])=>31&o[0])).map((([n,t])=>{var a;const i=t[1]||n;return e.set(i,n),r.reflect&&512&t[0]&&(null==(a=o.Y)||a.push([n,i])),i}))]))}}return n},Nr=async(n,o,e,t)=>{let a;if(!(32&o.l)){if(o.l|=32,r.lazyLoad&&e.O){const l=k(e,o,t);if(l&&"then"in l){const n=(i=`st:load:${e.j}:${o._}`,c=`[Stencil] Load module for <${e.j}>`,r.profile&&performance.mark?(0===performance.getEntriesByName(i,"mark").length&&performance.mark(i),()=>{0===performance.getEntriesByName(c,"measure").length&&performance.measure(c,i)}):()=>{});a=await l,n()}else a=l;if(!a)throw new Error(`Constructor for "${e.j}#${o._}" was not found`);r.member&&!a.isProxied&&(r.propChangeCallback&&(e.en=a.watchers,e.rn=a.serializers,e.tn=a.deserializers),Tr(a,e,2),a.isProxied=!0);const s=Rn("createInstance",e.j);r.member&&(o.l|=8);try{new a(o)}catch(o){b(o,n)}r.member&&(o.l&=-9),r.propChangeCallback&&(o.l|=128),s(),r.slotRelocation&&4&e.l?o.G=!0:Rr(o.K,n)}else a=n.constructor,customElements.whenDefined(n.localName).then((()=>o.l|=128));if(r.style&&a&&a.style){let i;"string"==typeof a.style?i=a.style:r.mode&&"string"!=typeof a.style&&(o._=Mo(n),o._&&(i=a.style[o._]),r.hydrateServerSide&&o._&&n.setAttribute("s-mode",o._));const c=In(e,o._);if(!x.has(c)||r.hotModuleReplacement&&t){const n=Rn("registerStyles",e.j);r.hydrateServerSide&&r.shadowDom&&128&e.l&&(i=Lo(i,c)),Dn(c,i,!!(1&e.l)),n()}}}var i,c;const l=o.X,s=()=>br(o,!0);r.asyncLoading&&l&&l["s-rc"]?l["s-rc"].push(s):s()},Rr=(n,o)=>{r.lazyLoad&&Sr(n,"connectedCallback",void 0,o)},Lr=n=>{if(!(1&R.l)){const o=u(n);if(!o)return;const e=o.t,t=Rn("connectedCallback",e.j);if(r.hostListenerTargetParent&&Pr(n,o,e.an,!0),1&o.l)Pr(n,o,e.an,!1),(null==o?void 0:o.K)?Rr(o.K,n):(null==o?void 0:o.k)&&o.k.then((()=>Rr(o.K,n)));else{let t;if(o.l|=1,r.hydrateClientSide&&(t=n.getAttribute(z),t)){if(r.shadowDom&&L&&1&e.l){const o=r.mode?qn(n.shadowRoot,e,n.getAttribute("s-mode")):qn(n.shadowRoot,e);n.classList.remove(o+"-h",o+"-s")}else if(r.scoped&&2&e.l){const o=In(e,r.mode?n.getAttribute("s-mode"):void 0);n["s-sc"]=o}((n,o,e,t)=>{var a,i,c,l;const s=Rn("hydrateClient",o),d=n.shadowRoot,v=[],g=[],p=[],b=r.shadowDom&&d?[]:null,h=Un(o,null);let f;if(h.A=n,r.scoped){const o=t.t;o&&10&o.l&&n["s-sc"]?(f=n["s-sc"],n.classList.add(f+"-h")):n["s-sc"]&&delete n["s-sc"]}!T.document||R.nn&&R.nn.size||Qn(T.document.body,R.nn=new Map),n[z]=e,n.removeAttribute(z),t.W=Kn(h,v,g,b,n,n,e,p);let m=0;const w=v.length;let k;for(;m<w;m++){k=v[m];const e=k.I+"."+k.P,t=R.nn.get(e),i=k.A;if(d){if((null==(a=k.q)?void 0:a.toString().includes("-"))&&"slot-fb"!==k.q&&!k.A.shadowRoot){const n=u(k.A);if(n){const o=In(n.t,r.mode?k.A.getAttribute("s-mode"):void 0),e=T.document.querySelector(`style[sty-id="${o}"]`);e&&b.unshift(e.cloneNode(!0))}}}else i["s-hn"]=Xr(o).toUpperCase(),"slot"===k.q&&(i["s-cr"]=n["s-cr"]);"slot"===k.q&&(k.D=k.A["s-sn"]||k.A.name||null,k.L?(k.l|=2,k.A.childNodes.length||k.L.forEach((n=>{k.A.appendChild(n.A)}))):k.l|=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.P))),t&&!t["s-id"]&&R.nn.delete(e)}const x=[],y=p.length;let $,S,j,O,_=0,C=0;for(;_<y;_++)if($=p[_],$&&$.length)for(j=$.length,S=0;S<j;S++){if(O=$[S],x[O.hostId]||(x[O.hostId]=R.nn.get(O.hostId)),!x[O.hostId])continue;const n=x[O.hostId];n.shadowRoot&&O.node.parentElement!==n&&n.insertBefore(O.node,null==(c=null==(i=$[S-1])?void 0:i.node)?void 0:c.nextSibling),n.shadowRoot&&d||(O.slot["s-cr"]||(O.slot["s-cr"]=n["s-cr"],O.slot["s-cr"]=!O.slot["s-cr"]&&n.shadowRoot?n:(n.__childNodes||n.childNodes)[0]),an(O.node,O.slot,!1,O.node["s-oo"]||C),(null==(l=O.node.parentElement)?void 0:l.shadowRoot)&&O.node.getAttribute&&O.node.getAttribute("slot")&&O.node.removeAttribute("slot"),r.experimentalSlotFixes&&(E=O.node)&&void 0===E.__nextSibling&&globalThis.Node&&(zn(E),Sn(E),On(E),E.nodeType===Node.ELEMENT_NODE&&($n(E),jn(E)))),C=(O.node["s-oo"]||C)+1}var E;if(r.scoped&&f&&g.length&&g.forEach((n=>{n.A.parentElement.classList.add(f+"-s")})),r.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.j,t,o)}if(r.slotRelocation&&!t&&(r.hydrateServerSide||(r.slot||r.shadowDom)&&12&e.l)&&Mr(n),r.asyncLoading){let e=n;for(;e=e.parentNode||e.host;)if(r.hydrateClientSide&&1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){pr(o,o.X=e);break}}r.prop&&!r.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}})),r.initializeNextTick?J((()=>Nr(n,o,e))):Nr(n,o,e)}t()}},Mr=n=>{if(!T.document)return;const o=n["s-cr"]=T.document.createComment(r.isDebug?`content-ref (host=${n.localName})`:"");o["s-cn"]=!0,sr(n,o,n.firstChild)},Dr=(n,o)=>{r.lazyLoad&&Sr(n,"disconnectedCallback",void 0,o||n)},qr=async n=>{if(!(1&R.l)){const o=u(n);r.hostListener&&(null==o?void 0:o.cn)&&(o.cn.map((n=>n())),o.cn=void 0),r.lazyLoad?(null==o?void 0:o.K)?Dr(o.K,n):(null==o?void 0:o.k)&&o.k.then((()=>Dr(o.K,n))):Dr(n)}Mn.has(n)&&Mn.delete(n),n.shadowRoot&&Mn.has(n.shadowRoot)&&Mn.delete(n.shadowRoot)},Ar=(n,o)=>{const e={l:o[0],j:o[1]};r.member&&(e.o=o[2]),r.hostListener&&(e.an=o[3]),r.propChangeCallback&&(e.en=n.en,e.tn=n.tn,e.rn=n.rn),r.reflect&&(e.Y=[]),r.shadowDom&&!L&&1&e.l&&(e.l|=8),!(1&e.l)&&256&e.l?r.experimentalSlotFixes?vn(n.prototype):(r.slotChildNodesFix&&yn(n.prototype),r.cloneNodeFix&&un(n.prototype),r.appendChildSlotFix&&gn(n.prototype),r.scopedSlotTextContentFix&&2&e.l&&xn(n.prototype)):r.cloneNodeFix&&un(n.prototype),r.hydrateClientSide&&r.shadowDom&&Pn();const t=n.prototype.connectedCallback,a=n.prototype.disconnectedCallback;return Object.assign(n.prototype,{__hasHostListenerAttached:!1,__registerHost(){g(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){const n=u(this);if(!n)return;Pr(this,n,e.an,!1),this.__hasHostListenerAttached=!0}Lr(this),t&&t.call(this)},disconnectedCallback(){qr(this),a&&a.call(this)},__attachShadow(){if(L)if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${e.j}! 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.j,Tr(n,e,3)},Ir=(n,o)=>o,Pr=(n,o,e,t)=>{r.hostListener&&e&&T.document&&(r.hostListenerTargetParent&&(e=e.filter(t?([n])=>32&n:([n])=>!(32&n))),e.map((([e,t,a])=>{const i=r.hostListenerTarget?Fr(T.document,n,e):n,c=Hr(o,a),l=Ur(e);R.ael(i,t,c,l),(o.cn=o.cn||[]).push((()=>R.rel(i,t,c,l)))})))},Hr=(n,o)=>e=>{var t;try{r.lazyLoad?256&n.l?null==(t=n.K)||t[o](e):(n.Z=n.Z||[]).push([o,e]):n.$hostElement$[o](e)}catch(o){b(o,n.$hostElement$)}},Fr=(n,o,e)=>r.hostListenerTargetDocument&&4&e?n:r.hostListenerTargetWindow&&8&e?T:r.hostListenerTargetBody&&16&e?n.body:r.hostListenerTargetParent&&32&e&&o.parentElement?o.parentElement:o,Ur=n=>M?{passive:!!(1&n),capture:!!(2&n)}:!!(2&n),Br=r.lazyLoad?class{}:globalThis.HTMLElement||class{},Vr=n=>R.T=n,Wr=n=>Object.assign(R,n);function Yr(n,o){vr({t:{l:0,j:o.tagName},$hostElement$:o},n)}var Jr=void 0;function Xr(n){return Jr?Jr(n):n}function Kr(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)?Fn(n,i,...t):Fn(n,i,t):Fn(n,i)}var Qr=(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=u(o);null==t||r.staticComponents.has(o.nodeName.toLowerCase())||Gr(n,o,t.W,r,{nodeIds:0}),Qr(n,o,r,e)}))},Gr=(n,o,r,e,t)=>{if(null!=r){const a=++e.hostIds;if(o.setAttribute(z,a),null!=o["s-cr"]&&(o["s-cr"].nodeValue=`r.${a}`),null!=r.L){const o=0;r.L.forEach(((r,e)=>{Zr(n,r,t,a,o,e)}))}if(o&&r&&r.A&&!o.hasAttribute(S)){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.A.setAttribute(S,`${t["s-host-id"]}.${t["s-node-id"]}.0.${n}`)}}}}},Zr=(n,o,r,e,t,a)=>{const i=o.A;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(S,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}`);sr(o,r,i)}}else 8===i.nodeType&&i["s-sr"]&&(i.nodeValue=`s.${l}.${i["s-sn"]||""}`);if(null!=o.L){const a=t+1;o.L.forEach(((o,t)=>{Zr(n,o,r,e,a,t)}))}},ne=Object.freeze({__proto__:null,BUILD:r,Build:a,Env:{},Fragment:Ir,H:N,HTMLElement:N,HYDRATED_STYLE_ID:$,Host:Bn,Mixin:function(...n){return n.reduceRight(((n,o)=>o(n)),Br)},NAMESPACE:o,STENCIL_DEV_MODE:h,addHostEventListeners:Pr,bootstrapLazy:(n,o={})=>{var e;if(r.profile&&performance.mark&&performance.mark("st:app:start"),(()=>{if(r.devTools){const n=T.stencil=T.stencil||{},o=n.inspect;n.inspect=n=>{let r=(n=>{const o=u(n);if(!o)return;const r=o.l,e=o.$hostElement$;return{renderCount:o.u,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.v,ancestorComponent:o.X,hostElement:e,lazyInstance:o.K,vnode:o.W,modeName:o._,fetchedCbList:o.S,onReadyPromise:o.k,onReadyResolve:o.$,onInstancePromise:o.p,onInstanceResolve:o.m,onRenderResolve:o.J,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}}})(),!T.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const t=Rn("bootstrapLazy"),a=[],i=o.exclude||[],c=T.customElements,l=T.document.head,s=l.querySelector("meta[charset]"),d=T.document.createElement("style"),v=[];let p,b=!0;Object.assign(R,o),R.C=new URL(o.resourcesUrl||"./",T.document.baseURI).href,r.asyncQueue&&o.syncQueue&&(R.l|=4),r.hydrateClientSide&&(R.l|=2),r.hydrateClientSide&&r.shadowDom&&Pn();let h=!1;if(n.map((n=>{n[1].map((e=>{var t,l,s;const d={l:e[0],j:e[1],o:e[2],an:e[3]};4&d.l&&(h=!0),r.member&&(d.o=e[2]),r.hostListener&&(d.an=e[3]),r.reflect&&(d.Y=[]),r.propChangeCallback&&(d.en=null!=(t=e[4])?t:{},d.rn=null!=(l=e[5])?l:{},d.tn=null!=(s=e[6])?s:{}),r.shadowDom&&!L&&1&d.l&&(d.l|=8);const f=r.transformTagName&&o.transformTagName?o.transformTagName(d.j):Xr(d.j),m=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(n){if(super(n),g(n=this,d),r.shadowDom&&1&d.l)if(L)if(n.shadowRoot){if("open"!==n.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${d.j}! Mode is set to ${n.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else Z.call(n,d);else r.hydrateServerSide||"shadowRoot"in n||(n.shadowRoot=n)}connectedCallback(){const n=u(this);n&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Pr(this,n,d.an,!1)),p&&(clearTimeout(p),p=null),b?v.push(this):R.jmp((()=>Lr(this))))}disconnectedCallback(){R.jmp((()=>qr(this))),R.raf((()=>{var n;const o=u(this);if(!o)return;const r=v.findIndex((n=>n===this));r>-1&&v.splice(r,1),(null==(n=null==o?void 0:o.W)?void 0:n.A)instanceof Node&&!o.W.A.isConnected&&delete o.W.A}))}componentOnReady(){var n;return null==(n=u(this))?void 0:n.k}};!(1&d.l)&&256&d.l?r.experimentalSlotFixes?vn(m.prototype):(r.slotChildNodesFix&&yn(m.prototype),r.cloneNodeFix&&un(m.prototype),r.appendChildSlotFix&&gn(m.prototype),r.scopedSlotTextContentFix&&2&d.l&&xn(m.prototype)):r.cloneNodeFix&&un(m.prototype),r.formAssociated&&64&d.l&&(m.formAssociated=!0),r.hotModuleReplacement&&(m.prototype["s-hmr"]=function(n){((n,o,r)=>{const e=u(n);e&&(e.l=1,Nr(n,e,o,r))})(this,d,n)}),d.O=n[0],i.includes(f)||c.get(f)||(a.push(f),c.define(f,Tr(m,d,1)))}))})),a.length>0&&(r.slotRelocation&&h&&(d.textContent+=_),r.invisiblePrehydration&&(r.hydratedClass||r.hydratedAttribute)&&(d.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}"),d.innerHTML.length)){d.setAttribute("data-styles","");const n=null!=(e=R.T)?e:Ln(T.document);null!=n&&d.setAttribute("nonce",n),l.insertBefore(d,s?s.nextSibling:l.firstChild)}b=!1,v.length?v.map((n=>n.connectedCallback())):R.jmp(r.profile?()=>p=setTimeout($r,30,"timeout"):()=>p=setTimeout($r,30)),t()},cmpModules:w,connectedCallback:Lr,consoleDevError:f,consoleDevInfo:(...n)=>console.info(...h,...n),consoleDevWarn:m,consoleError:b,createEvent:Io,defineCustomElement:(n,o)=>{customElements.define(Xr(o[1]),Ar(n,o))},disconnectedCallback:qr,forceModeUpdate:n=>{if(r.style&&r.mode&&!r.lazyLoad){const o=Mo(n),r=u(n);if(r&&r._!==o){const e=r.t,t=n["s-sc"],a=In(e,o),i=n.constructor.style[o],c=e.l;i&&(x.has(a)||Dn(a,i,!!(1&c)),r._=o,n.classList.remove(t+"-h",t+"-s"),An(r),zr(n))}}},forceUpdate:zr,getAssetPath:Q,getElement:Ao,getHostRef:u,getMode:n=>{var o;return null==(o=u(n))?void 0:o._},getRenderingRef:()=>kr,getValue:Cr,h:Fn,insertVdomAnnotations:(n,o)=>{if(null!=n){const r=j in n?n[j]:{...O};r.staticComponents=new Set(o);const e=[];Qr(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(S,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}`,sr(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:p,jsx:Kr,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)?Fn(n,i,...t):Fn(n,i,t):Fn(n,i)},jsxs:function(n,o,r){return Kr(n,o,r)},loadModule:k,modeResolutionChain:y,needsScopedSSR:()=>!1,nextTick:J,parsePropertyValue:qo,plt:R,postUpdateComponent:yr,promiseResolve:D,proxyComponent:Tr,proxyCustomElement:Ar,readTask:X,registerHost:g,registerInstance:(n,o)=>{o&&(n.__stencil__getHostRef=()=>o,o.K=n,512&o.t.l&&(r.state||r.prop)&&v(n,o))},render:Yr,renderVdom:vr,setAssetPath:G,setErrorHandler:n=>e=n,setMode:n=>y.push(n),setNonce:Vr,setPlatformHelpers:n=>{Object.assign(R,n)},setPlatformOptions:Wr,setScopedSSR:()=>{},setTagTransformer:function(n){Jr&&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 "),Jr=n},setValue:Er,styles:x,supportsConstructableStylesheets:q,supportsListenerOptions:M,supportsMutableAdoptedStyleSheets:A,supportsShadow:L,transformTag:Xr,win:T,writeTask:K});export{Ir as F,N as H,ne as S,Vr as a,Wr as b,Io as c,Bn as d,zr as f,Q as g,Fn as h,Ar as p,Yr as r,G as s,Xr as t}