@plusui/library 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (374) hide show
  1. package/cdn/components/accordion/accordion.js +3 -3
  2. package/cdn/components/accordion/index.js +3 -3
  3. package/cdn/components/accordion-group/accordion-group.js +3 -3
  4. package/cdn/components/accordion-group/index.js +3 -3
  5. package/cdn/components/alert/alert.js +4 -4
  6. package/cdn/components/alert/index.js +4 -4
  7. package/cdn/components/avatar/avatar.js +5 -5
  8. package/cdn/components/avatar/index.js +5 -5
  9. package/cdn/components/badge/badge.host.style.js +1 -1
  10. package/cdn/components/badge/badge.js +5 -5
  11. package/cdn/components/badge/index.js +5 -5
  12. package/cdn/components/base/index.js +2 -2
  13. package/cdn/components/base/tailwind-base.js +3 -3
  14. package/cdn/components/breadcrumb/breadcrumb.js +3 -3
  15. package/cdn/components/breadcrumb/index.js +3 -3
  16. package/cdn/components/breadcrumb-item/breadcrumb-item.js +4 -4
  17. package/cdn/components/breadcrumb-item/index.js +4 -4
  18. package/cdn/components/button/button.js +4 -4
  19. package/cdn/components/button/button.style.js +1 -1
  20. package/cdn/components/button/index.js +4 -4
  21. package/cdn/components/button-group/button-group.js +4 -4
  22. package/cdn/components/button-group/index.js +4 -4
  23. package/cdn/components/checkbox/checkbox.js +6 -6
  24. package/cdn/components/checkbox/index.js +6 -6
  25. package/cdn/components/checkbox-group/checkbox-group.js +3 -3
  26. package/cdn/components/checkbox-group/index.js +3 -3
  27. package/cdn/components/chip/chip.js +4 -4
  28. package/cdn/components/chip/index.js +4 -4
  29. package/cdn/components/divider/divider.js +4 -4
  30. package/cdn/components/divider/divider.style.js +1 -1
  31. package/cdn/components/divider/index.js +4 -4
  32. package/cdn/components/drawer/drawer.js +4 -4
  33. package/cdn/components/drawer/index.js +4 -4
  34. package/cdn/components/dropdown/dropdown.js +5 -5
  35. package/cdn/components/dropdown/index.js +5 -5
  36. package/cdn/components/dropdown-item/dropdown-item.js +5 -5
  37. package/cdn/components/dropdown-item/index.js +5 -5
  38. package/cdn/components/icon/icon.js +4 -4
  39. package/cdn/components/icon/index.js +3 -3
  40. package/cdn/components/index.js +9 -9
  41. package/cdn/components/input/index.js +6 -6
  42. package/cdn/components/input/input.js +6 -6
  43. package/cdn/components/input/input.style.js +1 -2
  44. package/cdn/components/link/index.js +3 -3
  45. package/cdn/components/link/link.js +3 -3
  46. package/cdn/components/list-box-item/index.js +4 -4
  47. package/cdn/components/list-box-item/list-box-item.js +4 -4
  48. package/cdn/components/modal/index.js +4 -4
  49. package/cdn/components/modal/modal.js +4 -4
  50. package/cdn/components/popconfirm/index.js +5 -5
  51. package/cdn/components/popconfirm/popconfirm.js +5 -5
  52. package/cdn/components/popover/index.js +5 -5
  53. package/cdn/components/popover/popover.js +5 -5
  54. package/cdn/components/radio/index.js +5 -5
  55. package/cdn/components/radio/radio.js +5 -5
  56. package/cdn/components/radio-group/index.js +3 -3
  57. package/cdn/components/radio-group/radio-group.js +3 -3
  58. package/cdn/components/rating/index.js +7 -7
  59. package/cdn/components/rating/rating.js +7 -7
  60. package/cdn/components/segmented-picker/index.js +3 -3
  61. package/cdn/components/segmented-picker/segmented-picker.component.js +3 -3
  62. package/cdn/components/segmented-picker-item/index.js +4 -4
  63. package/cdn/components/segmented-picker-item/segmented-picker-item.component.js +4 -4
  64. package/cdn/components/select/index.js +5 -5
  65. package/cdn/components/select/select.js +16 -5
  66. package/cdn/components/select/select.style.js +1 -1
  67. package/cdn/components/select-item/index.js +5 -5
  68. package/cdn/components/select-item/select-item.js +5 -5
  69. package/cdn/components/service/index.js +5 -5
  70. package/cdn/components/service/service.js +6 -6
  71. package/cdn/components/svg-icon/icons.js +1 -1
  72. package/cdn/components/svg-icon/index.js +3 -3
  73. package/cdn/components/svg-icon/svg-icon.js +4 -4
  74. package/cdn/components/tab/index.js +4 -4
  75. package/cdn/components/tab/tab.js +4 -4
  76. package/cdn/components/tab-group/index.js +4 -4
  77. package/cdn/components/tab-group/tab-group.js +4 -4
  78. package/cdn/components/tab-panel/index.js +3 -3
  79. package/cdn/components/tab-panel/tab-panel.js +3 -3
  80. package/cdn/components/tag/index.js +4 -4
  81. package/cdn/components/tag/tag.js +4 -4
  82. package/cdn/components/text/index.js +3 -3
  83. package/cdn/components/text/text.js +3 -3
  84. package/cdn/components/textarea/index.js +6 -6
  85. package/cdn/components/textarea/textarea.js +6 -6
  86. package/cdn/components/toast/index.js +4 -4
  87. package/cdn/components/toast/toast.js +4 -4
  88. package/cdn/components/toast-container/index.js +5 -5
  89. package/cdn/components/toast-container/toast-container.js +5 -5
  90. package/cdn/components/toggle/index.js +8 -8
  91. package/cdn/components/toggle/toggle.js +8 -8
  92. package/cdn/components/tooltip/index.js +5 -5
  93. package/cdn/components/tooltip/tooltip.js +5 -5
  94. package/cdn/factory/tailwind-factory.js +7 -7
  95. package/cdn/floating-ui.dom-BYyWpmHF.js +1 -0
  96. package/{dist/floating-ui.dom-OBaMlALa.js → cdn/floating-ui.dom-BpzIshEG.js} +26 -14
  97. package/cdn/global-COKphIjP.js +31 -0
  98. package/cdn/global-jro1Jrjm.js +1 -0
  99. package/cdn/{if-defined-CQ5F5a3V.js → if-defined-CIB8OTrH.js} +1 -1
  100. package/cdn/{if-defined-D-m3dgRf.js → if-defined-DpyZ37D-.js} +1 -1
  101. package/cdn/lit-element-BNK__jO-.js +27 -0
  102. package/cdn/lit-element-CSuLHuHb.js +22 -0
  103. package/cdn/{live-BOAtKRUN.js → live-C1eBrEBV.js} +1 -1
  104. package/cdn/{live-Ba4FL2pG.js → live-CYp4nasd.js} +1 -1
  105. package/cdn/property-B8EDuyz_.js +7 -0
  106. package/cdn/{property-DiPQx9S3.js → property-Dz31PgR6.js} +2 -2
  107. package/{dist/state-D1d5Sfj8.js → cdn/state-BRspp5eU.js} +1 -1
  108. package/{dist/state-D6IyB_n5.js → cdn/state-hFbsBSdV.js} +1 -1
  109. package/cdn/{style-map-Z-XBeQmS.js → style-map-BYRi_l0u.js} +1 -1
  110. package/{dist/style-map-DC_vNus2.js → cdn/style-map-Cgr6kXUm.js} +1 -1
  111. package/{dist/unsafe-html-BhmP6ONc.js → cdn/unsafe-html-BXTWMFA8.js} +1 -1
  112. package/cdn/{unsafe-html-rEfV9uY8.js → unsafe-html-CFzahWAO.js} +1 -1
  113. package/dist/components/accordion/accordion.d.ts +1 -1
  114. package/dist/components/accordion/accordion.js +2 -2
  115. package/dist/components/accordion/accordion.js.map +1 -1
  116. package/dist/components/accordion/index.js +2 -2
  117. package/dist/components/accordion-group/accordion-group.d.ts +1 -1
  118. package/dist/components/accordion-group/accordion-group.js +2 -2
  119. package/dist/components/accordion-group/accordion-group.js.map +1 -1
  120. package/dist/components/accordion-group/index.js +2 -2
  121. package/dist/components/alert/alert.d.ts +1 -1
  122. package/dist/components/alert/alert.js +3 -3
  123. package/dist/components/alert/alert.js.map +1 -1
  124. package/dist/components/alert/index.js +3 -3
  125. package/dist/components/avatar/avatar.d.ts +1 -1
  126. package/dist/components/avatar/avatar.js +4 -4
  127. package/dist/components/avatar/avatar.js.map +1 -1
  128. package/dist/components/avatar/index.js +4 -4
  129. package/dist/components/badge/badge.d.ts +1 -1
  130. package/dist/components/badge/badge.host.style.js +1 -1
  131. package/dist/components/badge/badge.js +4 -4
  132. package/dist/components/badge/badge.js.map +1 -1
  133. package/dist/components/badge/index.js +4 -4
  134. package/dist/components/base/index.js +1 -1
  135. package/dist/components/base/tailwind-base.js +2 -2
  136. package/dist/components/breadcrumb/breadcrumb.d.ts +1 -1
  137. package/dist/components/breadcrumb/breadcrumb.js +2 -2
  138. package/dist/components/breadcrumb/breadcrumb.js.map +1 -1
  139. package/dist/components/breadcrumb/index.js +2 -2
  140. package/dist/components/breadcrumb-item/breadcrumb-item.js +3 -3
  141. package/dist/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
  142. package/dist/components/breadcrumb-item/index.js +3 -3
  143. package/dist/components/button/button.d.ts +1 -1
  144. package/dist/components/button/button.js +3 -3
  145. package/dist/components/button/button.js.map +1 -1
  146. package/dist/components/button/button.style.js +1 -1
  147. package/dist/components/button/button.style.js.map +1 -1
  148. package/dist/components/button/index.js +3 -3
  149. package/dist/components/button-group/button-group.d.ts +1 -1
  150. package/dist/components/button-group/button-group.js +3 -3
  151. package/dist/components/button-group/button-group.js.map +1 -1
  152. package/dist/components/button-group/index.js +3 -3
  153. package/dist/components/checkbox/checkbox.d.ts +1 -1
  154. package/dist/components/checkbox/checkbox.js +5 -5
  155. package/dist/components/checkbox/checkbox.js.map +1 -1
  156. package/dist/components/checkbox/index.js +5 -5
  157. package/dist/components/checkbox-group/checkbox-group.d.ts +1 -1
  158. package/dist/components/checkbox-group/checkbox-group.js +2 -2
  159. package/dist/components/checkbox-group/checkbox-group.js.map +1 -1
  160. package/dist/components/checkbox-group/index.js +2 -2
  161. package/dist/components/chip/chip.d.ts +1 -1
  162. package/dist/components/chip/chip.js +3 -3
  163. package/dist/components/chip/chip.js.map +1 -1
  164. package/dist/components/chip/index.js +3 -3
  165. package/dist/components/divider/divider.d.ts +1 -1
  166. package/dist/components/divider/divider.js +3 -3
  167. package/dist/components/divider/divider.js.map +1 -1
  168. package/dist/components/divider/divider.style.js +1 -1
  169. package/dist/components/divider/index.js +3 -3
  170. package/dist/components/drawer/drawer.d.ts +1 -1
  171. package/dist/components/drawer/drawer.js +3 -3
  172. package/dist/components/drawer/drawer.js.map +1 -1
  173. package/dist/components/drawer/index.js +3 -3
  174. package/dist/components/dropdown/dropdown.d.ts +1 -1
  175. package/dist/components/dropdown/dropdown.js +4 -4
  176. package/dist/components/dropdown/dropdown.js.map +1 -1
  177. package/dist/components/dropdown/index.js +4 -4
  178. package/dist/components/dropdown-item/dropdown-item.d.ts +1 -1
  179. package/dist/components/dropdown-item/dropdown-item.js +4 -4
  180. package/dist/components/dropdown-item/dropdown-item.js.map +1 -1
  181. package/dist/components/dropdown-item/index.js +4 -4
  182. package/dist/components/icon/icon.d.ts +1 -1
  183. package/dist/components/icon/icon.js +4 -4
  184. package/dist/components/icon/icon.js.map +1 -1
  185. package/dist/components/icon/index.js +3 -3
  186. package/dist/components/index.js +8 -8
  187. package/dist/components/input/index.js +5 -5
  188. package/dist/components/input/input.d.ts +1 -1
  189. package/dist/components/input/input.js +5 -5
  190. package/dist/components/input/input.js.map +1 -1
  191. package/dist/components/input/input.style.js +1 -2
  192. package/dist/components/input/input.style.js.map +1 -1
  193. package/dist/components/link/index.js +2 -2
  194. package/dist/components/link/link.d.ts +1 -1
  195. package/dist/components/link/link.js +2 -2
  196. package/dist/components/link/link.js.map +1 -1
  197. package/dist/components/list-box-item/index.js +3 -3
  198. package/dist/components/list-box-item/list-box-item.d.ts +1 -1
  199. package/dist/components/list-box-item/list-box-item.js +3 -3
  200. package/dist/components/list-box-item/list-box-item.js.map +1 -1
  201. package/dist/components/modal/index.js +3 -3
  202. package/dist/components/modal/modal.d.ts +1 -1
  203. package/dist/components/modal/modal.js +3 -3
  204. package/dist/components/modal/modal.js.map +1 -1
  205. package/dist/components/popconfirm/index.js +4 -4
  206. package/dist/components/popconfirm/popconfirm.d.ts +1 -1
  207. package/dist/components/popconfirm/popconfirm.js +4 -4
  208. package/dist/components/popconfirm/popconfirm.js.map +1 -1
  209. package/dist/components/popover/index.js +4 -4
  210. package/dist/components/popover/popover.d.ts +1 -1
  211. package/dist/components/popover/popover.js +4 -4
  212. package/dist/components/popover/popover.js.map +1 -1
  213. package/dist/components/radio/index.js +4 -4
  214. package/dist/components/radio/radio.d.ts +1 -1
  215. package/dist/components/radio/radio.js +4 -4
  216. package/dist/components/radio/radio.js.map +1 -1
  217. package/dist/components/radio-group/index.js +2 -2
  218. package/dist/components/radio-group/radio-group.d.ts +1 -1
  219. package/dist/components/radio-group/radio-group.js +2 -2
  220. package/dist/components/radio-group/radio-group.js.map +1 -1
  221. package/dist/components/rating/index.js +6 -6
  222. package/dist/components/rating/rating.d.ts +1 -1
  223. package/dist/components/rating/rating.js +6 -6
  224. package/dist/components/rating/rating.js.map +1 -1
  225. package/dist/components/segmented-picker/index.js +2 -2
  226. package/dist/components/segmented-picker/segmented-picker.component.d.ts +1 -1
  227. package/dist/components/segmented-picker/segmented-picker.component.js +2 -2
  228. package/dist/components/segmented-picker/segmented-picker.component.js.map +1 -1
  229. package/dist/components/segmented-picker-item/index.js +3 -3
  230. package/dist/components/segmented-picker-item/segmented-picker-item.component.d.ts +1 -1
  231. package/dist/components/segmented-picker-item/segmented-picker-item.component.js +3 -3
  232. package/dist/components/segmented-picker-item/segmented-picker-item.component.js.map +1 -1
  233. package/dist/components/select/index.js +4 -4
  234. package/dist/components/select/select.d.ts +1 -1
  235. package/dist/components/select/select.d.ts.map +1 -1
  236. package/dist/components/select/select.js +15 -4
  237. package/dist/components/select/select.js.map +1 -1
  238. package/dist/components/select/select.style.js +1 -1
  239. package/dist/components/select/select.style.js.map +1 -1
  240. package/dist/components/select-item/index.js +4 -4
  241. package/dist/components/select-item/select-item.d.ts +1 -1
  242. package/dist/components/select-item/select-item.js +4 -4
  243. package/dist/components/select-item/select-item.js.map +1 -1
  244. package/dist/components/service/index.js +4 -4
  245. package/dist/components/service/service.d.ts +1 -1
  246. package/dist/components/service/service.js +5 -5
  247. package/dist/components/service/service.js.map +1 -1
  248. package/dist/components/svg-icon/icons.js +1 -1
  249. package/dist/components/svg-icon/index.js +3 -3
  250. package/dist/components/svg-icon/svg-icon.d.ts +1 -1
  251. package/dist/components/svg-icon/svg-icon.js +4 -4
  252. package/dist/components/svg-icon/svg-icon.js.map +1 -1
  253. package/dist/components/tab/index.js +3 -3
  254. package/dist/components/tab/tab.d.ts +1 -1
  255. package/dist/components/tab/tab.js +3 -3
  256. package/dist/components/tab/tab.js.map +1 -1
  257. package/dist/components/tab-group/index.js +3 -3
  258. package/dist/components/tab-group/tab-group.d.ts +1 -1
  259. package/dist/components/tab-group/tab-group.js +3 -3
  260. package/dist/components/tab-group/tab-group.js.map +1 -1
  261. package/dist/components/tab-panel/index.js +2 -2
  262. package/dist/components/tab-panel/tab-panel.d.ts +1 -1
  263. package/dist/components/tab-panel/tab-panel.js +2 -2
  264. package/dist/components/tab-panel/tab-panel.js.map +1 -1
  265. package/dist/components/tag/index.js +3 -3
  266. package/dist/components/tag/tag.d.ts +1 -1
  267. package/dist/components/tag/tag.js +3 -3
  268. package/dist/components/tag/tag.js.map +1 -1
  269. package/dist/components/text/index.js +2 -2
  270. package/dist/components/text/text.d.ts +1 -1
  271. package/dist/components/text/text.js +2 -2
  272. package/dist/components/text/text.js.map +1 -1
  273. package/dist/components/textarea/index.js +5 -5
  274. package/dist/components/textarea/textarea.d.ts +1 -1
  275. package/dist/components/textarea/textarea.js +5 -5
  276. package/dist/components/textarea/textarea.js.map +1 -1
  277. package/dist/components/toast/index.js +3 -3
  278. package/dist/components/toast/toast.js +3 -3
  279. package/dist/components/toast/toast.js.map +1 -1
  280. package/dist/components/toast-container/index.js +4 -4
  281. package/dist/components/toast-container/toast-container.d.ts +1 -1
  282. package/dist/components/toast-container/toast-container.js +4 -4
  283. package/dist/components/toast-container/toast-container.js.map +1 -1
  284. package/dist/components/toggle/index.js +7 -7
  285. package/dist/components/toggle/toggle.d.ts +2 -2
  286. package/dist/components/toggle/toggle.js +7 -7
  287. package/dist/components/toggle/toggle.js.map +1 -1
  288. package/dist/components/tooltip/index.js +4 -4
  289. package/dist/components/tooltip/tooltip.d.ts +1 -1
  290. package/dist/components/tooltip/tooltip.js +4 -4
  291. package/dist/components/tooltip/tooltip.js.map +1 -1
  292. package/dist/factory/tailwind-factory.d.ts.map +1 -1
  293. package/dist/factory/tailwind-factory.js +6 -6
  294. package/{cdn/floating-ui.dom-OBaMlALa.js → dist/floating-ui.dom-BpzIshEG.js} +26 -14
  295. package/dist/floating-ui.dom-qD1bNRwo.js +1 -0
  296. package/dist/{if-defined-DZx5z3Rt.js → if-defined-D2TYlDW5.js} +1 -1
  297. package/dist/{if-defined-D-m3dgRf.js → if-defined-DpyZ37D-.js} +1 -1
  298. package/dist/index.css +2 -2
  299. package/dist/lit-element-BNK__jO-.js +27 -0
  300. package/dist/lit-element-CEaY83fr.js +22 -0
  301. package/dist/{live-BOAtKRUN.js → live-C1eBrEBV.js} +1 -1
  302. package/dist/{live-Cq6acxyl.js → live-Cl8wOWGv.js} +1 -1
  303. package/dist/model/plus.d.ts.map +1 -1
  304. package/dist/{property-DiPQx9S3.js → property-Dz31PgR6.js} +2 -2
  305. package/dist/property-Y9xP4-Ky.js +7 -0
  306. package/dist/{query-M3XxJAZy.js → query-3HJE_24O.js} +1 -1
  307. package/dist/{query-assigned-elements-DBAPT3sj.js → query-assigned-elements-BmQGl3Hh.js} +1 -1
  308. package/{cdn/state-D1d5Sfj8.js → dist/state-BRspp5eU.js} +1 -1
  309. package/{cdn/state-CoIPL7X5.js → dist/state-qylyRN7L.js} +1 -1
  310. package/{cdn/style-map-DC_vNus2.js → dist/style-map-Cgr6kXUm.js} +1 -1
  311. package/dist/{style-map-CTYAtfNA.js → style-map-eMo7d83b.js} +1 -1
  312. package/dist/styles/global.js +2 -2
  313. package/dist/styles/theme/dark.js +2 -2
  314. package/dist/styles/theme/light.js +2 -2
  315. package/dist/{unsafe-html-B4iHxNlq.js → unsafe-html-BLLzcKgC.js} +1 -1
  316. package/{cdn/unsafe-html-BhmP6ONc.js → dist/unsafe-html-BXTWMFA8.js} +1 -1
  317. package/package.json +6 -23
  318. package/react/PlusAccordion.js +9 -9
  319. package/react/PlusAccordionGroup.js +1 -3
  320. package/react/PlusAlert.js +9 -9
  321. package/react/PlusAvatar.js +1 -3
  322. package/react/PlusBadge.js +1 -3
  323. package/react/PlusBreadcrumb.js +1 -3
  324. package/react/PlusBreadcrumbItem.js +1 -3
  325. package/react/PlusButton.js +1 -3
  326. package/react/PlusButtonGroup.js +1 -3
  327. package/react/PlusCheckbox.js +9 -17
  328. package/react/PlusCheckboxGroup.js +9 -9
  329. package/react/PlusChip.js +1 -3
  330. package/react/PlusDivider.js +9 -9
  331. package/react/PlusDrawer.js +1 -7
  332. package/react/PlusDropDownItem.js +9 -9
  333. package/react/PlusDropdown.js +9 -9
  334. package/react/PlusIcon.js +1 -3
  335. package/react/PlusInput.js +9 -14
  336. package/react/PlusLink.js +1 -3
  337. package/react/PlusListBoxItem.js +9 -9
  338. package/react/PlusModal.js +1 -7
  339. package/react/PlusPopconfirm.js +9 -9
  340. package/react/PlusPopover.js +9 -9
  341. package/react/PlusRadio.js +9 -12
  342. package/react/PlusRadioGroup.js +1 -3
  343. package/react/PlusRating.js +9 -12
  344. package/react/PlusSegmentedPicker.js +9 -9
  345. package/react/PlusSegmentedPickerItem.js +1 -3
  346. package/react/PlusSelect.js +9 -9
  347. package/react/PlusSelectItem.js +9 -9
  348. package/react/PlusService.js +1 -3
  349. package/react/PlusSvgIcon.js +1 -3
  350. package/react/PlusTab.js +1 -3
  351. package/react/PlusTabGroup.js +9 -9
  352. package/react/PlusTabPanel.js +1 -3
  353. package/react/PlusTag.js +1 -3
  354. package/react/PlusText.js +1 -3
  355. package/react/PlusTextarea.js +9 -14
  356. package/react/PlusToast.js +9 -9
  357. package/react/PlusToastContainer.js +1 -3
  358. package/react/PlusToggle.js +9 -14
  359. package/react/PlusTooltip.js +1 -3
  360. package/react/Tailwind.js +1 -3
  361. package/web-types.json +1 -1
  362. package/cdn/floating-ui.dom-CXNHR8n2.js +0 -1
  363. package/cdn/global--d79_U21.js +0 -1
  364. package/cdn/global-Dh9axYQH.js +0 -31
  365. package/cdn/lit-element-ByzbtpGk.js +0 -27
  366. package/cdn/lit-element-DNNEDGnu.js +0 -23
  367. package/cdn/property-DLlzgs39.js +0 -7
  368. package/dist/floating-ui.dom-D3XJuCC4.js +0 -1
  369. package/dist/lit-element-ByzbtpGk.js +0 -27
  370. package/dist/lit-element-DWUSmjFy.js +0 -23
  371. package/dist/property-BbhdtSvA.js +0 -7
  372. /package/dist/{base-BqsGesSl.js → base-DYpPqEdE.js} +0 -0
  373. /package/dist/{directive-CaeGQrCm.js → directive-C38_WcAU.js} +0 -0
  374. /package/dist/{index-exQ3KYY9.js → index-CpjI9mV3.js} +0 -0
package/dist/styles/global.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { s as styleInject } from '../style-inject.es-tgCJW-Cu.js';
2
2
 
3
- var css_248z = "/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: 'Inter', sans-serif;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n --color-neutral-300: oklch(87% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\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: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 2s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --plus-color-base-white: var(--color-white);\n --plus-color-base-black: var(--color-black);\n --plus-color-base-transparent: transparent;\n --plus-color-neutral-100: var(--color-gray-100);\n --plus-color-neutral-200: var(--color-gray-200);\n --plus-color-neutral-300: var(--color-gray-300);\n --plus-color-neutral-400: var(--color-gray-400);\n --plus-color-neutral-500: var(--color-gray-500);\n --plus-color-neutral-600: var(--color-gray-600);\n --plus-color-neutral-700: var(--color-gray-700);\n --plus-color-neutral-800: var(--color-gray-800);\n --plus-color-neutral-900: var(--color-gray-900);\n --plus-color-neutral-950: var(--color-gray-950);\n --plus-color-primary-100: var(--color-indigo-100);\n --plus-color-primary-200: var(--color-indigo-200);\n --plus-color-primary-300: var(--color-indigo-300);\n --plus-color-primary-700: var(--color-indigo-700);\n --plus-color-primary-800: var(--color-indigo-800);\n --plus-color-primary-900: var(--color-indigo-900);\n --plus-color-info-100: var(--color-blue-100);\n --plus-color-info-200: var(--color-blue-200);\n --plus-color-info-300: var(--color-blue-300);\n --plus-color-info-700: var(--color-blue-700);\n --plus-color-info-800: var(--color-blue-800);\n --plus-color-info-900: var(--color-blue-900);\n --plus-color-success-100: var(--color-green-100);\n --plus-color-success-200: var(--color-green-200);\n --plus-color-success-300: var(--color-green-300);\n --plus-color-success-700: var(--color-green-700);\n --plus-color-success-800: var(--color-green-800);\n --plus-color-success-900: var(--color-green-900);\n --plus-color-warning-100: var(--color-yellow-100);\n --plus-color-warning-200: var(--color-yellow-200);\n --plus-color-warning-300: var(--color-yellow-300);\n --plus-color-warning-700: var(--color-yellow-700);\n --plus-color-warning-800: var(--color-yellow-800);\n --plus-color-warning-900: var(--color-yellow-900);\n --plus-color-danger-100: var(--color-red-100);\n --plus-color-danger-200: var(--color-red-200);\n --plus-color-danger-300: var(--color-red-300);\n --plus-color-danger-700: var(--color-red-700);\n --plus-color-danger-800: var(--color-red-800);\n --plus-color-danger-900: var(--color-red-900);\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n --plus-border-radius-default: var(--radius-sm);\n --plus-border-radius-modal: var(--radius-lg);\n --radius-default: var(--plus-border-radius-default);\n }\n}\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\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 .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-0\\.5 {\n top: calc(var(--spacing) * 0.5);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-0\\.5 {\n left: calc(var(--spacing) * 0.5);\n }\n .left-1 {\n left: calc(var(--spacing) * 1);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-5 {\n left: calc(var(--spacing) * 5);\n }\n .z-10 {\n z-index: 10;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[1\\] {\n z-index: 1;\n }\n .z-\\[1000\\] {\n z-index: 1000;\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 .mx-\\(--divider-spacing\\) {\n margin-inline: var(--divider-spacing);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-1\\.5 {\n margin-left: calc(var(--spacing) * 1.5);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .box-content {\n box-sizing: content-box;\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-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n height: calc(var(--spacing) * 4.5);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n .size-\\[var\\(--size\\)\\] {\n width: var(--size);\n height: var(--size);\n }\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-2\\/5 {\n height: calc(2/5 * 100%);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-6\\.5 {\n height: calc(var(--spacing) * 6.5);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-96 {\n height: calc(var(--spacing) * 96);\n }\n .h-\\[48px\\] {\n height: 48px;\n }\n .h-\\[52px\\] {\n height: 52px;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[90vh\\] {\n max-height: 90vh;\n }\n .min-h-\\[52px\\] {\n min-height: 52px;\n }\n .min-h-\\[60px\\] {\n min-height: 60px;\n }\n .min-h-\\[68px\\] {\n min-height: 68px;\n }\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-13 {\n width: calc(var(--spacing) * 13);\n }\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-96 {\n width: calc(var(--spacing) * 96);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-80 {\n max-width: calc(var(--spacing) * 80);\n }\n .max-w-96 {\n max-width: calc(var(--spacing) * 96);\n }\n .max-w-\\[256px\\] {\n max-width: 256px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\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-none {\n max-width: none;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-9 {\n min-width: calc(var(--spacing) * 9);\n }\n .min-w-full {\n min-width: 100%;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .origin-left {\n transform-origin: left;\n }\n .origin-right {\n transform-origin: right;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[50\\%\\] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n --tw-translate-x: calc(2.5rem - 1.25rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n --tw-translate-x: calc(3.5rem - 1.75rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-full {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[50\\%\\] {\n --tw-translate-y: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-0 {\n --tw-scale-x: 0%;\n --tw-scale-y: 0%;\n --tw-scale-z: 0%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .rotate-45 {\n rotate: 45deg;\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 .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .cursor-text {\n cursor: text;\n }\n .cursor-wait {\n cursor: wait;\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 .appearance-none {\n appearance: none;\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-baseline {\n align-items: baseline;\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-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 .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-x-5 {\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-default {\n border-radius: var(--radius-default);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\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-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-\\(--d-border\\) {\n border-color: var(--d-border);\n }\n .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-danger {\n border-color: var(--plus-color-border-danger);\n }\n .border-color-default {\n border-color: var(--plus-color-border-default);\n }\n .border-color-disabled {\n border-color: var(--plus-color-border-disabled);\n }\n .border-color-dynamic {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-primary {\n border-color: var(--plus-color-border-primary);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-r-color-primary {\n border-right-color: var(--plus-color-border-primary);\n }\n .border-r-transparent {\n border-right-color: transparent;\n }\n .border-b-color-primary {\n border-bottom-color: var(--plus-color-border-primary);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .bg-\\(--d-bg-checked\\) {\n background-color: var(--d-bg-checked);\n }\n .bg-\\(--d-bg-default\\) {\n background-color: var(--d-bg-default);\n }\n .bg-\\(--d-bg-loading\\) {\n background-color: var(--d-bg-loading);\n }\n .bg-\\(--d-dot-bg\\) {\n background-color: var(--d-dot-bg);\n }\n .bg-\\(--d-switch-bg\\) {\n background-color: var(--d-switch-bg);\n }\n .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n background-color: var(--bg-color,var(--i-bg-color));\n }\n .bg-\\[var\\(--i-bg-default\\)\\] {\n background-color: var(--i-bg-default);\n }\n .bg-\\[var\\(--i-selected-bg\\)\\] {\n background-color: var(--i-selected-bg);\n }\n .bg-\\[var\\(--tag-bg-color\\)\\] {\n background-color: var(--tag-bg-color);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-color-danger-default {\n background-color: var(--plus-color-background-danger-default);\n }\n .bg-color-danger-invert-default {\n background-color: var(--plus-color-background-danger-invert-default);\n }\n .bg-color-default-invert-default {\n background-color: var(--plus-color-background-default-invert-default);\n }\n .bg-color-disabled {\n background-color: var(--plus-color-background-disabled-default);\n }\n .bg-color-dynamic-default {\n background-color: var(--bg-default,var(--i-bg-default));\n }\n .bg-color-modal {\n background-color: var(--plus-color-background-modal);\n }\n .bg-color-overlay\\/50 {\n background-color: color-mix(in srgb, var(--plus-color-neutral-950) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n }\n }\n .bg-color-primary-default {\n background-color: var(--plus-color-background-primary-default);\n }\n .bg-color-surface {\n background-color: var(--plus-color-background-surface);\n }\n .bg-green-500 {\n background-color: var(--color-green-500);\n }\n .bg-inherit {\n background-color: inherit;\n }\n .bg-transparent {\n background-color: transparent;\n }\n .fill-\\(--d-text\\) {\n fill: var(--d-text);\n }\n .fill-current {\n fill: currentcolor;\n }\n .object-cover {\n object-fit: cover;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-0\\.5 {\n padding: calc(var(--spacing) * 0.5);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-3\\.5 {\n padding: calc(var(--spacing) * 3.5);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-2\\.5 {\n padding-right: calc(var(--spacing) * 2.5);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\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 .plus-ui-element {\n font-family: var(--font-sans);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--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(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-\\[6px\\] {\n font-size: 6px;\n }\n .text-\\[8px\\] {\n font-size: 8px;\n }\n .text-\\[10px\\] {\n font-size: 10px;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n font-size: calc(var(--size) / 2.50);\n }\n .leading-\\[6px\\] {\n --tw-leading: 6px;\n line-height: 6px;\n }\n .leading-\\[8px\\] {\n --tw-leading: 8px;\n line-height: 8px;\n }\n .leading-\\[10px\\] {\n --tw-leading: 10px;\n line-height: 10px;\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\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 .text-pretty {\n text-wrap: pretty;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-\\(--d-dot-text\\) {\n color: var(--d-dot-text);\n }\n .text-\\(--d-text\\) {\n color: var(--d-text);\n }\n .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n color: var(--description-color,var(--i-description-color));\n }\n .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n color: var(--dismiss-color,var(--i-dismiss-color));\n }\n .text-\\[var\\(--i-text-color\\)\\] {\n color: var(--i-text-color);\n }\n .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n color: var(--icon-color,var(--i-icon-color));\n }\n .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n color: var(--message-color,var(--i-message-color));\n }\n .text-\\[var\\(--tag-text-color\\)\\] {\n color: var(--tag-text-color);\n }\n .text-color-base {\n color: var(--plus-color-text-base);\n }\n .text-color-caption {\n color: var(--plus-color-text-caption);\n }\n .text-color-danger {\n color: var(--plus-color-text-danger);\n }\n .text-color-default {\n color: var(--plus-color-text-default);\n }\n .text-color-disabled {\n color: var(--plus-color-text-disabled);\n }\n .text-color-dynamic {\n color: var(--text-color,var(--i-text-color));\n }\n .text-color-info {\n color: var(--plus-color-text-info);\n }\n .text-color-link {\n color: var(--plus-color-text-link);\n }\n .text-color-placeholder {\n color: var(--plus-color-text-placeholder);\n }\n .text-color-primary {\n color: var(--plus-color-text-primary);\n }\n .text-color-success {\n color: var(--plus-color-text-success);\n }\n .text-color-warning {\n color: var(--plus-color-text-warning);\n }\n .text-inherit {\n color: inherit;\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .opacity-100 {\n opacity: 100%;\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-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-default {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\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 .invert {\n --tw-invert: invert(100%);\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;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-400 {\n --tw-duration: 400ms;\n transition-duration: 400ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-bounce {\n --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n }\n .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg-hover);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-invert-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-invert-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-default-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .group-hover\\/base\\:\\!shadow-none {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n }\n .group-hover\\/base\\:shadow-sm {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\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 }\n }\n .group-active\\/base\\:-ml-1 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1);\n }\n }\n .group-active\\/base\\:-ml-1\\.5 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1.5);\n }\n }\n .group-active\\/base\\:h-4 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4);\n }\n }\n .group-active\\/base\\:h-4\\.5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4.5);\n }\n }\n .group-active\\/base\\:h-5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-6 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6);\n }\n }\n .group-active\\/base\\:w-6\\.5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6.5);\n }\n }\n .group-active\\/base\\:\\!transform-none {\n &:is(:where(.group\\/base):active *) {\n transform: none !important;\n }\n }\n .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg-active);\n }\n }\n .group-active\\/base\\:bg-color-danger-invert-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-invert-pressed);\n }\n }\n .group-active\\/base\\:bg-color-danger-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-pressed);\n }\n }\n .group-active\\/base\\:bg-color-default-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .group-active\\/base\\:bg-color-primary-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .peer-checked\\:scale-100 {\n &:is(:where(.peer):checked ~ *) {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n .peer-checked\\:opacity-100 {\n &:is(:where(.peer):checked ~ *) {\n opacity: 100%;\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .placeholder\\:text-color-danger {\n &::placeholder {\n color: var(--plus-color-text-danger);\n }\n }\n .placeholder\\:text-color-default {\n &::placeholder {\n color: var(--plus-color-text-default);\n }\n }\n .placeholder\\:text-color-disabled {\n &::placeholder {\n color: var(--plus-color-text-disabled);\n }\n }\n .placeholder\\:text-color-placeholder {\n &::placeholder {\n color: var(--plus-color-text-placeholder);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:inset-0 {\n &::before {\n content: var(--tw-content);\n inset: calc(var(--spacing) * 0);\n }\n }\n .before\\:-top-1\\.5 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -1.5);\n }\n }\n .before\\:-left-3 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * -3);\n }\n }\n .before\\:z-10 {\n &::before {\n content: var(--tw-content);\n z-index: 10;\n }\n }\n .before\\:h-10 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 10);\n }\n }\n .before\\:w-10 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 10);\n }\n }\n .before\\:cursor-pointer {\n &::before {\n content: var(--tw-content);\n cursor: pointer;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-transparent {\n &::before {\n content: var(--tw-content);\n background-color: transparent;\n }\n }\n .before\\:content-\\[\\'\\'\\] {\n &::before {\n content: var(--tw-content);\n --tw-content: '';\n content: var(--tw-content);\n }\n }\n .after\\:ml-0\\.5 {\n &::after {\n content: var(--tw-content);\n margin-left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:text-color-default {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-default);\n }\n }\n .after\\:text-color-disabled {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-disabled);\n }\n }\n .after\\:content-\\[\\'\\*\\'\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: '*';\n content: var(--tw-content);\n }\n }\n .visited\\:text-color-visited {\n &:visited {\n color: var(--plus-color-text-visited);\n }\n }\n .empty\\:hidden {\n &:empty {\n display: none;\n }\n }\n .focus-within\\:z-\\[1\\] {\n &:focus-within {\n z-index: 1;\n }\n }\n .focus-within\\:border-color-danger {\n &:focus-within {\n border-color: var(--plus-color-border-danger);\n }\n }\n .focus-within\\:border-color-primary {\n &:focus-within {\n border-color: var(--plus-color-border-primary);\n }\n }\n .focus-within\\:ring-default {\n &:focus-within {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .hover\\:border-color-danger {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-danger);\n }\n }\n }\n .hover\\:border-color-disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-disabled);\n }\n }\n }\n .hover\\:border-color-primary {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-primary);\n }\n }\n }\n .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n &:hover {\n @media (hover: hover) {\n background-color: var(--i-bg-hovered);\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:bg-color-default-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .hover\\:bg-color-dynamic-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--bg-hovered,var(--i-bg-hovered));\n }\n }\n }\n .hover\\:bg-color-primary-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-primary-hovered);\n }\n }\n }\n .hover\\:bg-green-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-green-600);\n }\n }\n }\n .hover\\:bg-transparent {\n &:hover {\n @media (hover: hover) {\n background-color: transparent;\n }\n }\n }\n .hover\\:text-color-caption {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-caption);\n }\n }\n }\n .hover\\:text-color-default {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-default);\n }\n }\n }\n .hover\\:text-color-primary {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-primary);\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-offset-1 {\n &:focus {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n .focus-visible\\:bg-color-dynamic-focused {\n &:focus-visible {\n background-color: var(--bg-focused,var(--i-bg-focused));\n }\n }\n .focus-visible\\:ring-default {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\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-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n &:active {\n background-color: var(--i-bg-pressed);\n }\n }\n .active\\:bg-color-default-pressed {\n &:active {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .active\\:bg-color-dynamic-pressed {\n &:active {\n background-color: var(--bg-pressed,var(--i-bg-pressed));\n }\n }\n .active\\:bg-color-primary-pressed {\n &:active {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .enabled\\:bg-color-surface {\n &:enabled {\n background-color: var(--plus-color-background-surface);\n }\n }\n .enabled\\:text-color-default {\n &:enabled {\n color: var(--plus-color-text-default);\n }\n }\n .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n &:enabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--d-bg-hovered);\n }\n }\n }\n }\n .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:enabled {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n }\n .enabled\\:focus-visible\\:ring-default {\n &:enabled {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n }\n .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n &:enabled {\n &:active {\n background-color: var(--d-bg-pressed);\n }\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .motion-reduce\\:transition-none {\n @media (prefers-reduced-motion: reduce) {\n transition-property: none;\n }\n }\n}\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');\n[theme-dark] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateX(0);\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateY(0);\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateZ(0);\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n initial-value: skewX(0);\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n initial-value: skewY(0);\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-content {\n syntax: \"*\";\n initial-value: \"\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\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-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: rotateX(0);\n --tw-rotate-y: rotateY(0);\n --tw-rotate-z: rotateZ(0);\n --tw-skew-x: skewX(0);\n --tw-skew-y: skewY(0);\n --tw-border-style: solid;\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-outline-style: solid;\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 --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n }\n }\n}";
4
- var stylesheet="/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: 'Inter', sans-serif;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n --color-neutral-300: oklch(87% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\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: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 2s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --plus-color-base-white: var(--color-white);\n --plus-color-base-black: var(--color-black);\n --plus-color-base-transparent: transparent;\n --plus-color-neutral-100: var(--color-gray-100);\n --plus-color-neutral-200: var(--color-gray-200);\n --plus-color-neutral-300: var(--color-gray-300);\n --plus-color-neutral-400: var(--color-gray-400);\n --plus-color-neutral-500: var(--color-gray-500);\n --plus-color-neutral-600: var(--color-gray-600);\n --plus-color-neutral-700: var(--color-gray-700);\n --plus-color-neutral-800: var(--color-gray-800);\n --plus-color-neutral-900: var(--color-gray-900);\n --plus-color-neutral-950: var(--color-gray-950);\n --plus-color-primary-100: var(--color-indigo-100);\n --plus-color-primary-200: var(--color-indigo-200);\n --plus-color-primary-300: var(--color-indigo-300);\n --plus-color-primary-700: var(--color-indigo-700);\n --plus-color-primary-800: var(--color-indigo-800);\n --plus-color-primary-900: var(--color-indigo-900);\n --plus-color-info-100: var(--color-blue-100);\n --plus-color-info-200: var(--color-blue-200);\n --plus-color-info-300: var(--color-blue-300);\n --plus-color-info-700: var(--color-blue-700);\n --plus-color-info-800: var(--color-blue-800);\n --plus-color-info-900: var(--color-blue-900);\n --plus-color-success-100: var(--color-green-100);\n --plus-color-success-200: var(--color-green-200);\n --plus-color-success-300: var(--color-green-300);\n --plus-color-success-700: var(--color-green-700);\n --plus-color-success-800: var(--color-green-800);\n --plus-color-success-900: var(--color-green-900);\n --plus-color-warning-100: var(--color-yellow-100);\n --plus-color-warning-200: var(--color-yellow-200);\n --plus-color-warning-300: var(--color-yellow-300);\n --plus-color-warning-700: var(--color-yellow-700);\n --plus-color-warning-800: var(--color-yellow-800);\n --plus-color-warning-900: var(--color-yellow-900);\n --plus-color-danger-100: var(--color-red-100);\n --plus-color-danger-200: var(--color-red-200);\n --plus-color-danger-300: var(--color-red-300);\n --plus-color-danger-700: var(--color-red-700);\n --plus-color-danger-800: var(--color-red-800);\n --plus-color-danger-900: var(--color-red-900);\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n --plus-border-radius-default: var(--radius-sm);\n --plus-border-radius-modal: var(--radius-lg);\n --radius-default: var(--plus-border-radius-default);\n }\n}\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\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 .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-0\\.5 {\n top: calc(var(--spacing) * 0.5);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-0\\.5 {\n left: calc(var(--spacing) * 0.5);\n }\n .left-1 {\n left: calc(var(--spacing) * 1);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-5 {\n left: calc(var(--spacing) * 5);\n }\n .z-10 {\n z-index: 10;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[1\\] {\n z-index: 1;\n }\n .z-\\[1000\\] {\n z-index: 1000;\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 .mx-\\(--divider-spacing\\) {\n margin-inline: var(--divider-spacing);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-1\\.5 {\n margin-left: calc(var(--spacing) * 1.5);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .box-content {\n box-sizing: content-box;\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-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n height: calc(var(--spacing) * 4.5);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n .size-\\[var\\(--size\\)\\] {\n width: var(--size);\n height: var(--size);\n }\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-2\\/5 {\n height: calc(2/5 * 100%);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-6\\.5 {\n height: calc(var(--spacing) * 6.5);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-96 {\n height: calc(var(--spacing) * 96);\n }\n .h-\\[48px\\] {\n height: 48px;\n }\n .h-\\[52px\\] {\n height: 52px;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[90vh\\] {\n max-height: 90vh;\n }\n .min-h-\\[52px\\] {\n min-height: 52px;\n }\n .min-h-\\[60px\\] {\n min-height: 60px;\n }\n .min-h-\\[68px\\] {\n min-height: 68px;\n }\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-13 {\n width: calc(var(--spacing) * 13);\n }\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-96 {\n width: calc(var(--spacing) * 96);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-80 {\n max-width: calc(var(--spacing) * 80);\n }\n .max-w-96 {\n max-width: calc(var(--spacing) * 96);\n }\n .max-w-\\[256px\\] {\n max-width: 256px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\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-none {\n max-width: none;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-9 {\n min-width: calc(var(--spacing) * 9);\n }\n .min-w-full {\n min-width: 100%;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .origin-left {\n transform-origin: left;\n }\n .origin-right {\n transform-origin: right;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[50\\%\\] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n --tw-translate-x: calc(2.5rem - 1.25rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n --tw-translate-x: calc(3.5rem - 1.75rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-full {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[50\\%\\] {\n --tw-translate-y: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-0 {\n --tw-scale-x: 0%;\n --tw-scale-y: 0%;\n --tw-scale-z: 0%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .rotate-45 {\n rotate: 45deg;\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 .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .cursor-text {\n cursor: text;\n }\n .cursor-wait {\n cursor: wait;\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 .appearance-none {\n appearance: none;\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-baseline {\n align-items: baseline;\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-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 .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-x-5 {\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-default {\n border-radius: var(--radius-default);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\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-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-\\(--d-border\\) {\n border-color: var(--d-border);\n }\n .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-danger {\n border-color: var(--plus-color-border-danger);\n }\n .border-color-default {\n border-color: var(--plus-color-border-default);\n }\n .border-color-disabled {\n border-color: var(--plus-color-border-disabled);\n }\n .border-color-dynamic {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-primary {\n border-color: var(--plus-color-border-primary);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-r-color-primary {\n border-right-color: var(--plus-color-border-primary);\n }\n .border-r-transparent {\n border-right-color: transparent;\n }\n .border-b-color-primary {\n border-bottom-color: var(--plus-color-border-primary);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .bg-\\(--d-bg-checked\\) {\n background-color: var(--d-bg-checked);\n }\n .bg-\\(--d-bg-default\\) {\n background-color: var(--d-bg-default);\n }\n .bg-\\(--d-bg-loading\\) {\n background-color: var(--d-bg-loading);\n }\n .bg-\\(--d-dot-bg\\) {\n background-color: var(--d-dot-bg);\n }\n .bg-\\(--d-switch-bg\\) {\n background-color: var(--d-switch-bg);\n }\n .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n background-color: var(--bg-color,var(--i-bg-color));\n }\n .bg-\\[var\\(--i-bg-default\\)\\] {\n background-color: var(--i-bg-default);\n }\n .bg-\\[var\\(--i-selected-bg\\)\\] {\n background-color: var(--i-selected-bg);\n }\n .bg-\\[var\\(--tag-bg-color\\)\\] {\n background-color: var(--tag-bg-color);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-color-danger-default {\n background-color: var(--plus-color-background-danger-default);\n }\n .bg-color-danger-invert-default {\n background-color: var(--plus-color-background-danger-invert-default);\n }\n .bg-color-default-invert-default {\n background-color: var(--plus-color-background-default-invert-default);\n }\n .bg-color-disabled {\n background-color: var(--plus-color-background-disabled-default);\n }\n .bg-color-dynamic-default {\n background-color: var(--bg-default,var(--i-bg-default));\n }\n .bg-color-modal {\n background-color: var(--plus-color-background-modal);\n }\n .bg-color-overlay\\/50 {\n background-color: color-mix(in srgb, var(--plus-color-neutral-950) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n }\n }\n .bg-color-primary-default {\n background-color: var(--plus-color-background-primary-default);\n }\n .bg-color-surface {\n background-color: var(--plus-color-background-surface);\n }\n .bg-green-500 {\n background-color: var(--color-green-500);\n }\n .bg-inherit {\n background-color: inherit;\n }\n .bg-transparent {\n background-color: transparent;\n }\n .fill-\\(--d-text\\) {\n fill: var(--d-text);\n }\n .fill-current {\n fill: currentcolor;\n }\n .object-cover {\n object-fit: cover;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-0\\.5 {\n padding: calc(var(--spacing) * 0.5);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-3\\.5 {\n padding: calc(var(--spacing) * 3.5);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-2\\.5 {\n padding-right: calc(var(--spacing) * 2.5);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\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 .plus-ui-element {\n font-family: var(--font-sans);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--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(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-\\[6px\\] {\n font-size: 6px;\n }\n .text-\\[8px\\] {\n font-size: 8px;\n }\n .text-\\[10px\\] {\n font-size: 10px;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n font-size: calc(var(--size) / 2.50);\n }\n .leading-\\[6px\\] {\n --tw-leading: 6px;\n line-height: 6px;\n }\n .leading-\\[8px\\] {\n --tw-leading: 8px;\n line-height: 8px;\n }\n .leading-\\[10px\\] {\n --tw-leading: 10px;\n line-height: 10px;\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\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 .text-pretty {\n text-wrap: pretty;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-\\(--d-dot-text\\) {\n color: var(--d-dot-text);\n }\n .text-\\(--d-text\\) {\n color: var(--d-text);\n }\n .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n color: var(--description-color,var(--i-description-color));\n }\n .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n color: var(--dismiss-color,var(--i-dismiss-color));\n }\n .text-\\[var\\(--i-text-color\\)\\] {\n color: var(--i-text-color);\n }\n .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n color: var(--icon-color,var(--i-icon-color));\n }\n .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n color: var(--message-color,var(--i-message-color));\n }\n .text-\\[var\\(--tag-text-color\\)\\] {\n color: var(--tag-text-color);\n }\n .text-color-base {\n color: var(--plus-color-text-base);\n }\n .text-color-caption {\n color: var(--plus-color-text-caption);\n }\n .text-color-danger {\n color: var(--plus-color-text-danger);\n }\n .text-color-default {\n color: var(--plus-color-text-default);\n }\n .text-color-disabled {\n color: var(--plus-color-text-disabled);\n }\n .text-color-dynamic {\n color: var(--text-color,var(--i-text-color));\n }\n .text-color-info {\n color: var(--plus-color-text-info);\n }\n .text-color-link {\n color: var(--plus-color-text-link);\n }\n .text-color-placeholder {\n color: var(--plus-color-text-placeholder);\n }\n .text-color-primary {\n color: var(--plus-color-text-primary);\n }\n .text-color-success {\n color: var(--plus-color-text-success);\n }\n .text-color-warning {\n color: var(--plus-color-text-warning);\n }\n .text-inherit {\n color: inherit;\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .opacity-100 {\n opacity: 100%;\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-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-default {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\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 .invert {\n --tw-invert: invert(100%);\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;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-400 {\n --tw-duration: 400ms;\n transition-duration: 400ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-bounce {\n --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n }\n .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg-hover);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-invert-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-invert-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-default-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .group-hover\\/base\\:\\!shadow-none {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n }\n .group-hover\\/base\\:shadow-sm {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\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 }\n }\n .group-active\\/base\\:-ml-1 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1);\n }\n }\n .group-active\\/base\\:-ml-1\\.5 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1.5);\n }\n }\n .group-active\\/base\\:h-4 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4);\n }\n }\n .group-active\\/base\\:h-4\\.5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4.5);\n }\n }\n .group-active\\/base\\:h-5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-6 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6);\n }\n }\n .group-active\\/base\\:w-6\\.5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6.5);\n }\n }\n .group-active\\/base\\:\\!transform-none {\n &:is(:where(.group\\/base):active *) {\n transform: none !important;\n }\n }\n .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg-active);\n }\n }\n .group-active\\/base\\:bg-color-danger-invert-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-invert-pressed);\n }\n }\n .group-active\\/base\\:bg-color-danger-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-pressed);\n }\n }\n .group-active\\/base\\:bg-color-default-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .group-active\\/base\\:bg-color-primary-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .peer-checked\\:scale-100 {\n &:is(:where(.peer):checked ~ *) {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n .peer-checked\\:opacity-100 {\n &:is(:where(.peer):checked ~ *) {\n opacity: 100%;\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .placeholder\\:text-color-danger {\n &::placeholder {\n color: var(--plus-color-text-danger);\n }\n }\n .placeholder\\:text-color-default {\n &::placeholder {\n color: var(--plus-color-text-default);\n }\n }\n .placeholder\\:text-color-disabled {\n &::placeholder {\n color: var(--plus-color-text-disabled);\n }\n }\n .placeholder\\:text-color-placeholder {\n &::placeholder {\n color: var(--plus-color-text-placeholder);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:inset-0 {\n &::before {\n content: var(--tw-content);\n inset: calc(var(--spacing) * 0);\n }\n }\n .before\\:-top-1\\.5 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -1.5);\n }\n }\n .before\\:-left-3 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * -3);\n }\n }\n .before\\:z-10 {\n &::before {\n content: var(--tw-content);\n z-index: 10;\n }\n }\n .before\\:h-10 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 10);\n }\n }\n .before\\:w-10 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 10);\n }\n }\n .before\\:cursor-pointer {\n &::before {\n content: var(--tw-content);\n cursor: pointer;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-transparent {\n &::before {\n content: var(--tw-content);\n background-color: transparent;\n }\n }\n .before\\:content-\\[\\'\\'\\] {\n &::before {\n content: var(--tw-content);\n --tw-content: '';\n content: var(--tw-content);\n }\n }\n .after\\:ml-0\\.5 {\n &::after {\n content: var(--tw-content);\n margin-left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:text-color-default {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-default);\n }\n }\n .after\\:text-color-disabled {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-disabled);\n }\n }\n .after\\:content-\\[\\'\\*\\'\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: '*';\n content: var(--tw-content);\n }\n }\n .visited\\:text-color-visited {\n &:visited {\n color: var(--plus-color-text-visited);\n }\n }\n .empty\\:hidden {\n &:empty {\n display: none;\n }\n }\n .focus-within\\:z-\\[1\\] {\n &:focus-within {\n z-index: 1;\n }\n }\n .focus-within\\:border-color-danger {\n &:focus-within {\n border-color: var(--plus-color-border-danger);\n }\n }\n .focus-within\\:border-color-primary {\n &:focus-within {\n border-color: var(--plus-color-border-primary);\n }\n }\n .focus-within\\:ring-default {\n &:focus-within {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .hover\\:border-color-danger {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-danger);\n }\n }\n }\n .hover\\:border-color-disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-disabled);\n }\n }\n }\n .hover\\:border-color-primary {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-primary);\n }\n }\n }\n .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n &:hover {\n @media (hover: hover) {\n background-color: var(--i-bg-hovered);\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:bg-color-default-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .hover\\:bg-color-dynamic-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--bg-hovered,var(--i-bg-hovered));\n }\n }\n }\n .hover\\:bg-color-primary-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-primary-hovered);\n }\n }\n }\n .hover\\:bg-green-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-green-600);\n }\n }\n }\n .hover\\:bg-transparent {\n &:hover {\n @media (hover: hover) {\n background-color: transparent;\n }\n }\n }\n .hover\\:text-color-caption {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-caption);\n }\n }\n }\n .hover\\:text-color-default {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-default);\n }\n }\n }\n .hover\\:text-color-primary {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-primary);\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-offset-1 {\n &:focus {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n .focus-visible\\:bg-color-dynamic-focused {\n &:focus-visible {\n background-color: var(--bg-focused,var(--i-bg-focused));\n }\n }\n .focus-visible\\:ring-default {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\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-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n &:active {\n background-color: var(--i-bg-pressed);\n }\n }\n .active\\:bg-color-default-pressed {\n &:active {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .active\\:bg-color-dynamic-pressed {\n &:active {\n background-color: var(--bg-pressed,var(--i-bg-pressed));\n }\n }\n .active\\:bg-color-primary-pressed {\n &:active {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .enabled\\:bg-color-surface {\n &:enabled {\n background-color: var(--plus-color-background-surface);\n }\n }\n .enabled\\:text-color-default {\n &:enabled {\n color: var(--plus-color-text-default);\n }\n }\n .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n &:enabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--d-bg-hovered);\n }\n }\n }\n }\n .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:enabled {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n }\n .enabled\\:focus-visible\\:ring-default {\n &:enabled {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n }\n .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n &:enabled {\n &:active {\n background-color: var(--d-bg-pressed);\n }\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .motion-reduce\\:transition-none {\n @media (prefers-reduced-motion: reduce) {\n transition-property: none;\n }\n }\n}\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');\n[theme-dark] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateX(0);\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateY(0);\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: rotateZ(0);\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n initial-value: skewX(0);\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n initial-value: skewY(0);\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-content {\n syntax: \"*\";\n initial-value: \"\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\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-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: rotateX(0);\n --tw-rotate-y: rotateY(0);\n --tw-rotate-z: rotateZ(0);\n --tw-skew-x: skewX(0);\n --tw-skew-y: skewY(0);\n --tw-border-style: solid;\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-outline-style: solid;\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 --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n }\n }\n}";
3
+ var css_248z = "/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer base, plus-ui-core, theme, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: 'Inter', sans-serif;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n --color-neutral-300: oklch(87% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\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: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 2s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --plus-color-base-white: var(--color-white);\n --plus-color-base-black: var(--color-black);\n --plus-color-base-transparent: transparent;\n --plus-color-neutral-100: var(--color-gray-100);\n --plus-color-neutral-200: var(--color-gray-200);\n --plus-color-neutral-300: var(--color-gray-300);\n --plus-color-neutral-400: var(--color-gray-400);\n --plus-color-neutral-500: var(--color-gray-500);\n --plus-color-neutral-600: var(--color-gray-600);\n --plus-color-neutral-700: var(--color-gray-700);\n --plus-color-neutral-800: var(--color-gray-800);\n --plus-color-neutral-900: var(--color-gray-900);\n --plus-color-neutral-950: var(--color-gray-950);\n --plus-color-primary-100: var(--color-indigo-100);\n --plus-color-primary-200: var(--color-indigo-200);\n --plus-color-primary-300: var(--color-indigo-300);\n --plus-color-primary-700: var(--color-indigo-700);\n --plus-color-primary-800: var(--color-indigo-800);\n --plus-color-primary-900: var(--color-indigo-900);\n --plus-color-info-100: var(--color-blue-100);\n --plus-color-info-200: var(--color-blue-200);\n --plus-color-info-300: var(--color-blue-300);\n --plus-color-info-700: var(--color-blue-700);\n --plus-color-info-800: var(--color-blue-800);\n --plus-color-info-900: var(--color-blue-900);\n --plus-color-success-100: var(--color-green-100);\n --plus-color-success-200: var(--color-green-200);\n --plus-color-success-300: var(--color-green-300);\n --plus-color-success-700: var(--color-green-700);\n --plus-color-success-800: var(--color-green-800);\n --plus-color-success-900: var(--color-green-900);\n --plus-color-warning-100: var(--color-yellow-100);\n --plus-color-warning-200: var(--color-yellow-200);\n --plus-color-warning-300: var(--color-yellow-300);\n --plus-color-warning-700: var(--color-yellow-700);\n --plus-color-warning-800: var(--color-yellow-800);\n --plus-color-warning-900: var(--color-yellow-900);\n --plus-color-danger-100: var(--color-red-100);\n --plus-color-danger-200: var(--color-red-200);\n --plus-color-danger-300: var(--color-red-300);\n --plus-color-danger-700: var(--color-red-700);\n --plus-color-danger-800: var(--color-red-800);\n --plus-color-danger-900: var(--color-red-900);\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n --plus-border-radius-default: var(--radius-sm);\n --plus-border-radius-modal: var(--radius-lg);\n --radius-default: var(--plus-border-radius-default);\n }\n}\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\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 .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-0\\.5 {\n top: calc(var(--spacing) * 0.5);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-0\\.5 {\n left: calc(var(--spacing) * 0.5);\n }\n .left-1 {\n left: calc(var(--spacing) * 1);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-5 {\n left: calc(var(--spacing) * 5);\n }\n .z-10 {\n z-index: 10;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[1\\] {\n z-index: 1;\n }\n .z-\\[1000\\] {\n z-index: 1000;\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 .mx-\\(--divider-spacing\\) {\n margin-inline: var(--divider-spacing);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-1\\.5 {\n margin-left: calc(var(--spacing) * 1.5);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .box-content {\n box-sizing: content-box;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-flex {\n display: inline-flex;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n height: calc(var(--spacing) * 4.5);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n .size-\\[var\\(--size\\)\\] {\n width: var(--size);\n height: var(--size);\n }\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-2\\/5 {\n height: calc(2/5 * 100%);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-6\\.5 {\n height: calc(var(--spacing) * 6.5);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-96 {\n height: calc(var(--spacing) * 96);\n }\n .h-\\[48px\\] {\n height: 48px;\n }\n .h-\\[52px\\] {\n height: 52px;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[90vh\\] {\n max-height: 90vh;\n }\n .min-h-\\[52px\\] {\n min-height: 52px;\n }\n .min-h-\\[60px\\] {\n min-height: 60px;\n }\n .min-h-\\[68px\\] {\n min-height: 68px;\n }\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-13 {\n width: calc(var(--spacing) * 13);\n }\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-96 {\n width: calc(var(--spacing) * 96);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-80 {\n max-width: calc(var(--spacing) * 80);\n }\n .max-w-96 {\n max-width: calc(var(--spacing) * 96);\n }\n .max-w-\\[256px\\] {\n max-width: 256px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\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-none {\n max-width: none;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-9 {\n min-width: calc(var(--spacing) * 9);\n }\n .min-w-full {\n min-width: 100%;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .origin-left {\n transform-origin: left;\n }\n .origin-right {\n transform-origin: right;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[50\\%\\] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n --tw-translate-x: calc(2.5rem - 1.25rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n --tw-translate-x: calc(3.5rem - 1.75rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-full {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[50\\%\\] {\n --tw-translate-y: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-0 {\n --tw-scale-x: 0%;\n --tw-scale-y: 0%;\n --tw-scale-z: 0%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .rotate-45 {\n rotate: 45deg;\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 .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .cursor-text {\n cursor: text;\n }\n .cursor-wait {\n cursor: wait;\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 .appearance-none {\n appearance: none;\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-baseline {\n align-items: baseline;\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-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 .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-x-5 {\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-default {\n border-radius: var(--radius-default);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\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-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-\\(--d-border\\) {\n border-color: var(--d-border);\n }\n .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-danger {\n border-color: var(--plus-color-border-danger);\n }\n .border-color-default {\n border-color: var(--plus-color-border-default);\n }\n .border-color-disabled {\n border-color: var(--plus-color-border-disabled);\n }\n .border-color-dynamic {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-primary {\n border-color: var(--plus-color-border-primary);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-r-color-primary {\n border-right-color: var(--plus-color-border-primary);\n }\n .border-r-transparent {\n border-right-color: transparent;\n }\n .border-b-color-primary {\n border-bottom-color: var(--plus-color-border-primary);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .bg-\\(--d-bg-checked\\) {\n background-color: var(--d-bg-checked);\n }\n .bg-\\(--d-bg-default\\) {\n background-color: var(--d-bg-default);\n }\n .bg-\\(--d-bg-loading\\) {\n background-color: var(--d-bg-loading);\n }\n .bg-\\(--d-dot-bg\\) {\n background-color: var(--d-dot-bg);\n }\n .bg-\\(--d-switch-bg\\) {\n background-color: var(--d-switch-bg);\n }\n .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n background-color: var(--bg-color,var(--i-bg-color));\n }\n .bg-\\[var\\(--i-bg-default\\)\\] {\n background-color: var(--i-bg-default);\n }\n .bg-\\[var\\(--i-selected-bg\\)\\] {\n background-color: var(--i-selected-bg);\n }\n .bg-\\[var\\(--tag-bg-color\\)\\] {\n background-color: var(--tag-bg-color);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-color-danger-default {\n background-color: var(--plus-color-background-danger-default);\n }\n .bg-color-danger-invert-default {\n background-color: var(--plus-color-background-danger-invert-default);\n }\n .bg-color-default-invert-default {\n background-color: var(--plus-color-background-default-invert-default);\n }\n .bg-color-disabled {\n background-color: var(--plus-color-background-disabled-default);\n }\n .bg-color-dynamic-default {\n background-color: var(--bg-default,var(--i-bg-default));\n }\n .bg-color-modal {\n background-color: var(--plus-color-background-modal);\n }\n .bg-color-overlay\\/50 {\n background-color: color-mix(in srgb, oklch(13% 0.028 261.692) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n }\n }\n .bg-color-primary-default {\n background-color: var(--plus-color-background-primary-default);\n }\n .bg-color-surface {\n background-color: var(--plus-color-background-surface);\n }\n .bg-green-500 {\n background-color: var(--color-green-500);\n }\n .bg-inherit {\n background-color: inherit;\n }\n .bg-transparent {\n background-color: transparent;\n }\n .fill-\\(--d-text\\) {\n fill: var(--d-text);\n }\n .fill-current {\n fill: currentcolor;\n }\n .object-cover {\n object-fit: cover;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-0\\.5 {\n padding: calc(var(--spacing) * 0.5);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-3\\.5 {\n padding: calc(var(--spacing) * 3.5);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-2\\.5 {\n padding-right: calc(var(--spacing) * 2.5);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\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 .plus-ui-element {\n font-family: var(--font-sans);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--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(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-\\[6px\\] {\n font-size: 6px;\n }\n .text-\\[8px\\] {\n font-size: 8px;\n }\n .text-\\[10px\\] {\n font-size: 10px;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n font-size: calc(var(--size) / 2.50);\n }\n .leading-\\[6px\\] {\n --tw-leading: 6px;\n line-height: 6px;\n }\n .leading-\\[8px\\] {\n --tw-leading: 8px;\n line-height: 8px;\n }\n .leading-\\[10px\\] {\n --tw-leading: 10px;\n line-height: 10px;\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\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 .text-pretty {\n text-wrap: pretty;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-\\(--d-dot-text\\) {\n color: var(--d-dot-text);\n }\n .text-\\(--d-text\\) {\n color: var(--d-text);\n }\n .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n color: var(--description-color,var(--i-description-color));\n }\n .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n color: var(--dismiss-color,var(--i-dismiss-color));\n }\n .text-\\[var\\(--i-text-color\\)\\] {\n color: var(--i-text-color);\n }\n .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n color: var(--icon-color,var(--i-icon-color));\n }\n .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n color: var(--message-color,var(--i-message-color));\n }\n .text-\\[var\\(--tag-text-color\\)\\] {\n color: var(--tag-text-color);\n }\n .text-color-base {\n color: var(--plus-color-text-base);\n }\n .text-color-caption {\n color: var(--plus-color-text-caption);\n }\n .text-color-danger {\n color: var(--plus-color-text-danger);\n }\n .text-color-default {\n color: var(--plus-color-text-default);\n }\n .text-color-disabled {\n color: var(--plus-color-text-disabled);\n }\n .text-color-dynamic {\n color: var(--text-color,var(--i-text-color));\n }\n .text-color-info {\n color: var(--plus-color-text-info);\n }\n .text-color-link {\n color: var(--plus-color-text-link);\n }\n .text-color-placeholder {\n color: var(--plus-color-text-placeholder);\n }\n .text-color-primary {\n color: var(--plus-color-text-primary);\n }\n .text-color-success {\n color: var(--plus-color-text-success);\n }\n .text-color-warning {\n color: var(--plus-color-text-warning);\n }\n .text-inherit {\n color: inherit;\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .opacity-100 {\n opacity: 100%;\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-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-default {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\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 .invert {\n --tw-invert: invert(100%);\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, visibility, 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 .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-400 {\n --tw-duration: 400ms;\n transition-duration: 400ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-bounce {\n --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n }\n .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg-hover);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-invert-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-invert-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-default-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .group-hover\\/base\\:\\!shadow-none {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n }\n .group-hover\\/base\\:shadow-sm {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\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 }\n }\n .group-active\\/base\\:-ml-1 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1);\n }\n }\n .group-active\\/base\\:-ml-1\\.5 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1.5);\n }\n }\n .group-active\\/base\\:h-4 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4);\n }\n }\n .group-active\\/base\\:h-4\\.5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4.5);\n }\n }\n .group-active\\/base\\:h-5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-6 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6);\n }\n }\n .group-active\\/base\\:w-6\\.5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6.5);\n }\n }\n .group-active\\/base\\:\\!transform-none {\n &:is(:where(.group\\/base):active *) {\n transform: none !important;\n }\n }\n .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg-active);\n }\n }\n .group-active\\/base\\:bg-color-danger-invert-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-invert-pressed);\n }\n }\n .group-active\\/base\\:bg-color-danger-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-pressed);\n }\n }\n .group-active\\/base\\:bg-color-default-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .group-active\\/base\\:bg-color-primary-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .peer-checked\\:scale-100 {\n &:is(:where(.peer):checked ~ *) {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n .peer-checked\\:opacity-100 {\n &:is(:where(.peer):checked ~ *) {\n opacity: 100%;\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .placeholder\\:text-color-danger {\n &::placeholder {\n color: var(--plus-color-text-danger);\n }\n }\n .placeholder\\:text-color-default {\n &::placeholder {\n color: var(--plus-color-text-default);\n }\n }\n .placeholder\\:text-color-disabled {\n &::placeholder {\n color: var(--plus-color-text-disabled);\n }\n }\n .placeholder\\:text-color-placeholder {\n &::placeholder {\n color: var(--plus-color-text-placeholder);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:inset-0 {\n &::before {\n content: var(--tw-content);\n inset: calc(var(--spacing) * 0);\n }\n }\n .before\\:-top-1\\.5 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -1.5);\n }\n }\n .before\\:-left-3 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * -3);\n }\n }\n .before\\:z-10 {\n &::before {\n content: var(--tw-content);\n z-index: 10;\n }\n }\n .before\\:h-10 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 10);\n }\n }\n .before\\:w-10 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 10);\n }\n }\n .before\\:cursor-pointer {\n &::before {\n content: var(--tw-content);\n cursor: pointer;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-transparent {\n &::before {\n content: var(--tw-content);\n background-color: transparent;\n }\n }\n .before\\:content-\\[\\'\\'\\] {\n &::before {\n content: var(--tw-content);\n --tw-content: '';\n content: var(--tw-content);\n }\n }\n .after\\:ml-0\\.5 {\n &::after {\n content: var(--tw-content);\n margin-left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:text-color-default {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-default);\n }\n }\n .after\\:text-color-disabled {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-disabled);\n }\n }\n .after\\:content-\\[\\'\\*\\'\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: '*';\n content: var(--tw-content);\n }\n }\n .visited\\:text-color-visited {\n &:visited {\n color: var(--plus-color-text-visited);\n }\n }\n .empty\\:hidden {\n &:empty {\n display: none;\n }\n }\n .focus-within\\:z-\\[1\\] {\n &:focus-within {\n z-index: 1;\n }\n }\n .focus-within\\:border-color-danger {\n &:focus-within {\n border-color: var(--plus-color-border-danger);\n }\n }\n .focus-within\\:border-color-primary {\n &:focus-within {\n border-color: var(--plus-color-border-primary);\n }\n }\n .focus-within\\:ring-default {\n &:focus-within {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .hover\\:border-color-danger {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-danger);\n }\n }\n }\n .hover\\:border-color-disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-disabled);\n }\n }\n }\n .hover\\:border-color-primary {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-primary);\n }\n }\n }\n .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n &:hover {\n @media (hover: hover) {\n background-color: var(--i-bg-hovered);\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:bg-color-default-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .hover\\:bg-color-dynamic-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--bg-hovered,var(--i-bg-hovered));\n }\n }\n }\n .hover\\:bg-color-primary-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-primary-hovered);\n }\n }\n }\n .hover\\:bg-green-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-green-600);\n }\n }\n }\n .hover\\:bg-transparent {\n &:hover {\n @media (hover: hover) {\n background-color: transparent;\n }\n }\n }\n .hover\\:text-color-caption {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-caption);\n }\n }\n }\n .hover\\:text-color-default {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-default);\n }\n }\n }\n .hover\\:text-color-primary {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-primary);\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-offset-1 {\n &:focus {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n .focus-visible\\:bg-color-dynamic-focused {\n &:focus-visible {\n background-color: var(--bg-focused,var(--i-bg-focused));\n }\n }\n .focus-visible\\:ring-default {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\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-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n &:active {\n background-color: var(--i-bg-pressed);\n }\n }\n .active\\:bg-color-default-pressed {\n &:active {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .active\\:bg-color-dynamic-pressed {\n &:active {\n background-color: var(--bg-pressed,var(--i-bg-pressed));\n }\n }\n .active\\:bg-color-primary-pressed {\n &:active {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n &:enabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--d-bg-hovered);\n }\n }\n }\n }\n .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:enabled {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n }\n .enabled\\:focus-visible\\:ring-default {\n &:enabled {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n }\n .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n &:enabled {\n &:active {\n background-color: var(--d-bg-pressed);\n }\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .motion-reduce\\:transition-none {\n @media (prefers-reduced-motion: reduce) {\n transition-property: none;\n }\n }\n}\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');\n[data-theme='dark'] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\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-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-content {\n syntax: \"*\";\n initial-value: \"\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\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-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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-border-style: solid;\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-outline-style: solid;\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 --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n }\n }\n}\n";
4
+ var stylesheet="/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer base, plus-ui-core, theme, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: 'Inter', sans-serif;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n --color-neutral-300: oklch(87% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\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: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 2s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --plus-color-base-white: var(--color-white);\n --plus-color-base-black: var(--color-black);\n --plus-color-base-transparent: transparent;\n --plus-color-neutral-100: var(--color-gray-100);\n --plus-color-neutral-200: var(--color-gray-200);\n --plus-color-neutral-300: var(--color-gray-300);\n --plus-color-neutral-400: var(--color-gray-400);\n --plus-color-neutral-500: var(--color-gray-500);\n --plus-color-neutral-600: var(--color-gray-600);\n --plus-color-neutral-700: var(--color-gray-700);\n --plus-color-neutral-800: var(--color-gray-800);\n --plus-color-neutral-900: var(--color-gray-900);\n --plus-color-neutral-950: var(--color-gray-950);\n --plus-color-primary-100: var(--color-indigo-100);\n --plus-color-primary-200: var(--color-indigo-200);\n --plus-color-primary-300: var(--color-indigo-300);\n --plus-color-primary-700: var(--color-indigo-700);\n --plus-color-primary-800: var(--color-indigo-800);\n --plus-color-primary-900: var(--color-indigo-900);\n --plus-color-info-100: var(--color-blue-100);\n --plus-color-info-200: var(--color-blue-200);\n --plus-color-info-300: var(--color-blue-300);\n --plus-color-info-700: var(--color-blue-700);\n --plus-color-info-800: var(--color-blue-800);\n --plus-color-info-900: var(--color-blue-900);\n --plus-color-success-100: var(--color-green-100);\n --plus-color-success-200: var(--color-green-200);\n --plus-color-success-300: var(--color-green-300);\n --plus-color-success-700: var(--color-green-700);\n --plus-color-success-800: var(--color-green-800);\n --plus-color-success-900: var(--color-green-900);\n --plus-color-warning-100: var(--color-yellow-100);\n --plus-color-warning-200: var(--color-yellow-200);\n --plus-color-warning-300: var(--color-yellow-300);\n --plus-color-warning-700: var(--color-yellow-700);\n --plus-color-warning-800: var(--color-yellow-800);\n --plus-color-warning-900: var(--color-yellow-900);\n --plus-color-danger-100: var(--color-red-100);\n --plus-color-danger-200: var(--color-red-200);\n --plus-color-danger-300: var(--color-red-300);\n --plus-color-danger-700: var(--color-red-700);\n --plus-color-danger-800: var(--color-red-800);\n --plus-color-danger-900: var(--color-red-900);\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n --plus-border-radius-default: var(--radius-sm);\n --plus-border-radius-modal: var(--radius-lg);\n --radius-default: var(--plus-border-radius-default);\n }\n}\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\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 .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-0\\.5 {\n top: calc(var(--spacing) * 0.5);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-0\\.5 {\n left: calc(var(--spacing) * 0.5);\n }\n .left-1 {\n left: calc(var(--spacing) * 1);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-5 {\n left: calc(var(--spacing) * 5);\n }\n .z-10 {\n z-index: 10;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[1\\] {\n z-index: 1;\n }\n .z-\\[1000\\] {\n z-index: 1000;\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 .mx-\\(--divider-spacing\\) {\n margin-inline: var(--divider-spacing);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-1\\.5 {\n margin-left: calc(var(--spacing) * 1.5);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .box-content {\n box-sizing: content-box;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-flex {\n display: inline-flex;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n height: calc(var(--spacing) * 4.5);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n .size-\\[var\\(--size\\)\\] {\n width: var(--size);\n height: var(--size);\n }\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-2\\/5 {\n height: calc(2/5 * 100%);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-6\\.5 {\n height: calc(var(--spacing) * 6.5);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-96 {\n height: calc(var(--spacing) * 96);\n }\n .h-\\[48px\\] {\n height: 48px;\n }\n .h-\\[52px\\] {\n height: 52px;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[90vh\\] {\n max-height: 90vh;\n }\n .min-h-\\[52px\\] {\n min-height: 52px;\n }\n .min-h-\\[60px\\] {\n min-height: 60px;\n }\n .min-h-\\[68px\\] {\n min-height: 68px;\n }\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-13 {\n width: calc(var(--spacing) * 13);\n }\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-96 {\n width: calc(var(--spacing) * 96);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-80 {\n max-width: calc(var(--spacing) * 80);\n }\n .max-w-96 {\n max-width: calc(var(--spacing) * 96);\n }\n .max-w-\\[256px\\] {\n max-width: 256px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\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-none {\n max-width: none;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-9 {\n min-width: calc(var(--spacing) * 9);\n }\n .min-w-full {\n min-width: 100%;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .origin-left {\n transform-origin: left;\n }\n .origin-right {\n transform-origin: right;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[50\\%\\] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n --tw-translate-x: calc(2.5rem - 1.25rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n --tw-translate-x: calc(3.5rem - 1.75rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-full {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[50\\%\\] {\n --tw-translate-y: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-0 {\n --tw-scale-x: 0%;\n --tw-scale-y: 0%;\n --tw-scale-z: 0%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .rotate-45 {\n rotate: 45deg;\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 .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .cursor-text {\n cursor: text;\n }\n .cursor-wait {\n cursor: wait;\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 .appearance-none {\n appearance: none;\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-baseline {\n align-items: baseline;\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-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 .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-x-5 {\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-default {\n border-radius: var(--radius-default);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\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-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-\\(--d-border\\) {\n border-color: var(--d-border);\n }\n .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-danger {\n border-color: var(--plus-color-border-danger);\n }\n .border-color-default {\n border-color: var(--plus-color-border-default);\n }\n .border-color-disabled {\n border-color: var(--plus-color-border-disabled);\n }\n .border-color-dynamic {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-primary {\n border-color: var(--plus-color-border-primary);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-r-color-primary {\n border-right-color: var(--plus-color-border-primary);\n }\n .border-r-transparent {\n border-right-color: transparent;\n }\n .border-b-color-primary {\n border-bottom-color: var(--plus-color-border-primary);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .bg-\\(--d-bg-checked\\) {\n background-color: var(--d-bg-checked);\n }\n .bg-\\(--d-bg-default\\) {\n background-color: var(--d-bg-default);\n }\n .bg-\\(--d-bg-loading\\) {\n background-color: var(--d-bg-loading);\n }\n .bg-\\(--d-dot-bg\\) {\n background-color: var(--d-dot-bg);\n }\n .bg-\\(--d-switch-bg\\) {\n background-color: var(--d-switch-bg);\n }\n .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n background-color: var(--bg-color,var(--i-bg-color));\n }\n .bg-\\[var\\(--i-bg-default\\)\\] {\n background-color: var(--i-bg-default);\n }\n .bg-\\[var\\(--i-selected-bg\\)\\] {\n background-color: var(--i-selected-bg);\n }\n .bg-\\[var\\(--tag-bg-color\\)\\] {\n background-color: var(--tag-bg-color);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-color-danger-default {\n background-color: var(--plus-color-background-danger-default);\n }\n .bg-color-danger-invert-default {\n background-color: var(--plus-color-background-danger-invert-default);\n }\n .bg-color-default-invert-default {\n background-color: var(--plus-color-background-default-invert-default);\n }\n .bg-color-disabled {\n background-color: var(--plus-color-background-disabled-default);\n }\n .bg-color-dynamic-default {\n background-color: var(--bg-default,var(--i-bg-default));\n }\n .bg-color-modal {\n background-color: var(--plus-color-background-modal);\n }\n .bg-color-overlay\\/50 {\n background-color: color-mix(in srgb, oklch(13% 0.028 261.692) 50%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n }\n }\n .bg-color-primary-default {\n background-color: var(--plus-color-background-primary-default);\n }\n .bg-color-surface {\n background-color: var(--plus-color-background-surface);\n }\n .bg-green-500 {\n background-color: var(--color-green-500);\n }\n .bg-inherit {\n background-color: inherit;\n }\n .bg-transparent {\n background-color: transparent;\n }\n .fill-\\(--d-text\\) {\n fill: var(--d-text);\n }\n .fill-current {\n fill: currentcolor;\n }\n .object-cover {\n object-fit: cover;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-0\\.5 {\n padding: calc(var(--spacing) * 0.5);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-3\\.5 {\n padding: calc(var(--spacing) * 3.5);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-2\\.5 {\n padding-right: calc(var(--spacing) * 2.5);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\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 .plus-ui-element {\n font-family: var(--font-sans);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--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(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-\\[6px\\] {\n font-size: 6px;\n }\n .text-\\[8px\\] {\n font-size: 8px;\n }\n .text-\\[10px\\] {\n font-size: 10px;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n font-size: calc(var(--size) / 2.50);\n }\n .leading-\\[6px\\] {\n --tw-leading: 6px;\n line-height: 6px;\n }\n .leading-\\[8px\\] {\n --tw-leading: 8px;\n line-height: 8px;\n }\n .leading-\\[10px\\] {\n --tw-leading: 10px;\n line-height: 10px;\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\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 .text-pretty {\n text-wrap: pretty;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-\\(--d-dot-text\\) {\n color: var(--d-dot-text);\n }\n .text-\\(--d-text\\) {\n color: var(--d-text);\n }\n .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n color: var(--description-color,var(--i-description-color));\n }\n .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n color: var(--dismiss-color,var(--i-dismiss-color));\n }\n .text-\\[var\\(--i-text-color\\)\\] {\n color: var(--i-text-color);\n }\n .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n color: var(--icon-color,var(--i-icon-color));\n }\n .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n color: var(--message-color,var(--i-message-color));\n }\n .text-\\[var\\(--tag-text-color\\)\\] {\n color: var(--tag-text-color);\n }\n .text-color-base {\n color: var(--plus-color-text-base);\n }\n .text-color-caption {\n color: var(--plus-color-text-caption);\n }\n .text-color-danger {\n color: var(--plus-color-text-danger);\n }\n .text-color-default {\n color: var(--plus-color-text-default);\n }\n .text-color-disabled {\n color: var(--plus-color-text-disabled);\n }\n .text-color-dynamic {\n color: var(--text-color,var(--i-text-color));\n }\n .text-color-info {\n color: var(--plus-color-text-info);\n }\n .text-color-link {\n color: var(--plus-color-text-link);\n }\n .text-color-placeholder {\n color: var(--plus-color-text-placeholder);\n }\n .text-color-primary {\n color: var(--plus-color-text-primary);\n }\n .text-color-success {\n color: var(--plus-color-text-success);\n }\n .text-color-warning {\n color: var(--plus-color-text-warning);\n }\n .text-inherit {\n color: inherit;\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .opacity-100 {\n opacity: 100%;\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-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-default {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\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 .invert {\n --tw-invert: invert(100%);\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, visibility, 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 .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-400 {\n --tw-duration: 400ms;\n transition-duration: 400ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-bounce {\n --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n }\n .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg-hover);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-invert-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-invert-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-default-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .group-hover\\/base\\:\\!shadow-none {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n }\n .group-hover\\/base\\:shadow-sm {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\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 }\n }\n .group-active\\/base\\:-ml-1 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1);\n }\n }\n .group-active\\/base\\:-ml-1\\.5 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1.5);\n }\n }\n .group-active\\/base\\:h-4 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4);\n }\n }\n .group-active\\/base\\:h-4\\.5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4.5);\n }\n }\n .group-active\\/base\\:h-5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-6 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6);\n }\n }\n .group-active\\/base\\:w-6\\.5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6.5);\n }\n }\n .group-active\\/base\\:\\!transform-none {\n &:is(:where(.group\\/base):active *) {\n transform: none !important;\n }\n }\n .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg-active);\n }\n }\n .group-active\\/base\\:bg-color-danger-invert-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-invert-pressed);\n }\n }\n .group-active\\/base\\:bg-color-danger-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-pressed);\n }\n }\n .group-active\\/base\\:bg-color-default-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .group-active\\/base\\:bg-color-primary-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .peer-checked\\:scale-100 {\n &:is(:where(.peer):checked ~ *) {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n .peer-checked\\:opacity-100 {\n &:is(:where(.peer):checked ~ *) {\n opacity: 100%;\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .placeholder\\:text-color-danger {\n &::placeholder {\n color: var(--plus-color-text-danger);\n }\n }\n .placeholder\\:text-color-default {\n &::placeholder {\n color: var(--plus-color-text-default);\n }\n }\n .placeholder\\:text-color-disabled {\n &::placeholder {\n color: var(--plus-color-text-disabled);\n }\n }\n .placeholder\\:text-color-placeholder {\n &::placeholder {\n color: var(--plus-color-text-placeholder);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:inset-0 {\n &::before {\n content: var(--tw-content);\n inset: calc(var(--spacing) * 0);\n }\n }\n .before\\:-top-1\\.5 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -1.5);\n }\n }\n .before\\:-left-3 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * -3);\n }\n }\n .before\\:z-10 {\n &::before {\n content: var(--tw-content);\n z-index: 10;\n }\n }\n .before\\:h-10 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 10);\n }\n }\n .before\\:w-10 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 10);\n }\n }\n .before\\:cursor-pointer {\n &::before {\n content: var(--tw-content);\n cursor: pointer;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-transparent {\n &::before {\n content: var(--tw-content);\n background-color: transparent;\n }\n }\n .before\\:content-\\[\\'\\'\\] {\n &::before {\n content: var(--tw-content);\n --tw-content: '';\n content: var(--tw-content);\n }\n }\n .after\\:ml-0\\.5 {\n &::after {\n content: var(--tw-content);\n margin-left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:text-color-default {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-default);\n }\n }\n .after\\:text-color-disabled {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-disabled);\n }\n }\n .after\\:content-\\[\\'\\*\\'\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: '*';\n content: var(--tw-content);\n }\n }\n .visited\\:text-color-visited {\n &:visited {\n color: var(--plus-color-text-visited);\n }\n }\n .empty\\:hidden {\n &:empty {\n display: none;\n }\n }\n .focus-within\\:z-\\[1\\] {\n &:focus-within {\n z-index: 1;\n }\n }\n .focus-within\\:border-color-danger {\n &:focus-within {\n border-color: var(--plus-color-border-danger);\n }\n }\n .focus-within\\:border-color-primary {\n &:focus-within {\n border-color: var(--plus-color-border-primary);\n }\n }\n .focus-within\\:ring-default {\n &:focus-within {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .hover\\:border-color-danger {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-danger);\n }\n }\n }\n .hover\\:border-color-disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-disabled);\n }\n }\n }\n .hover\\:border-color-primary {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-primary);\n }\n }\n }\n .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n &:hover {\n @media (hover: hover) {\n background-color: var(--i-bg-hovered);\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:bg-color-default-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .hover\\:bg-color-dynamic-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--bg-hovered,var(--i-bg-hovered));\n }\n }\n }\n .hover\\:bg-color-primary-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-primary-hovered);\n }\n }\n }\n .hover\\:bg-green-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-green-600);\n }\n }\n }\n .hover\\:bg-transparent {\n &:hover {\n @media (hover: hover) {\n background-color: transparent;\n }\n }\n }\n .hover\\:text-color-caption {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-caption);\n }\n }\n }\n .hover\\:text-color-default {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-default);\n }\n }\n }\n .hover\\:text-color-primary {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-primary);\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-offset-1 {\n &:focus {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n .focus-visible\\:bg-color-dynamic-focused {\n &:focus-visible {\n background-color: var(--bg-focused,var(--i-bg-focused));\n }\n }\n .focus-visible\\:ring-default {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\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-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n &:active {\n background-color: var(--i-bg-pressed);\n }\n }\n .active\\:bg-color-default-pressed {\n &:active {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .active\\:bg-color-dynamic-pressed {\n &:active {\n background-color: var(--bg-pressed,var(--i-bg-pressed));\n }\n }\n .active\\:bg-color-primary-pressed {\n &:active {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n &:enabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--d-bg-hovered);\n }\n }\n }\n }\n .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:enabled {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n }\n .enabled\\:focus-visible\\:ring-default {\n &:enabled {\n &:focus-visible {\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 --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n }\n .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n &:enabled {\n &:active {\n background-color: var(--d-bg-pressed);\n }\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .motion-reduce\\:transition-none {\n @media (prefers-reduced-motion: reduce) {\n transition-property: none;\n }\n }\n}\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');\n[data-theme='dark'] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\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-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-content {\n syntax: \"*\";\n initial-value: \"\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\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-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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-border-style: solid;\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-outline-style: solid;\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 --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n }\n }\n}\n";
5
5
  styleInject(css_248z);
6
6
 
7
7
  export { css_248z as default, stylesheet };