@xjur-ui/react 1.0.6 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (336) hide show
  1. package/.turbo/turbo-build.log +279 -68
  2. package/CHANGELOG.md +114 -0
  3. package/README.md +146 -0
  4. package/dist/chunk-2CM3SFOY.js +2 -0
  5. package/dist/chunk-2CM3SFOY.js.map +1 -0
  6. package/dist/chunk-2CTBH6VI.js +2 -0
  7. package/dist/chunk-2CTBH6VI.js.map +1 -0
  8. package/dist/chunk-4BGTC333.js +2 -0
  9. package/dist/chunk-4BGTC333.js.map +1 -0
  10. package/dist/chunk-5WLIDYZH.js +2 -0
  11. package/dist/chunk-5WLIDYZH.js.map +1 -0
  12. package/dist/chunk-6AD6O6II.js +2 -0
  13. package/dist/chunk-6AD6O6II.js.map +1 -0
  14. package/dist/chunk-AA6V5YEC.js +2 -0
  15. package/dist/chunk-AA6V5YEC.js.map +1 -0
  16. package/dist/chunk-BK6FP63A.js +2 -0
  17. package/dist/chunk-BK6FP63A.js.map +1 -0
  18. package/dist/chunk-BZDGWC5O.js +2 -0
  19. package/dist/chunk-BZDGWC5O.js.map +1 -0
  20. package/dist/chunk-CBFC4QME.js +2 -0
  21. package/dist/chunk-CBFC4QME.js.map +1 -0
  22. package/dist/chunk-CI3ZXWEX.js +2 -0
  23. package/dist/chunk-CI3ZXWEX.js.map +1 -0
  24. package/dist/chunk-DFXHNK5D.js +2 -0
  25. package/dist/chunk-DFXHNK5D.js.map +1 -0
  26. package/dist/chunk-EIG6CBTQ.js +2 -0
  27. package/dist/chunk-EIG6CBTQ.js.map +1 -0
  28. package/dist/chunk-EXC2XOL6.js +2 -0
  29. package/dist/chunk-EXC2XOL6.js.map +1 -0
  30. package/dist/chunk-F4DYKYWJ.js +2 -0
  31. package/dist/chunk-F4DYKYWJ.js.map +1 -0
  32. package/dist/chunk-F5ZLEQGN.js +2 -0
  33. package/dist/chunk-F5ZLEQGN.js.map +1 -0
  34. package/dist/chunk-IKL6PSXU.js +2 -0
  35. package/dist/chunk-IKL6PSXU.js.map +1 -0
  36. package/dist/chunk-IRHU7PDO.js +2 -0
  37. package/dist/chunk-IRHU7PDO.js.map +1 -0
  38. package/dist/chunk-J4X5RQTR.js +2 -0
  39. package/dist/chunk-J4X5RQTR.js.map +1 -0
  40. package/dist/chunk-KIFR5VIE.js +2 -0
  41. package/dist/chunk-KIFR5VIE.js.map +1 -0
  42. package/dist/chunk-KS6WGBHQ.js +2 -0
  43. package/dist/chunk-KS6WGBHQ.js.map +1 -0
  44. package/dist/chunk-L4ET6GIZ.js +2 -0
  45. package/dist/chunk-L4ET6GIZ.js.map +1 -0
  46. package/dist/chunk-MZSV4LNY.js +2 -0
  47. package/dist/chunk-MZSV4LNY.js.map +1 -0
  48. package/dist/chunk-NELCN6E2.js +2 -0
  49. package/dist/chunk-NELCN6E2.js.map +1 -0
  50. package/dist/chunk-OS53BV63.js +3 -0
  51. package/dist/chunk-OS53BV63.js.map +1 -0
  52. package/dist/chunk-PKCW37CJ.js +2 -0
  53. package/dist/chunk-PKCW37CJ.js.map +1 -0
  54. package/dist/chunk-RWMV7APX.js +2 -0
  55. package/dist/chunk-RWMV7APX.js.map +1 -0
  56. package/dist/chunk-SLAAEXWI.js +2 -0
  57. package/dist/chunk-SLAAEXWI.js.map +1 -0
  58. package/dist/chunk-SXGSWVMZ.js +2 -0
  59. package/dist/chunk-SXGSWVMZ.js.map +1 -0
  60. package/dist/chunk-TB6KI6CL.js +2 -0
  61. package/dist/chunk-TB6KI6CL.js.map +1 -0
  62. package/dist/chunk-TSVURBUY.js +2 -0
  63. package/dist/chunk-TSVURBUY.js.map +1 -0
  64. package/dist/chunk-UXIVZWLB.js +2 -0
  65. package/dist/chunk-UXIVZWLB.js.map +1 -0
  66. package/dist/chunk-WEBAXQID.js +2 -0
  67. package/dist/chunk-WEBAXQID.js.map +1 -0
  68. package/dist/chunk-WV7QV2PU.js +2 -0
  69. package/dist/chunk-WV7QV2PU.js.map +1 -0
  70. package/dist/chunk-Z47R2CIM.js +2 -0
  71. package/dist/chunk-Z47R2CIM.js.map +1 -0
  72. package/dist/chunk-ZVVPUP7V.js +2 -0
  73. package/dist/chunk-ZVVPUP7V.js.map +1 -0
  74. package/dist/components/avatar-group.js +2 -179
  75. package/dist/components/avatar-group.js.map +1 -0
  76. package/dist/components/avatar.js +2 -59
  77. package/dist/components/avatar.js.map +1 -0
  78. package/dist/components/badge.js +2 -111
  79. package/dist/components/badge.js.map +1 -0
  80. package/dist/components/breadcrumb.d.ts +20 -0
  81. package/dist/components/breadcrumb.js +2 -0
  82. package/dist/components/breadcrumb.js.map +1 -0
  83. package/dist/components/chip.d.ts +5 -2
  84. package/dist/components/chip.js +2 -256
  85. package/dist/components/chip.js.map +1 -0
  86. package/dist/components/collapsible.js +2 -41
  87. package/dist/components/collapsible.js.map +1 -0
  88. package/dist/components/dialog.d.ts +51 -0
  89. package/dist/components/dialog.js +2 -0
  90. package/dist/components/dialog.js.map +1 -0
  91. package/dist/components/divider.js +2 -29
  92. package/dist/components/divider.js.map +1 -0
  93. package/dist/components/drag-and-drop/drag-handle.d.ts +15 -0
  94. package/dist/components/drag-and-drop/drag-handle.js +2 -0
  95. package/dist/components/drag-and-drop/drag-handle.js.map +1 -0
  96. package/dist/components/drag-and-drop/drag-list-item.d.ts +14 -0
  97. package/dist/components/drag-and-drop/drag-list-item.js +2 -0
  98. package/dist/components/drag-and-drop/drag-list-item.js.map +1 -0
  99. package/dist/components/drag-and-drop/drag-list.d.ts +14 -0
  100. package/dist/components/drag-and-drop/drag-list.js +2 -0
  101. package/dist/components/drag-and-drop/drag-list.js.map +1 -0
  102. package/dist/components/drag-and-drop/drag-root.d.ts +6 -0
  103. package/dist/components/drag-and-drop/drag-root.js +2 -0
  104. package/dist/components/drag-and-drop/drag-root.js.map +1 -0
  105. package/dist/components/drag-and-drop/index.d.ts +10 -0
  106. package/dist/components/drag-and-drop/index.js +2 -0
  107. package/dist/components/drag-and-drop/index.js.map +1 -0
  108. package/dist/components/drag-and-drop/types/drag-item.d.ts +9 -0
  109. package/dist/components/drag-and-drop/types/drag-item.js +2 -0
  110. package/dist/components/drag-and-drop/types/drag-item.js.map +1 -0
  111. package/dist/components/dropdown-menu.js +2 -295
  112. package/dist/components/dropdown-menu.js.map +1 -0
  113. package/dist/components/form/button.js +2 -0
  114. package/dist/components/form/button.js.map +1 -0
  115. package/dist/components/form/calendar.js +2 -0
  116. package/dist/components/form/calendar.js.map +1 -0
  117. package/dist/components/form/checkbox.js +2 -0
  118. package/dist/components/form/checkbox.js.map +1 -0
  119. package/dist/components/form/context/field.context.d.ts +15 -0
  120. package/dist/components/form/context/field.context.js +2 -0
  121. package/dist/components/form/context/field.context.js.map +1 -0
  122. package/dist/components/form/date-picker.d.ts +84 -0
  123. package/dist/components/form/date-picker.js +2 -0
  124. package/dist/components/form/date-picker.js.map +1 -0
  125. package/dist/components/form/floating-label.d.ts +6 -0
  126. package/dist/components/form/floating-label.js +2 -0
  127. package/dist/components/form/floating-label.js.map +1 -0
  128. package/dist/components/form/input.d.ts +95 -0
  129. package/dist/components/form/input.js +2 -0
  130. package/dist/components/form/input.js.map +1 -0
  131. package/dist/components/form/otp-input.js +2 -0
  132. package/dist/components/form/otp-input.js.map +1 -0
  133. package/dist/components/form/radio.js +2 -0
  134. package/dist/components/form/radio.js.map +1 -0
  135. package/dist/components/{rich-editor.d.ts → form/rich-editor.d.ts} +2 -1
  136. package/dist/components/form/rich-editor.js +2 -0
  137. package/dist/components/form/rich-editor.js.map +1 -0
  138. package/dist/components/form/search-input.js +2 -0
  139. package/dist/components/form/search-input.js.map +1 -0
  140. package/dist/components/form/select.d.ts +94 -0
  141. package/dist/components/form/select.js +2 -0
  142. package/dist/components/form/select.js.map +1 -0
  143. package/dist/components/form/switch.js +2 -0
  144. package/dist/components/form/switch.js.map +1 -0
  145. package/dist/components/full-calendar/calendar-add-event.d.ts +9 -0
  146. package/dist/components/full-calendar/calendar-add-event.js +2 -0
  147. package/dist/components/full-calendar/calendar-add-event.js.map +1 -0
  148. package/dist/components/full-calendar/calendar-body.d.ts +6 -0
  149. package/dist/components/full-calendar/calendar-body.js +2 -0
  150. package/dist/components/full-calendar/calendar-body.js.map +1 -0
  151. package/dist/components/full-calendar/calendar-cell.d.ts +11 -0
  152. package/dist/components/full-calendar/calendar-cell.js +2 -0
  153. package/dist/components/full-calendar/calendar-cell.js.map +1 -0
  154. package/dist/components/full-calendar/calendar-day-view.d.ts +5 -0
  155. package/dist/components/full-calendar/calendar-day-view.js +2 -0
  156. package/dist/components/full-calendar/calendar-day-view.js.map +1 -0
  157. package/dist/components/full-calendar/calendar-event.d.ts +18 -0
  158. package/dist/components/full-calendar/calendar-event.js +2 -0
  159. package/dist/components/full-calendar/calendar-event.js.map +1 -0
  160. package/dist/components/full-calendar/calendar-header.d.ts +6 -0
  161. package/dist/components/full-calendar/calendar-header.js +2 -0
  162. package/dist/components/full-calendar/calendar-header.js.map +1 -0
  163. package/dist/components/full-calendar/calendar-month-view.d.ts +5 -0
  164. package/dist/components/full-calendar/calendar-month-view.js +2 -0
  165. package/dist/components/full-calendar/calendar-month-view.js.map +1 -0
  166. package/dist/components/full-calendar/calendar-more-events-dropdown.d.ts +9 -0
  167. package/dist/components/full-calendar/calendar-more-events-dropdown.js +2 -0
  168. package/dist/components/full-calendar/calendar-more-events-dropdown.js.map +1 -0
  169. package/dist/components/full-calendar/calendar-navigator.d.ts +5 -0
  170. package/dist/components/full-calendar/calendar-navigator.js +2 -0
  171. package/dist/components/full-calendar/calendar-navigator.js.map +1 -0
  172. package/dist/components/full-calendar/calendar-root.d.ts +30 -0
  173. package/dist/components/full-calendar/calendar-root.js +2 -0
  174. package/dist/components/full-calendar/calendar-root.js.map +1 -0
  175. package/dist/components/full-calendar/calendar-today-button.d.ts +9 -0
  176. package/dist/components/full-calendar/calendar-today-button.js +2 -0
  177. package/dist/components/full-calendar/calendar-today-button.js.map +1 -0
  178. package/dist/components/full-calendar/calendar-toggle-view.d.ts +5 -0
  179. package/dist/components/full-calendar/calendar-toggle-view.js +2 -0
  180. package/dist/components/full-calendar/calendar-toggle-view.js.map +1 -0
  181. package/dist/components/full-calendar/calendar-view-renderer.d.ts +5 -0
  182. package/dist/components/full-calendar/calendar-view-renderer.js +2 -0
  183. package/dist/components/full-calendar/calendar-view-renderer.js.map +1 -0
  184. package/dist/components/full-calendar/calendar-week-day.d.ts +10 -0
  185. package/dist/components/full-calendar/calendar-week-day.js +2 -0
  186. package/dist/components/full-calendar/calendar-week-day.js.map +1 -0
  187. package/dist/components/full-calendar/calendar-week-view.d.ts +5 -0
  188. package/dist/components/full-calendar/calendar-week-view.js +2 -0
  189. package/dist/components/full-calendar/calendar-week-view.js.map +1 -0
  190. package/dist/components/full-calendar/helpers/calendar.d.ts +25 -0
  191. package/dist/components/full-calendar/helpers/calendar.js +2 -0
  192. package/dist/components/full-calendar/helpers/calendar.js.map +1 -0
  193. package/dist/components/full-calendar/index.d.ts +18 -0
  194. package/dist/components/full-calendar/index.js +2 -0
  195. package/dist/components/full-calendar/index.js.map +1 -0
  196. package/dist/components/full-calendar/types/calendar-cell.d.ts +6 -0
  197. package/dist/components/full-calendar/types/calendar-cell.js +2 -0
  198. package/dist/components/full-calendar/types/calendar-cell.js.map +1 -0
  199. package/dist/components/full-calendar/types/calendar-event.d.ts +8 -0
  200. package/dist/components/full-calendar/types/calendar-event.js +2 -0
  201. package/dist/components/full-calendar/types/calendar-event.js.map +1 -0
  202. package/dist/components/full-calendar/types/calendar-view.d.ts +3 -0
  203. package/dist/components/full-calendar/types/calendar-view.js +2 -0
  204. package/dist/components/full-calendar/types/calendar-view.js.map +1 -0
  205. package/dist/components/full-calendar/types/calendar-week-hour.d.ts +6 -0
  206. package/dist/components/full-calendar/types/calendar-week-hour.js +2 -0
  207. package/dist/components/full-calendar/types/calendar-week-hour.js.map +1 -0
  208. package/dist/components/horizontal-scroll.d.ts +11 -0
  209. package/dist/components/horizontal-scroll.js +2 -0
  210. package/dist/components/horizontal-scroll.js.map +1 -0
  211. package/dist/components/icon.d.ts +3 -4
  212. package/dist/components/icon.js +2 -177
  213. package/dist/components/icon.js.map +1 -0
  214. package/dist/components/list.js +2 -179
  215. package/dist/components/list.js.map +1 -0
  216. package/dist/components/logo.js +2 -324
  217. package/dist/components/logo.js.map +1 -0
  218. package/dist/components/selection-bar.d.ts +57 -0
  219. package/dist/components/selection-bar.js +2 -0
  220. package/dist/components/selection-bar.js.map +1 -0
  221. package/dist/components/sheet.d.ts +8 -8
  222. package/dist/components/sheet.js +2 -251
  223. package/dist/components/sheet.js.map +1 -0
  224. package/dist/components/skeleton.js +2 -16
  225. package/dist/components/skeleton.js.map +1 -0
  226. package/dist/components/status.js +2 -111
  227. package/dist/components/status.js.map +1 -0
  228. package/dist/components/table.js +2 -196
  229. package/dist/components/table.js.map +1 -0
  230. package/dist/components/tabs.d.ts +9 -6
  231. package/dist/components/tabs.js +2 -54
  232. package/dist/components/tabs.js.map +1 -0
  233. package/dist/components/tag.d.ts +5 -2
  234. package/dist/components/tag.js +2 -189
  235. package/dist/components/tag.js.map +1 -0
  236. package/dist/components/tooltip.js +2 -58
  237. package/dist/components/tooltip.js.map +1 -0
  238. package/dist/components/typography.js +2 -78
  239. package/dist/components/typography.js.map +1 -0
  240. package/dist/components/upload.d.ts +74 -0
  241. package/dist/components/upload.js +2 -0
  242. package/dist/components/upload.js.map +1 -0
  243. package/dist/hooks/index.d.ts +7 -0
  244. package/dist/hooks/index.js +2 -0
  245. package/dist/hooks/index.js.map +1 -0
  246. package/dist/icons-CmDuL0gZ.d.ts +4 -0
  247. package/dist/index.css +2 -2322
  248. package/dist/index.css.map +1 -0
  249. package/dist/logo-PQRZORCS.js +3 -0
  250. package/dist/logo-PQRZORCS.js.map +1 -0
  251. package/package.json +60 -18
  252. package/src/components/breadcrumb.tsx +119 -0
  253. package/src/components/chip.tsx +11 -3
  254. package/src/components/dialog.tsx +242 -0
  255. package/src/components/drag-and-drop/drag-handle.tsx +46 -0
  256. package/src/components/drag-and-drop/drag-list-item.tsx +91 -0
  257. package/src/components/drag-and-drop/drag-list.tsx +47 -0
  258. package/src/components/drag-and-drop/drag-root.tsx +30 -0
  259. package/src/components/drag-and-drop/index.ts +39 -0
  260. package/src/components/drag-and-drop/types/drag-item.ts +7 -0
  261. package/src/components/{calendar.tsx → form/calendar.tsx} +9 -8
  262. package/src/components/{checkbox.tsx → form/checkbox.tsx} +2 -2
  263. package/src/components/form/context/field.context.ts +27 -0
  264. package/src/components/form/date-picker.tsx +199 -0
  265. package/src/components/form/floating-label.tsx +60 -0
  266. package/src/components/form/input.tsx +235 -0
  267. package/src/components/{radio.tsx → form/radio.tsx} +1 -1
  268. package/src/components/{rich-editor.tsx → form/rich-editor.tsx} +10 -9
  269. package/src/components/{search-input.tsx → form/search-input.tsx} +2 -2
  270. package/src/components/form/select.tsx +274 -0
  271. package/src/components/full-calendar/calendar-add-event.tsx +15 -0
  272. package/src/components/full-calendar/calendar-body.tsx +12 -0
  273. package/src/components/full-calendar/calendar-cell.tsx +120 -0
  274. package/src/components/full-calendar/calendar-day-view.tsx +76 -0
  275. package/src/components/full-calendar/calendar-event.tsx +178 -0
  276. package/src/components/full-calendar/calendar-header.tsx +14 -0
  277. package/src/components/full-calendar/calendar-month-view.tsx +69 -0
  278. package/src/components/full-calendar/calendar-more-events-dropdown.tsx +39 -0
  279. package/src/components/full-calendar/calendar-navigator.tsx +86 -0
  280. package/src/components/full-calendar/calendar-root.tsx +165 -0
  281. package/src/components/full-calendar/calendar-today-button.tsx +21 -0
  282. package/src/components/full-calendar/calendar-toggle-view.tsx +61 -0
  283. package/src/components/full-calendar/calendar-view-renderer.tsx +19 -0
  284. package/src/components/full-calendar/calendar-week-day.tsx +49 -0
  285. package/src/components/full-calendar/calendar-week-view.tsx +88 -0
  286. package/src/components/full-calendar/helpers/calendar.ts +158 -0
  287. package/src/components/full-calendar/index.ts +16 -0
  288. package/src/components/full-calendar/types/calendar-cell.ts +4 -0
  289. package/src/components/full-calendar/types/calendar-event.ts +7 -0
  290. package/src/components/full-calendar/types/calendar-view.ts +1 -0
  291. package/src/components/full-calendar/types/calendar-week-hour.ts +4 -0
  292. package/src/components/horizontal-scroll.tsx +159 -0
  293. package/src/components/icon.tsx +1 -1
  294. package/src/components/logo.tsx +25 -20
  295. package/src/components/selection-bar.tsx +273 -0
  296. package/src/components/sheet.tsx +2 -2
  297. package/src/components/tabs.tsx +56 -37
  298. package/src/components/tag.tsx +11 -3
  299. package/src/components/upload.tsx +647 -0
  300. package/src/index.css +2 -2
  301. package/src/resources/icons.ts +4 -1
  302. package/src/resources/logo/index.tsx +33 -0
  303. package/tsup.config.ts +23 -5
  304. package/dist/components/button.js +0 -98
  305. package/dist/components/calendar.js +0 -751
  306. package/dist/components/checkbox.js +0 -153
  307. package/dist/components/date-picker.d.ts +0 -20
  308. package/dist/components/date-picker.js +0 -232
  309. package/dist/components/input.d.ts +0 -32
  310. package/dist/components/input.js +0 -315
  311. package/dist/components/otp-input.js +0 -47
  312. package/dist/components/radio.js +0 -156
  313. package/dist/components/rich-editor.js +0 -723
  314. package/dist/components/search-input.js +0 -274
  315. package/dist/components/select.d.ts +0 -33
  316. package/dist/components/select.js +0 -550
  317. package/dist/components/switch.js +0 -36
  318. package/dist/components/test.d.ts +0 -5
  319. package/dist/components/test.js +0 -8
  320. package/dist/index.js +0 -0
  321. package/src/components/date-picker.tsx +0 -160
  322. package/src/components/input.tsx +0 -256
  323. package/src/components/select.tsx +0 -240
  324. package/src/components/test.tsx +0 -3
  325. package/src/index.ts +0 -1
  326. package/src/resources/logo/index.ts +0 -3
  327. /package/dist/components/{button.d.ts → form/button.d.ts} +0 -0
  328. /package/dist/components/{calendar.d.ts → form/calendar.d.ts} +0 -0
  329. /package/dist/components/{checkbox.d.ts → form/checkbox.d.ts} +0 -0
  330. /package/dist/components/{otp-input.d.ts → form/otp-input.d.ts} +0 -0
  331. /package/dist/components/{radio.d.ts → form/radio.d.ts} +0 -0
  332. /package/dist/components/{search-input.d.ts → form/search-input.d.ts} +0 -0
  333. /package/dist/components/{switch.d.ts → form/switch.d.ts} +0 -0
  334. /package/src/components/{button.tsx → form/button.tsx} +0 -0
  335. /package/src/components/{otp-input.tsx → form/otp-input.tsx} +0 -0
  336. /package/src/components/{switch.tsx → form/switch.tsx} +0 -0
package/dist/index.css CHANGED
@@ -1,2323 +1,3 @@
1
- /* src/index.css */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root,
6
- :host {
7
- --font-sans:
8
- ui-sans-serif,
9
- system-ui,
10
- sans-serif,
11
- "Apple Color Emoji",
12
- "Segoe UI Emoji",
13
- "Segoe UI Symbol",
14
- "Noto Color Emoji";
15
- --font-mono:
16
- ui-monospace,
17
- SFMono-Regular,
18
- Menlo,
19
- Monaco,
20
- Consolas,
21
- "Liberation Mono",
22
- "Courier New",
23
- monospace;
24
- --color-black: #000;
25
- --color-white: #fff;
26
- --spacing: 0.25rem;
27
- --container-sm: 24rem;
28
- --font-weight-thin: 100;
29
- --font-weight-extralight: 200;
30
- --font-weight-light: 300;
31
- --font-weight-normal: 400;
32
- --font-weight-medium: 500;
33
- --font-weight-semibold: 600;
34
- --font-weight-bold: 700;
35
- --font-weight-extrabold: 800;
36
- --font-weight-black: 900;
37
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
38
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
39
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
40
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
41
- --default-transition-duration: 150ms;
42
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
43
- --default-font-family: var(--font-sans);
44
- --default-mono-font-family: var(--font-mono);
45
- --font-inter:
46
- Inter,
47
- ui-sans-serif,
48
- system-ui,
49
- sans-serif,
50
- "Apple Color Emoji",
51
- "Segoe UI Emoji",
52
- "Segoe UI Symbol",
53
- "Noto Color Emoji";
54
- --spacing-none: 0;
55
- --spacing-small-2x: 2px;
56
- --spacing-small-1x: 4px;
57
- --spacing-small_1x-alt: 6px;
58
- --spacing-small: 8px;
59
- --spacing-medium: 12px;
60
- --spacing-large: 16px;
61
- --spacing-large-alt: 18px;
62
- --spacing-large-1x: 20px;
63
- --spacing-large-2x: 24px;
64
- --spacing-large-3x: 28px;
65
- --spacing-large-4x: 32px;
66
- --spacing-large-6x: 40px;
67
- --spacing-large-7x: 44px;
68
- --spacing-large-8x: 48px;
69
- --radius-none: 0;
70
- --radius-small-1x: 4px;
71
- --radius-small: 8px;
72
- --radius-circle: 999px;
73
- --shadow-2x-small: 1px;
74
- --shadow-1x-small: 2px;
75
- --shadow-medium: 4px;
76
- --shadow-large-1x: 8px;
77
- --color-shadow-lightest: #0000000A;
78
- --color-shadow-light: #0000000F;
79
- --color-neutral-dark: #3D3D47;
80
- --color-neutral-placeholder: #9C9CAD;
81
- --color-neutral-label: #FFFFFF;
82
- --color-icon-neutral-3: #69697A;
83
- --color-icon-neutral-5: #FFFFFF;
84
- --color-layer-1-idle: #F7F7FA;
85
- --color-layer-1-hover: #F0F0F2;
86
- --color-layer-1-pressed: #E7E7EB;
87
- --color-layer-1-active: #DEDEE3;
88
- --color-layer-2-idle: #FFFFFF;
89
- --color-layer-2-hover: #F8F8FA;
90
- --color-layer-2-pressed: #F0F0F2;
91
- --color-layer-2-active: #E7E7EB;
92
- --color-layer-skeleton: #E5E7EB;
93
- --color-alt-1: #17171A;
94
- --color-alt-2: #3D3D47;
95
- --color-alt-3: #69697A;
96
- --color-alt-4: #9C9CAD;
97
- --color-border-layer-1: #D6D6DC;
98
- --color-border-layer-2: #DEDEE3;
99
- --color-border-layer-3: #9C9CAD;
100
- --color-primary-idle: #E87D30;
101
- --color-primary-hover: #C7631C;
102
- --color-primary-pressed: #AE5413;
103
- --color-primary-active: #E87D30;
104
- --color-primary-alt-idle: #F9EEE6;
105
- --color-primary-alt-hover: #F7E6D9;
106
- --color-primary-alt-pressed: #F4DCCD;
107
- --color-primary-alt-active: #F9EEE6;
108
- --color-primary-label-idle: #E87D30;
109
- --color-primary-label-active: #E87D30;
110
- --color-danger-idle: #E83040;
111
- --color-danger-hover: #C71C2B;
112
- --color-danger-pressed: #AE1320;
113
- --color-danger-alt-idle: #F9E6E8;
114
- --color-danger-alt-hover: #F7D9DC;
115
- --color-danger-alt-pressed: #F4CDCD;
116
- --color-danger-label-idle: #E83040;
117
- --color-success-idle: #169C55;
118
- --color-warning-idle: #DF9F20;
119
- --text-size-body-sm-1x: 12px;
120
- --text-size-body-sm-1x--line-height: 16px;
121
- --text-size-body-sm: 13px;
122
- --text-size-body-sm--line-height: 16px;
123
- --text-size-body-md: 14px;
124
- --text-size-body-md--line-height: 20px;
125
- --text-size-body-lg: 16px;
126
- --text-size-body-lg--line-height: 24px;
127
- --text-size-label-sm-2x: 10px;
128
- --text-size-label-sm-2x--line-height: 14px;
129
- --text-size-label-sm-1x: 12px;
130
- --text-size-label-sm-1x--line-height: 16px;
131
- --text-size-label-sm: 13px;
132
- --text-size-label-sm--line-height: 16px;
133
- --text-size-label-md: 14px;
134
- --text-size-label-md--line-height: 20px;
135
- --text-size-label-lg: 16px;
136
- --text-size-label-lg--line-height: 24px;
137
- --text-size-title-sm: 14px;
138
- --text-size-title-sm--line-height: 20px;
139
- --text-size-title-md: 16px;
140
- --text-size-title-md--line-height: 24px;
141
- --text-size-title-lg: 20px;
142
- --text-size-title-lg--line-height: 28px;
143
- --text-size-headline-sm: 24px;
144
- --text-size-headline-sm--line-height: 32px;
145
- --text-size-headline-md: 28px;
146
- --text-size-headline-md--line-height: 40px;
147
- --text-size-headline-lg: 32px;
148
- --text-size-headline-lg--line-height: 48px;
149
- }
150
- }
151
- @layer base {
152
- *,
153
- ::after,
154
- ::before,
155
- ::backdrop,
156
- ::file-selector-button {
157
- box-sizing: border-box;
158
- margin: 0;
159
- padding: 0;
160
- border: 0 solid;
161
- }
162
- html,
163
- :host {
164
- line-height: 1.5;
165
- -webkit-text-size-adjust: 100%;
166
- tab-size: 4;
167
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
168
- font-feature-settings: var(--default-font-feature-settings, normal);
169
- font-variation-settings: var(--default-font-variation-settings, normal);
170
- -webkit-tap-highlight-color: transparent;
171
- }
172
- hr {
173
- height: 0;
174
- color: inherit;
175
- border-top-width: 1px;
176
- }
177
- abbr:where([title]) {
178
- -webkit-text-decoration: underline dotted;
179
- text-decoration: underline dotted;
180
- }
181
- h1,
182
- h2,
183
- h3,
184
- h4,
185
- h5,
186
- h6 {
187
- font-size: inherit;
188
- font-weight: inherit;
189
- }
190
- a {
191
- color: inherit;
192
- -webkit-text-decoration: inherit;
193
- text-decoration: inherit;
194
- }
195
- b,
196
- strong {
197
- font-weight: bolder;
198
- }
199
- code,
200
- kbd,
201
- samp,
202
- pre {
203
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
204
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
205
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
206
- font-size: 1em;
207
- }
208
- small {
209
- font-size: 80%;
210
- }
211
- sub,
212
- sup {
213
- font-size: 75%;
214
- line-height: 0;
215
- position: relative;
216
- vertical-align: baseline;
217
- }
218
- sub {
219
- bottom: -0.25em;
220
- }
221
- sup {
222
- top: -0.5em;
223
- }
224
- table {
225
- text-indent: 0;
226
- border-color: inherit;
227
- border-collapse: collapse;
228
- }
229
- :-moz-focusring {
230
- outline: auto;
231
- }
232
- progress {
233
- vertical-align: baseline;
234
- }
235
- summary {
236
- display: list-item;
237
- }
238
- ol,
239
- ul,
240
- menu {
241
- list-style: none;
242
- }
243
- img,
244
- svg,
245
- video,
246
- canvas,
247
- audio,
248
- iframe,
249
- embed,
250
- object {
251
- display: block;
252
- vertical-align: middle;
253
- }
254
- img,
255
- video {
256
- max-width: 100%;
257
- height: auto;
258
- }
259
- button,
260
- input,
261
- select,
262
- optgroup,
263
- textarea,
264
- ::file-selector-button {
265
- font: inherit;
266
- font-feature-settings: inherit;
267
- font-variation-settings: inherit;
268
- letter-spacing: inherit;
269
- color: inherit;
270
- border-radius: 0;
271
- background-color: transparent;
272
- opacity: 1;
273
- }
274
- :where(select:is([multiple], [size])) optgroup {
275
- font-weight: bolder;
276
- }
277
- :where(select:is([multiple], [size])) optgroup option {
278
- padding-inline-start: 20px;
279
- }
280
- ::file-selector-button {
281
- margin-inline-end: 4px;
282
- }
283
- ::placeholder {
284
- opacity: 1;
285
- }
286
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
287
- ::placeholder {
288
- color: currentcolor;
289
- @supports (color: color-mix(in lab, red, red)) {
290
- color: color-mix(in oklab, currentcolor 50%, transparent);
291
- }
292
- }
293
- }
294
- textarea {
295
- resize: vertical;
296
- }
297
- ::-webkit-search-decoration {
298
- -webkit-appearance: none;
299
- }
300
- ::-webkit-date-and-time-value {
301
- min-height: 1lh;
302
- text-align: inherit;
303
- }
304
- ::-webkit-datetime-edit {
305
- display: inline-flex;
306
- }
307
- ::-webkit-datetime-edit-fields-wrapper {
308
- padding: 0;
309
- }
310
- ::-webkit-datetime-edit,
311
- ::-webkit-datetime-edit-year-field,
312
- ::-webkit-datetime-edit-month-field,
313
- ::-webkit-datetime-edit-day-field,
314
- ::-webkit-datetime-edit-hour-field,
315
- ::-webkit-datetime-edit-minute-field,
316
- ::-webkit-datetime-edit-second-field,
317
- ::-webkit-datetime-edit-millisecond-field,
318
- ::-webkit-datetime-edit-meridiem-field {
319
- padding-block: 0;
320
- }
321
- :-moz-ui-invalid {
322
- box-shadow: none;
323
- }
324
- button,
325
- input:where([type=button], [type=reset], [type=submit]),
326
- ::file-selector-button {
327
- appearance: button;
328
- }
329
- ::-webkit-inner-spin-button,
330
- ::-webkit-outer-spin-button {
331
- height: auto;
332
- }
333
- [hidden]:where(:not([hidden=until-found])) {
334
- display: none !important;
335
- }
336
- }
337
- @layer utilities {
338
- .pointer-events-none {
339
- pointer-events: none;
340
- }
341
- .invisible {
342
- visibility: hidden;
343
- }
344
- .absolute {
345
- position: absolute;
346
- }
347
- .fixed {
348
- position: fixed;
349
- }
350
- .relative {
351
- position: relative;
352
- }
353
- .inset-0 {
354
- inset: calc(var(--spacing) * 0);
355
- }
356
- .inset-x-0 {
357
- inset-inline: calc(var(--spacing) * 0);
358
- }
359
- .inset-y-0 {
360
- inset-block: calc(var(--spacing) * 0);
361
- }
362
- .-top-\[22px\] {
363
- top: calc(22px * -1);
364
- }
365
- .top-0 {
366
- top: calc(var(--spacing) * 0);
367
- }
368
- .top-1\/2 {
369
- top: calc(1/2 * 100%);
370
- }
371
- .right-0 {
372
- right: calc(var(--spacing) * 0);
373
- }
374
- .right-small {
375
- right: var(--spacing-small);
376
- }
377
- .bottom-0 {
378
- bottom: calc(var(--spacing) * 0);
379
- }
380
- .left-0 {
381
- left: calc(var(--spacing) * 0);
382
- }
383
- .left-small {
384
- left: var(--spacing-small);
385
- }
386
- .z-10 {
387
- z-index: 10;
388
- }
389
- .z-50 {
390
- z-index: 50;
391
- }
392
- .mt-auto {
393
- margin-top: auto;
394
- }
395
- .mt-small {
396
- margin-top: var(--spacing-small);
397
- }
398
- .ml-small-1x {
399
- margin-left: var(--spacing-small-1x);
400
- }
401
- .scrollbar-thin {
402
- &::-webkit-scrollbar-track {
403
- background-color: var(--scrollbar-track);
404
- border-radius: var(--scrollbar-track-radius);
405
- }
406
- &::-webkit-scrollbar-thumb {
407
- background-color: var(--scrollbar-thumb);
408
- border-radius: var(--scrollbar-thumb-radius);
409
- }
410
- &::-webkit-scrollbar-corner {
411
- background-color: var(--scrollbar-corner);
412
- border-radius: var(--scrollbar-corner-radius);
413
- }
414
- scrollbar-width: thin;
415
- scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
416
- &::-webkit-scrollbar {
417
- display: block;
418
- width: 8px;
419
- height: 8px;
420
- }
421
- }
422
- .scrollbar-hide {
423
- -ms-overflow-style: none;
424
- scrollbar-width: none;
425
- &::-webkit-scrollbar {
426
- display: none;
427
- }
428
- }
429
- .flex {
430
- display: flex;
431
- }
432
- .hidden {
433
- display: none;
434
- }
435
- .inline-block {
436
- display: inline-block;
437
- }
438
- .inline-flex {
439
- display: inline-flex;
440
- }
441
- .table {
442
- display: table;
443
- }
444
- .table-cell {
445
- display: table-cell;
446
- }
447
- .table-row {
448
- display: table-row;
449
- }
450
- .aspect-square {
451
- aspect-ratio: 1 / 1;
452
- }
453
- .size-full {
454
- width: 100%;
455
- height: 100%;
456
- }
457
- .size-large {
458
- width: var(--spacing-large);
459
- height: var(--spacing-large);
460
- }
461
- .size-large-1x {
462
- width: var(--spacing-large-1x);
463
- height: var(--spacing-large-1x);
464
- }
465
- .size-large-alt {
466
- width: var(--spacing-large-alt);
467
- height: var(--spacing-large-alt);
468
- }
469
- .size-medium {
470
- width: var(--spacing-medium);
471
- height: var(--spacing-medium);
472
- }
473
- .h-auto {
474
- height: auto;
475
- }
476
- .h-full {
477
- height: 100%;
478
- }
479
- .h-large {
480
- height: var(--spacing-large);
481
- }
482
- .h-large-2x {
483
- height: var(--spacing-large-2x);
484
- }
485
- .h-large-4x {
486
- height: var(--spacing-large-4x);
487
- }
488
- .h-large-6x {
489
- height: var(--spacing-large-6x);
490
- }
491
- .h-large-7x {
492
- height: var(--spacing-large-7x);
493
- }
494
- .h-large-8x {
495
- height: var(--spacing-large-8x);
496
- }
497
- .max-h-\[116px\] {
498
- max-height: 116px;
499
- }
500
- .max-h-\[400px\] {
501
- max-height: 400px;
502
- }
503
- .max-h-\[var\(--radix-popover-content-available-height\)\] {
504
- max-height: var(--radix-popover-content-available-height);
505
- }
506
- .min-h-\[116px\] {
507
- min-height: 116px;
508
- }
509
- .w-3\/4 {
510
- width: calc(3/4 * 100%);
511
- }
512
- .w-fit {
513
- width: fit-content;
514
- }
515
- .w-full {
516
- width: 100%;
517
- }
518
- .w-large-2x {
519
- width: var(--spacing-large-2x);
520
- }
521
- .w-large-3x {
522
- width: var(--spacing-large-3x);
523
- }
524
- .w-large-4x {
525
- width: var(--spacing-large-4x);
526
- }
527
- .max-w-\[var\(--radix-popover-content-available-width\)\] {
528
- max-width: var(--radix-popover-content-available-width);
529
- }
530
- .max-w-\[var\(--radix-popover-trigger-width\)\] {
531
- max-width: var(--radix-popover-trigger-width);
532
- }
533
- .max-w-full {
534
- max-width: 100%;
535
- }
536
- .min-w-\[var\(--radix-popover-trigger-width\)\] {
537
- min-width: var(--radix-popover-trigger-width);
538
- }
539
- .flex-1 {
540
- flex: 1;
541
- }
542
- .shrink-0 {
543
- flex-shrink: 0;
544
- }
545
- .caption-bottom {
546
- caption-side: bottom;
547
- }
548
- .origin-\(--radix-tooltip-content-transform-origin\) {
549
- transform-origin: var(--radix-tooltip-content-transform-origin);
550
- }
551
- .-translate-y-1\/2 {
552
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
553
- translate: var(--tw-translate-x) var(--tw-translate-y);
554
- }
555
- .animate-in {
556
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
557
- }
558
- .animate-pulse {
559
- animation: var(--animate-pulse);
560
- }
561
- .cursor-pointer {
562
- cursor: pointer;
563
- }
564
- .list-outside {
565
- list-style-position: outside;
566
- }
567
- .list-decimal {
568
- list-style-type: decimal;
569
- }
570
- .list-disc {
571
- list-style-type: disc;
572
- }
573
- .list-none {
574
- list-style-type: none;
575
- }
576
- .flex-col {
577
- flex-direction: column;
578
- }
579
- .flex-nowrap {
580
- flex-wrap: nowrap;
581
- }
582
- .items-center {
583
- align-items: center;
584
- }
585
- .justify-between {
586
- justify-content: space-between;
587
- }
588
- .justify-center {
589
- justify-content: center;
590
- }
591
- .gap-4 {
592
- gap: calc(var(--spacing) * 4);
593
- }
594
- .gap-small {
595
- gap: var(--spacing-small);
596
- }
597
- .gap-small-1x {
598
- gap: var(--spacing-small-1x);
599
- }
600
- .gap-small_1x-alt {
601
- gap: var(--spacing-small_1x-alt);
602
- }
603
- .-space-x-small-1x {
604
- :where(& > :not(:last-child)) {
605
- --tw-space-x-reverse: 0;
606
- margin-inline-start: calc(calc(var(--spacing-small-1x) * -1) * var(--tw-space-x-reverse));
607
- margin-inline-end: calc(calc(var(--spacing-small-1x) * -1) * calc(1 - var(--tw-space-x-reverse)));
608
- }
609
- }
610
- .truncate {
611
- overflow: hidden;
612
- text-overflow: ellipsis;
613
- white-space: nowrap;
614
- }
615
- .overflow-hidden {
616
- overflow: hidden;
617
- }
618
- .overflow-x-auto {
619
- overflow-x: auto;
620
- }
621
- .overflow-x-hidden {
622
- overflow-x: hidden;
623
- }
624
- .overflow-y-auto {
625
- overflow-y: auto;
626
- }
627
- .overflow-y-hidden {
628
- overflow-y: hidden;
629
- }
630
- .rounded-\[6px\] {
631
- border-radius: 6px;
632
- }
633
- .rounded-circle {
634
- border-radius: var(--radius-circle);
635
- }
636
- .rounded-full {
637
- border-radius: calc(infinity * 1px);
638
- }
639
- .rounded-none {
640
- border-radius: 0;
641
- }
642
- .rounded-none {
643
- border-radius: var(--radius-none);
644
- }
645
- .rounded-small {
646
- border-radius: var(--radius-small);
647
- }
648
- .rounded-small-1x {
649
- border-radius: var(--radius-small-1x);
650
- }
651
- .rounded-tr-circle {
652
- border-top-right-radius: var(--radius-circle);
653
- }
654
- .rounded-tr-none {
655
- border-top-right-radius: 0;
656
- }
657
- .rounded-tr-none {
658
- border-top-right-radius: var(--radius-none);
659
- }
660
- .rounded-br-circle {
661
- border-bottom-right-radius: var(--radius-circle);
662
- }
663
- .rounded-br-none {
664
- border-bottom-right-radius: 0;
665
- }
666
- .rounded-br-none {
667
- border-bottom-right-radius: var(--radius-none);
668
- }
669
- .rounded-bl-none {
670
- border-bottom-left-radius: 0;
671
- }
672
- .rounded-bl-none {
673
- border-bottom-left-radius: var(--radius-none);
674
- }
675
- .border {
676
- border-style: var(--tw-border-style);
677
- border-width: 1px;
678
- }
679
- .border-2 {
680
- border-style: var(--tw-border-style);
681
- border-width: 2px;
682
- }
683
- .border-x-0 {
684
- border-inline-style: var(--tw-border-style);
685
- border-inline-width: 0px;
686
- }
687
- .border-t {
688
- border-top-style: var(--tw-border-style);
689
- border-top-width: 1px;
690
- }
691
- .border-t-0 {
692
- border-top-style: var(--tw-border-style);
693
- border-top-width: 0px;
694
- }
695
- .border-r {
696
- border-right-style: var(--tw-border-style);
697
- border-right-width: 1px;
698
- }
699
- .border-r-0 {
700
- border-right-style: var(--tw-border-style);
701
- border-right-width: 0px;
702
- }
703
- .border-b {
704
- border-bottom-style: var(--tw-border-style);
705
- border-bottom-width: 1px;
706
- }
707
- .border-b-1 {
708
- border-bottom-style: var(--tw-border-style);
709
- border-bottom-width: 1px;
710
- }
711
- .border-l {
712
- border-left-style: var(--tw-border-style);
713
- border-left-width: 1px;
714
- }
715
- .border-border-layer-2 {
716
- border-color: var(--color-border-layer-2);
717
- }
718
- .border-icon-neutral-5 {
719
- border-color: var(--color-icon-neutral-5);
720
- }
721
- .border-transparent {
722
- border-color: transparent;
723
- }
724
- .border-t-border-layer-2 {
725
- border-top-color: var(--color-border-layer-2);
726
- }
727
- .border-b-border-layer-2 {
728
- border-bottom-color: var(--color-border-layer-2);
729
- }
730
- .\!bg-layer-2-hover {
731
- background-color: var(--color-layer-2-hover) !important;
732
- }
733
- .bg-alt-1 {
734
- background-color: var(--color-alt-1);
735
- }
736
- .bg-alt-3 {
737
- background-color: var(--color-alt-3);
738
- }
739
- .bg-black\/50 {
740
- background-color: color-mix(in srgb, #000 50%, transparent);
741
- @supports (color: color-mix(in lab, red, red)) {
742
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
743
- }
744
- }
745
- .bg-border-layer-2 {
746
- background-color: var(--color-border-layer-2);
747
- }
748
- .bg-danger-alt-idle {
749
- background-color: var(--color-danger-alt-idle);
750
- }
751
- .bg-danger-idle {
752
- background-color: var(--color-danger-idle);
753
- }
754
- .bg-inherit {
755
- background-color: inherit;
756
- }
757
- .bg-layer-1-hover {
758
- background-color: var(--color-layer-1-hover);
759
- }
760
- .bg-layer-1-idle {
761
- background-color: var(--color-layer-1-idle);
762
- }
763
- .bg-layer-2-hover {
764
- background-color: var(--color-layer-2-hover);
765
- }
766
- .bg-layer-2-idle {
767
- background-color: var(--color-layer-2-idle);
768
- }
769
- .bg-layer-skeleton {
770
- background-color: var(--color-layer-skeleton);
771
- }
772
- .bg-primary-alt-active {
773
- background-color: var(--color-primary-alt-active);
774
- }
775
- .bg-primary-alt-idle {
776
- background-color: var(--color-primary-alt-idle);
777
- }
778
- .bg-primary-idle {
779
- background-color: var(--color-primary-idle);
780
- }
781
- .bg-success-idle {
782
- background-color: var(--color-success-idle);
783
- }
784
- .bg-transparent {
785
- background-color: transparent;
786
- }
787
- .bg-warning-idle {
788
- background-color: var(--color-warning-idle);
789
- }
790
- .p-\[2px\] {
791
- padding: 2px;
792
- }
793
- .p-small {
794
- padding: var(--spacing-small);
795
- }
796
- .p-small-1x {
797
- padding: var(--spacing-small-1x);
798
- }
799
- .p-small-2x {
800
- padding: var(--spacing-small-2x);
801
- }
802
- .px-large {
803
- padding-inline: var(--spacing-large);
804
- }
805
- .px-large-2x {
806
- padding-inline: var(--spacing-large-2x);
807
- }
808
- .px-medium {
809
- padding-inline: var(--spacing-medium);
810
- }
811
- .px-small {
812
- padding-inline: var(--spacing-small);
813
- }
814
- .py-large {
815
- padding-block: var(--spacing-large);
816
- }
817
- .py-medium {
818
- padding-block: var(--spacing-medium);
819
- }
820
- .py-none {
821
- padding-block: var(--spacing-none);
822
- }
823
- .py-small {
824
- padding-block: var(--spacing-small);
825
- }
826
- .py-small-1x {
827
- padding-block: var(--spacing-small-1x);
828
- }
829
- .py-small_1x-alt {
830
- padding-block: var(--spacing-small_1x-alt);
831
- }
832
- .pt-small-1x {
833
- padding-top: var(--spacing-small-1x);
834
- }
835
- .pr-large-2x {
836
- padding-right: var(--spacing-large-2x);
837
- }
838
- .pr-large-3x {
839
- padding-right: var(--spacing-large-3x);
840
- }
841
- .pl-large-1x {
842
- padding-left: var(--spacing-large-1x);
843
- }
844
- .text-center {
845
- text-align: center;
846
- }
847
- .text-left {
848
- text-align: left;
849
- }
850
- .align-middle {
851
- vertical-align: middle;
852
- }
853
- .font-inter {
854
- font-family: var(--font-inter);
855
- }
856
- .text-size-body-lg {
857
- font-size: var(--text-size-body-lg);
858
- line-height: var(--tw-leading, var(--text-size-body-lg--line-height));
859
- }
860
- .text-size-body-md {
861
- font-size: var(--text-size-body-md);
862
- line-height: var(--tw-leading, var(--text-size-body-md--line-height));
863
- }
864
- .text-size-body-sm {
865
- font-size: var(--text-size-body-sm);
866
- line-height: var(--tw-leading, var(--text-size-body-sm--line-height));
867
- }
868
- .text-size-body-sm-1x {
869
- font-size: var(--text-size-body-sm-1x);
870
- line-height: var(--tw-leading, var(--text-size-body-sm-1x--line-height));
871
- }
872
- .text-size-headline-lg {
873
- font-size: var(--text-size-headline-lg);
874
- line-height: var(--tw-leading, var(--text-size-headline-lg--line-height));
875
- }
876
- .text-size-headline-md {
877
- font-size: var(--text-size-headline-md);
878
- line-height: var(--tw-leading, var(--text-size-headline-md--line-height));
879
- }
880
- .text-size-headline-sm {
881
- font-size: var(--text-size-headline-sm);
882
- line-height: var(--tw-leading, var(--text-size-headline-sm--line-height));
883
- }
884
- .text-size-label-lg {
885
- font-size: var(--text-size-label-lg);
886
- line-height: var(--tw-leading, var(--text-size-label-lg--line-height));
887
- }
888
- .text-size-label-md {
889
- font-size: var(--text-size-label-md);
890
- line-height: var(--tw-leading, var(--text-size-label-md--line-height));
891
- }
892
- .text-size-label-sm {
893
- font-size: var(--text-size-label-sm);
894
- line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
895
- }
896
- .text-size-label-sm-1x {
897
- font-size: var(--text-size-label-sm-1x);
898
- line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
899
- }
900
- .text-size-label-sm-2x {
901
- font-size: var(--text-size-label-sm-2x);
902
- line-height: var(--tw-leading, var(--text-size-label-sm-2x--line-height));
903
- }
904
- .text-size-title-lg {
905
- font-size: var(--text-size-title-lg);
906
- line-height: var(--tw-leading, var(--text-size-title-lg--line-height));
907
- }
908
- .text-size-title-md {
909
- font-size: var(--text-size-title-md);
910
- line-height: var(--tw-leading, var(--text-size-title-md--line-height));
911
- }
912
- .text-size-title-sm {
913
- font-size: var(--text-size-title-sm);
914
- line-height: var(--tw-leading, var(--text-size-title-sm--line-height));
915
- }
916
- .font-black {
917
- --tw-font-weight: var(--font-weight-black);
918
- font-weight: var(--font-weight-black);
919
- }
920
- .font-bold {
921
- --tw-font-weight: var(--font-weight-bold);
922
- font-weight: var(--font-weight-bold);
923
- }
924
- .font-extrabold {
925
- --tw-font-weight: var(--font-weight-extrabold);
926
- font-weight: var(--font-weight-extrabold);
927
- }
928
- .font-extralight {
929
- --tw-font-weight: var(--font-weight-extralight);
930
- font-weight: var(--font-weight-extralight);
931
- }
932
- .font-light {
933
- --tw-font-weight: var(--font-weight-light);
934
- font-weight: var(--font-weight-light);
935
- }
936
- .font-medium {
937
- --tw-font-weight: var(--font-weight-medium);
938
- font-weight: var(--font-weight-medium);
939
- }
940
- .font-normal {
941
- --tw-font-weight: var(--font-weight-normal);
942
- font-weight: var(--font-weight-normal);
943
- }
944
- .font-semibold {
945
- --tw-font-weight: var(--font-weight-semibold);
946
- font-weight: var(--font-weight-semibold);
947
- }
948
- .font-thin {
949
- --tw-font-weight: var(--font-weight-thin);
950
- font-weight: var(--font-weight-thin);
951
- }
952
- .text-balance {
953
- text-wrap: balance;
954
- }
955
- .whitespace-nowrap {
956
- white-space: nowrap;
957
- }
958
- .\!text-primary-label-active {
959
- color: var(--color-primary-label-active) !important;
960
- }
961
- .text-danger-label-idle {
962
- color: var(--color-danger-label-idle);
963
- }
964
- .text-icon-neutral-3 {
965
- color: var(--color-icon-neutral-3);
966
- }
967
- .text-inherit {
968
- color: inherit;
969
- }
970
- .text-neutral-dark {
971
- color: var(--color-neutral-dark);
972
- }
973
- .text-neutral-label {
974
- color: var(--color-neutral-label);
975
- }
976
- .text-neutral-placeholder {
977
- color: var(--color-neutral-placeholder);
978
- }
979
- .text-primary-idle {
980
- color: var(--color-primary-idle);
981
- }
982
- .text-primary-label-active {
983
- color: var(--color-primary-label-active);
984
- }
985
- .text-primary-label-idle {
986
- color: var(--color-primary-label-idle);
987
- }
988
- .text-white {
989
- color: var(--color-white);
990
- }
991
- .italic {
992
- font-style: italic;
993
- }
994
- .underline {
995
- text-decoration-line: underline;
996
- }
997
- .opacity-60 {
998
- opacity: 60%;
999
- }
1000
- .shadow-elevation-2 {
1001
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F)), 0 4px 8px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F));
1002
- box-shadow:
1003
- var(--tw-inset-shadow),
1004
- var(--tw-inset-ring-shadow),
1005
- var(--tw-ring-offset-shadow),
1006
- var(--tw-ring-shadow),
1007
- var(--tw-shadow);
1008
- }
1009
- .shadow-elevation-3 {
1010
- --tw-shadow:
1011
- 0 var(--shadow-2x-small, 1px) var(--shadow-1x-small, 2px) var(--color-shadow-lightest, #0000000A),
1012
- 0 var(--shadow-medium, 4px) var(--shadow-large-1x, 8px) var(--color-shadow-lightest, #0000000A),
1013
- 0 var(--shadow-large-1x, 4px) var(--shadow-large3x, 16px) var(--color-shadow-lightest, #0000000A);
1014
- box-shadow:
1015
- var(--tw-inset-shadow),
1016
- var(--tw-inset-ring-shadow),
1017
- var(--tw-ring-offset-shadow),
1018
- var(--tw-ring-shadow),
1019
- var(--tw-shadow);
1020
- }
1021
- .ring-0 {
1022
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1023
- box-shadow:
1024
- var(--tw-inset-shadow),
1025
- var(--tw-inset-ring-shadow),
1026
- var(--tw-ring-offset-shadow),
1027
- var(--tw-ring-shadow),
1028
- var(--tw-shadow);
1029
- }
1030
- .outline-0 {
1031
- outline-style: var(--tw-outline-style);
1032
- outline-width: 0px;
1033
- }
1034
- .transition {
1035
- transition-property:
1036
- color,
1037
- background-color,
1038
- border-color,
1039
- outline-color,
1040
- text-decoration-color,
1041
- fill,
1042
- stroke,
1043
- --tw-gradient-from,
1044
- --tw-gradient-via,
1045
- --tw-gradient-to,
1046
- opacity,
1047
- box-shadow,
1048
- transform,
1049
- translate,
1050
- scale,
1051
- rotate,
1052
- filter,
1053
- -webkit-backdrop-filter,
1054
- backdrop-filter,
1055
- display,
1056
- visibility,
1057
- content-visibility,
1058
- overlay,
1059
- pointer-events;
1060
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1061
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1062
- }
1063
- .transition-\[border-color\,box-shadow\,background-color\] {
1064
- transition-property:
1065
- border-color,
1066
- box-shadow,
1067
- background-color;
1068
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1069
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1070
- }
1071
- .transition-\[visibility\] {
1072
- transition-property: visibility;
1073
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1074
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1075
- }
1076
- .transition-all {
1077
- transition-property: all;
1078
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1079
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1080
- }
1081
- .transition-colors {
1082
- transition-property:
1083
- color,
1084
- background-color,
1085
- border-color,
1086
- outline-color,
1087
- text-decoration-color,
1088
- fill,
1089
- stroke,
1090
- --tw-gradient-from,
1091
- --tw-gradient-via,
1092
- --tw-gradient-to;
1093
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1094
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1095
- }
1096
- .transition-transform {
1097
- transition-property:
1098
- transform,
1099
- translate,
1100
- scale,
1101
- rotate;
1102
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1103
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1104
- }
1105
- .duration-100 {
1106
- --tw-duration: 100ms;
1107
- transition-duration: 100ms;
1108
- }
1109
- .duration-200 {
1110
- --tw-duration: 200ms;
1111
- transition-duration: 200ms;
1112
- }
1113
- .duration-250 {
1114
- --tw-duration: 250ms;
1115
- transition-duration: 250ms;
1116
- }
1117
- .ease-in {
1118
- --tw-ease: var(--ease-in);
1119
- transition-timing-function: var(--ease-in);
1120
- }
1121
- .ease-in-out {
1122
- --tw-ease: var(--ease-in-out);
1123
- transition-timing-function: var(--ease-in-out);
1124
- }
1125
- .ease-out {
1126
- --tw-ease: var(--ease-out);
1127
- transition-timing-function: var(--ease-out);
1128
- }
1129
- .fade-in-0 {
1130
- --tw-enter-opacity: calc(0/100);
1131
- --tw-enter-opacity: 0;
1132
- }
1133
- .outline-none {
1134
- --tw-outline-style: none;
1135
- outline-style: none;
1136
- }
1137
- .zoom-in-95 {
1138
- --tw-enter-scale: calc(95*1%);
1139
- --tw-enter-scale: .95;
1140
- }
1141
- .fade-in {
1142
- --tw-enter-opacity: 0;
1143
- }
1144
- .\*\:h-full {
1145
- :is(& > *) {
1146
- height: 100%;
1147
- }
1148
- }
1149
- .\*\:w-full {
1150
- :is(& > *) {
1151
- width: 100%;
1152
- }
1153
- }
1154
- .\*\:outline-0 {
1155
- :is(& > *) {
1156
- outline-style: var(--tw-outline-style);
1157
- outline-width: 0px;
1158
- }
1159
- }
1160
- .group-focus-within\:-top-\[3px\] {
1161
- &:is(:where(.group):focus-within *) {
1162
- top: calc(3px * -1);
1163
- }
1164
- }
1165
- .group-focus-within\:animate-in {
1166
- &:is(:where(.group):focus-within *) {
1167
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1168
- }
1169
- }
1170
- .group-focus-within\:text-size-label-sm-1x {
1171
- &:is(:where(.group):focus-within *) {
1172
- font-size: var(--text-size-label-sm-1x);
1173
- line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
1174
- }
1175
- }
1176
- .group-focus-within\:font-medium {
1177
- &:is(:where(.group):focus-within *) {
1178
- --tw-font-weight: var(--font-weight-medium);
1179
- font-weight: var(--font-weight-medium);
1180
- }
1181
- }
1182
- .group-focus-within\:text-primary-idle {
1183
- &:is(:where(.group):focus-within *) {
1184
- color: var(--color-primary-idle);
1185
- }
1186
- }
1187
- .group-hover\:border-1 {
1188
- &:is(:where(.group):hover *) {
1189
- @media (hover: hover) {
1190
- border-style: var(--tw-border-style);
1191
- border-width: 1px;
1192
- }
1193
- }
1194
- }
1195
- .group-hover\:border-border-layer-1 {
1196
- &:is(:where(.group):hover *) {
1197
- @media (hover: hover) {
1198
- border-color: var(--color-border-layer-1);
1199
- }
1200
- }
1201
- }
1202
- .group-hover\:border-border-layer-3 {
1203
- &:is(:where(.group):hover *) {
1204
- @media (hover: hover) {
1205
- border-color: var(--color-border-layer-3);
1206
- }
1207
- }
1208
- }
1209
- .group-hover\/chip\:visible {
1210
- &:is(:where(.group\/chip):hover *) {
1211
- @media (hover: hover) {
1212
- visibility: visible;
1213
- }
1214
- }
1215
- }
1216
- .group-hover\/tag\:visible {
1217
- &:is(:where(.group\/tag):hover *) {
1218
- @media (hover: hover) {
1219
- visibility: visible;
1220
- }
1221
- }
1222
- }
1223
- .group-hover\/th\:flex {
1224
- &:is(:where(.group\/th):hover *) {
1225
- @media (hover: hover) {
1226
- display: flex;
1227
- }
1228
- }
1229
- }
1230
- .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:left-large-4x {
1231
- &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
1232
- left: var(--spacing-large-4x);
1233
- }
1234
- }
1235
- .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:pl-large-1x {
1236
- &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
1237
- padding-left: var(--spacing-large-1x);
1238
- }
1239
- }
1240
- .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:right-large-4x {
1241
- &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
1242
- right: var(--spacing-large-4x);
1243
- }
1244
- }
1245
- .group-has-\[div\[data-slot\=input-left-action-slot\]\]\:rounded-l-none {
1246
- &:is(:where(.group):has(*:is(div[data-slot=input-left-action-slot])) *) {
1247
- border-top-left-radius: 0;
1248
- border-bottom-left-radius: 0;
1249
- }
1250
- }
1251
- .group-has-\[div\[data-slot\=input-left-action-slot\]\]\:rounded-l-none {
1252
- &:is(:where(.group):has(*:is(div[data-slot=input-left-action-slot])) *) {
1253
- border-top-left-radius: var(--radius-none);
1254
- border-bottom-left-radius: var(--radius-none);
1255
- }
1256
- }
1257
- .group-has-\[div\[data-slot\=input-left-slot\]\]\:left-large-4x {
1258
- &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
1259
- left: var(--spacing-large-4x);
1260
- }
1261
- }
1262
- .group-has-\[div\[data-slot\=input-left-slot\]\]\:pl-large-1x {
1263
- &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
1264
- padding-left: var(--spacing-large-1x);
1265
- }
1266
- }
1267
- .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-focus-within\:left-small {
1268
- &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
1269
- &:is(:where(.group):focus-within *) {
1270
- left: var(--spacing-small);
1271
- }
1272
- }
1273
- }
1274
- .group-has-\[div\[data-slot\=input-right-action-slot\]\]\:rounded-r-none {
1275
- &:is(:where(.group):has(*:is(div[data-slot=input-right-action-slot])) *) {
1276
- border-top-right-radius: 0;
1277
- border-bottom-right-radius: 0;
1278
- }
1279
- }
1280
- .group-has-\[div\[data-slot\=input-right-action-slot\]\]\:rounded-r-none {
1281
- &:is(:where(.group):has(*:is(div[data-slot=input-right-action-slot])) *) {
1282
- border-top-right-radius: var(--radius-none);
1283
- border-bottom-right-radius: var(--radius-none);
1284
- }
1285
- }
1286
- .group-has-\[div\[data-slot\=input-right-slot\]\]\:right-large-4x {
1287
- &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
1288
- right: var(--spacing-large-4x);
1289
- }
1290
- }
1291
- .group-has-\[div\[data-slot\=input-right-slot\]\]\:group-focus-within\:right-small {
1292
- &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
1293
- &:is(:where(.group):focus-within *) {
1294
- right: var(--spacing-small);
1295
- }
1296
- }
1297
- }
1298
- .group-has-\[div\[data-slot\=select-left-slot\]\]\:left-large-4x {
1299
- &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
1300
- left: var(--spacing-large-4x);
1301
- }
1302
- }
1303
- .group-has-\[div\[data-slot\=select-left-slot\]\]\:pl-large-1x {
1304
- &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
1305
- padding-left: var(--spacing-large-1x);
1306
- }
1307
- }
1308
- .group-has-\[div\[data-slot\=select-right-slot\]\]\:right-large-4x {
1309
- &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
1310
- right: var(--spacing-large-4x);
1311
- }
1312
- }
1313
- .group-has-\[input\:not\(\:placeholder-shown\)\]\:-top-\[3px\] {
1314
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1315
- top: calc(3px * -1);
1316
- }
1317
- }
1318
- .group-has-\[input\:not\(\:placeholder-shown\)\]\:animate-out {
1319
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1320
- animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1321
- }
1322
- }
1323
- .group-has-\[input\:not\(\:placeholder-shown\)\]\:text-size-label-sm-1x {
1324
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1325
- font-size: var(--text-size-label-sm-1x);
1326
- line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
1327
- }
1328
- }
1329
- .group-has-\[input\:not\(\:placeholder-shown\)\]\:font-medium {
1330
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1331
- --tw-font-weight: var(--font-weight-medium);
1332
- font-weight: var(--font-weight-medium);
1333
- }
1334
- }
1335
- .group-has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle {
1336
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1337
- color: var(--color-primary-idle);
1338
- }
1339
- }
1340
- .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
1341
- &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
1342
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1343
- left: var(--spacing-small);
1344
- }
1345
- }
1346
- }
1347
- .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
1348
- &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
1349
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1350
- right: var(--spacing-small);
1351
- }
1352
- }
1353
- }
1354
- .group-has-\[div\[data-slot\=input-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
1355
- &:is(:where(.group):has(*:is(div[data-slot=input-left-slot])) *) {
1356
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1357
- left: var(--spacing-small);
1358
- }
1359
- }
1360
- }
1361
- .group-has-\[div\[data-slot\=input-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
1362
- &:is(:where(.group):has(*:is(div[data-slot=input-right-slot])) *) {
1363
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1364
- right: var(--spacing-small);
1365
- }
1366
- }
1367
- }
1368
- .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small {
1369
- &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
1370
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1371
- left: var(--spacing-small);
1372
- }
1373
- }
1374
- }
1375
- .group-has-\[div\[data-slot\=select-right-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:right-small {
1376
- &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
1377
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
1378
- right: var(--spacing-small);
1379
- }
1380
- }
1381
- }
1382
- .group-data-\[state\=closed\]\:animate-out {
1383
- &:is(:where(.group)[data-state=closed] *) {
1384
- animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1385
- }
1386
- }
1387
- .group-data-\[state\=open\]\:-top-\[3px\] {
1388
- &:is(:where(.group)[data-state=open] *) {
1389
- top: calc(3px * -1);
1390
- }
1391
- }
1392
- .group-data-\[state\=open\]\:animate-in {
1393
- &:is(:where(.group)[data-state=open] *) {
1394
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1395
- }
1396
- }
1397
- .group-data-\[state\=open\]\:text-size-label-sm-1x {
1398
- &:is(:where(.group)[data-state=open] *) {
1399
- font-size: var(--text-size-label-sm-1x);
1400
- line-height: var(--tw-leading, var(--text-size-label-sm-1x--line-height));
1401
- }
1402
- }
1403
- .group-data-\[state\=open\]\:font-medium {
1404
- &:is(:where(.group)[data-state=open] *) {
1405
- --tw-font-weight: var(--font-weight-medium);
1406
- font-weight: var(--font-weight-medium);
1407
- }
1408
- }
1409
- .group-data-\[state\=open\]\:text-primary-idle {
1410
- &:is(:where(.group)[data-state=open] *) {
1411
- color: var(--color-primary-idle);
1412
- }
1413
- }
1414
- .group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:group-data-\[state\=open\]\:left-small {
1415
- &:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *) {
1416
- &:is(:where(.group)[data-state=open] *) {
1417
- left: var(--spacing-small);
1418
- }
1419
- }
1420
- }
1421
- .group-has-\[div\[data-slot\=date-picker-right-slot\]\]\:group-data-\[state\=open\]\:right-small {
1422
- &:is(:where(.group):has(*:is(div[data-slot=date-picker-right-slot])) *) {
1423
- &:is(:where(.group)[data-state=open] *) {
1424
- right: var(--spacing-small);
1425
- }
1426
- }
1427
- }
1428
- .group-has-\[div\[data-slot\=select-left-slot\]\]\:group-data-\[state\=open\]\:left-small {
1429
- &:is(:where(.group):has(*:is(div[data-slot=select-left-slot])) *) {
1430
- &:is(:where(.group)[data-state=open] *) {
1431
- left: var(--spacing-small);
1432
- }
1433
- }
1434
- }
1435
- .group-has-\[div\[data-slot\=select-right-slot\]\]\:group-data-\[state\=open\]\:right-small {
1436
- &:is(:where(.group):has(*:is(div[data-slot=select-right-slot])) *) {
1437
- &:is(:where(.group)[data-state=open] *) {
1438
- right: var(--spacing-small);
1439
- }
1440
- }
1441
- }
1442
- .group-data-\[variant\=danger\]\:text-danger-label-idle {
1443
- &:is(:where(.group)[data-variant=danger] *) {
1444
- color: var(--color-danger-label-idle);
1445
- }
1446
- }
1447
- .group-data-\[variant\=filled\]\:bg-layer-2-hover {
1448
- &:is(:where(.group)[data-variant=filled] *) {
1449
- background-color: var(--color-layer-2-hover);
1450
- }
1451
- }
1452
- .group-data-\[variant\=filled\]\:group-focus-within\:bg-layer-2-hover {
1453
- &:is(:where(.group)[data-variant=filled] *) {
1454
- &:is(:where(.group):focus-within *) {
1455
- background-color: var(--color-layer-2-hover);
1456
- }
1457
- }
1458
- }
1459
- .group-data-\[variant\=neutral\]\:text-icon-neutral-3 {
1460
- &:is(:where(.group)[data-variant=neutral] *) {
1461
- color: var(--color-icon-neutral-3);
1462
- }
1463
- }
1464
- .group-data-\[variant\=outlined\]\:bg-layer-2-idle {
1465
- &:is(:where(.group)[data-variant=outlined] *) {
1466
- background-color: var(--color-layer-2-idle);
1467
- }
1468
- }
1469
- .group-data-\[variant\=outlined\]\:group-focus-within\:bg-layer-2-idle {
1470
- &:is(:where(.group)[data-variant=outlined] *) {
1471
- &:is(:where(.group):focus-within *) {
1472
- background-color: var(--color-layer-2-idle);
1473
- }
1474
- }
1475
- }
1476
- .group-data-\[variant\=primary\]\:text-primary-label-idle {
1477
- &:is(:where(.group)[data-variant=primary] *) {
1478
- color: var(--color-primary-label-idle);
1479
- }
1480
- }
1481
- .placeholder\:placeholder-neutral-placeholder {
1482
- &::placeholder {
1483
- &::placeholder {
1484
- color: var(--color-neutral-placeholder);
1485
- }
1486
- }
1487
- }
1488
- .before\:absolute {
1489
- &::before {
1490
- content: var(--tw-content);
1491
- position: absolute;
1492
- }
1493
- }
1494
- .before\:top-0 {
1495
- &::before {
1496
- content: var(--tw-content);
1497
- top: calc(var(--spacing) * 0);
1498
- }
1499
- }
1500
- .before\:left-0 {
1501
- &::before {
1502
- content: var(--tw-content);
1503
- left: calc(var(--spacing) * 0);
1504
- }
1505
- }
1506
- .before\:text-neutral-placeholder {
1507
- &::before {
1508
- content: var(--tw-content);
1509
- color: var(--color-neutral-placeholder);
1510
- }
1511
- }
1512
- .before\:content-\[attr\(data-placeholder\)\] {
1513
- &::before {
1514
- content: var(--tw-content);
1515
- --tw-content: attr(data-placeholder);
1516
- content: var(--tw-content);
1517
- }
1518
- }
1519
- .first\:before\:pointer-events-none {
1520
- &:first-child {
1521
- &::before {
1522
- content: var(--tw-content);
1523
- pointer-events: none;
1524
- }
1525
- }
1526
- }
1527
- .first\:before\:float-left {
1528
- &:first-child {
1529
- &::before {
1530
- content: var(--tw-content);
1531
- float: left;
1532
- }
1533
- }
1534
- }
1535
- .first\:before\:content-\[attr\(data-placeholder\)\] {
1536
- &:first-child {
1537
- &::before {
1538
- content: var(--tw-content);
1539
- --tw-content: attr(data-placeholder);
1540
- content: var(--tw-content);
1541
- }
1542
- }
1543
- }
1544
- .focus-within\:border {
1545
- &:focus-within {
1546
- border-style: var(--tw-border-style);
1547
- border-width: 1px;
1548
- }
1549
- }
1550
- .focus-within\:border-primary-idle {
1551
- &:focus-within {
1552
- border-color: var(--color-primary-idle);
1553
- }
1554
- }
1555
- .hover\:overflow-x-auto {
1556
- &:hover {
1557
- @media (hover: hover) {
1558
- overflow-x: auto;
1559
- }
1560
- }
1561
- }
1562
- .hover\:border-border-layer-2 {
1563
- &:hover {
1564
- @media (hover: hover) {
1565
- border-color: var(--color-border-layer-2);
1566
- }
1567
- }
1568
- }
1569
- .hover\:border-border-layer-3 {
1570
- &:hover {
1571
- @media (hover: hover) {
1572
- border-color: var(--color-border-layer-3);
1573
- }
1574
- }
1575
- }
1576
- .hover\:border-primary-idle {
1577
- &:hover {
1578
- @media (hover: hover) {
1579
- border-color: var(--color-primary-idle);
1580
- }
1581
- }
1582
- }
1583
- .hover\:bg-danger-alt-hover {
1584
- &:hover {
1585
- @media (hover: hover) {
1586
- background-color: var(--color-danger-alt-hover);
1587
- }
1588
- }
1589
- }
1590
- .hover\:bg-danger-alt-idle {
1591
- &:hover {
1592
- @media (hover: hover) {
1593
- background-color: var(--color-danger-alt-idle);
1594
- }
1595
- }
1596
- }
1597
- .hover\:bg-danger-hover {
1598
- &:hover {
1599
- @media (hover: hover) {
1600
- background-color: var(--color-danger-hover);
1601
- }
1602
- }
1603
- }
1604
- .hover\:bg-layer-1-hover {
1605
- &:hover {
1606
- @media (hover: hover) {
1607
- background-color: var(--color-layer-1-hover);
1608
- }
1609
- }
1610
- }
1611
- .hover\:bg-layer-1-pressed {
1612
- &:hover {
1613
- @media (hover: hover) {
1614
- background-color: var(--color-layer-1-pressed);
1615
- }
1616
- }
1617
- }
1618
- .hover\:bg-layer-2-hover {
1619
- &:hover {
1620
- @media (hover: hover) {
1621
- background-color: var(--color-layer-2-hover);
1622
- }
1623
- }
1624
- }
1625
- .hover\:bg-layer-2-pressed {
1626
- &:hover {
1627
- @media (hover: hover) {
1628
- background-color: var(--color-layer-2-pressed);
1629
- }
1630
- }
1631
- }
1632
- .hover\:bg-primary-alt-active {
1633
- &:hover {
1634
- @media (hover: hover) {
1635
- background-color: var(--color-primary-alt-active);
1636
- }
1637
- }
1638
- }
1639
- .hover\:bg-primary-alt-hover {
1640
- &:hover {
1641
- @media (hover: hover) {
1642
- background-color: var(--color-primary-alt-hover);
1643
- }
1644
- }
1645
- }
1646
- .hover\:bg-primary-alt-idle {
1647
- &:hover {
1648
- @media (hover: hover) {
1649
- background-color: var(--color-primary-alt-idle);
1650
- }
1651
- }
1652
- }
1653
- .hover\:bg-primary-hover {
1654
- &:hover {
1655
- @media (hover: hover) {
1656
- background-color: var(--color-primary-hover);
1657
- }
1658
- }
1659
- }
1660
- .hover\:shadow-focus-primary {
1661
- &:hover {
1662
- @media (hover: hover) {
1663
- --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, 0.16);
1664
- box-shadow:
1665
- var(--tw-inset-shadow),
1666
- var(--tw-inset-ring-shadow),
1667
- var(--tw-ring-offset-shadow),
1668
- var(--tw-ring-shadow),
1669
- var(--tw-shadow);
1670
- }
1671
- }
1672
- }
1673
- .hover\:group-has-\[input\:not\(\:focus-within\)\]\:border-border-layer-3 {
1674
- &:hover {
1675
- @media (hover: hover) {
1676
- &:is(:where(.group):has(*:is(input:not(:focus-within))) *) {
1677
- border-color: var(--color-border-layer-3);
1678
- }
1679
- }
1680
- }
1681
- }
1682
- .focus\:border-primary-idle {
1683
- &:focus {
1684
- border-color: var(--color-primary-idle);
1685
- }
1686
- }
1687
- .focus\:shadow-focus-primary {
1688
- &:focus {
1689
- --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, 0.16);
1690
- box-shadow:
1691
- var(--tw-inset-shadow),
1692
- var(--tw-inset-ring-shadow),
1693
- var(--tw-ring-offset-shadow),
1694
- var(--tw-ring-shadow),
1695
- var(--tw-shadow);
1696
- }
1697
- }
1698
- .active\:bg-danger-alt-pressed {
1699
- &:active {
1700
- background-color: var(--color-danger-alt-pressed);
1701
- }
1702
- }
1703
- .active\:bg-danger-pressed {
1704
- &:active {
1705
- background-color: var(--color-danger-pressed);
1706
- }
1707
- }
1708
- .active\:bg-layer-1-active {
1709
- &:active {
1710
- background-color: var(--color-layer-1-active);
1711
- }
1712
- }
1713
- .active\:bg-layer-1-pressed {
1714
- &:active {
1715
- background-color: var(--color-layer-1-pressed);
1716
- }
1717
- }
1718
- .active\:bg-layer-2-active {
1719
- &:active {
1720
- background-color: var(--color-layer-2-active);
1721
- }
1722
- }
1723
- .active\:bg-layer-2-pressed {
1724
- &:active {
1725
- background-color: var(--color-layer-2-pressed);
1726
- }
1727
- }
1728
- .active\:bg-primary-alt-pressed {
1729
- &:active {
1730
- background-color: var(--color-primary-alt-pressed);
1731
- }
1732
- }
1733
- .active\:bg-primary-pressed {
1734
- &:active {
1735
- background-color: var(--color-primary-pressed);
1736
- }
1737
- }
1738
- .disabled\:pointer-events-none {
1739
- &:disabled {
1740
- pointer-events: none;
1741
- }
1742
- }
1743
- .disabled\:cursor-not-allowed {
1744
- &:disabled {
1745
- cursor: not-allowed;
1746
- }
1747
- }
1748
- .disabled\:opacity-38 {
1749
- &:disabled {
1750
- opacity: 38%;
1751
- }
1752
- }
1753
- .disabled\:opacity-50 {
1754
- &:disabled {
1755
- opacity: 50%;
1756
- }
1757
- }
1758
- .disabled\:opacity-60 {
1759
- &:disabled {
1760
- opacity: 60%;
1761
- }
1762
- }
1763
- .disabled\:opacity-\[38\%\] {
1764
- &:disabled {
1765
- opacity: 38%;
1766
- }
1767
- }
1768
- .disabled\:hover\:border-border-layer-2 {
1769
- &:disabled {
1770
- &:hover {
1771
- @media (hover: hover) {
1772
- border-color: var(--color-border-layer-2);
1773
- }
1774
- }
1775
- }
1776
- }
1777
- .has-\[input\:not\(\:placeholder-shown\)\]\:border-primary-idle {
1778
- &:has(*:is(input:not(:placeholder-shown))) {
1779
- border-color: var(--color-primary-idle);
1780
- }
1781
- }
1782
- .has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle {
1783
- &:has(*:is(input:not(:placeholder-shown))) {
1784
- color: var(--color-primary-idle);
1785
- }
1786
- }
1787
- .data-\[disabled\=true\]\:opacity-38 {
1788
- &[data-disabled=true] {
1789
- opacity: 38%;
1790
- }
1791
- }
1792
- .data-\[orientation\=horizontal\]\:h-px {
1793
- &[data-orientation=horizontal] {
1794
- height: 1px;
1795
- }
1796
- }
1797
- .data-\[orientation\=horizontal\]\:w-full {
1798
- &[data-orientation=horizontal] {
1799
- width: 100%;
1800
- }
1801
- }
1802
- .data-\[orientation\=horizontal\]\:flex-row {
1803
- &[data-orientation=horizontal] {
1804
- flex-direction: row;
1805
- }
1806
- }
1807
- .data-\[orientation\=vertical\]\:h-full {
1808
- &[data-orientation=vertical] {
1809
- height: 100%;
1810
- }
1811
- }
1812
- .data-\[orientation\=vertical\]\:w-px {
1813
- &[data-orientation=vertical] {
1814
- width: 1px;
1815
- }
1816
- }
1817
- .data-\[orientation\=vertical\]\:flex-col {
1818
- &[data-orientation=vertical] {
1819
- flex-direction: column;
1820
- }
1821
- }
1822
- .data-\[selected\=true\]\:bg-primary-alt-active {
1823
- &[data-selected=true] {
1824
- background-color: var(--color-primary-alt-active);
1825
- }
1826
- }
1827
- .data-\[side\=bottom\]\:slide-in-from-top-2 {
1828
- &[data-side=bottom] {
1829
- --tw-enter-translate-y: calc(2*var(--spacing)*-1);
1830
- }
1831
- }
1832
- .data-\[side\=left\]\:slide-in-from-right-2 {
1833
- &[data-side=left] {
1834
- --tw-enter-translate-x: calc(2*var(--spacing));
1835
- }
1836
- }
1837
- .data-\[side\=right\]\:slide-in-from-left-2 {
1838
- &[data-side=right] {
1839
- --tw-enter-translate-x: calc(2*var(--spacing)*-1);
1840
- }
1841
- }
1842
- .data-\[side\=top\]\:slide-in-from-bottom-2 {
1843
- &[data-side=top] {
1844
- --tw-enter-translate-y: calc(2*var(--spacing));
1845
- }
1846
- }
1847
- .data-\[size\=lg\]\:size-large-8x {
1848
- &[data-size=lg] {
1849
- width: var(--spacing-large-8x);
1850
- height: var(--spacing-large-8x);
1851
- }
1852
- }
1853
- .data-\[size\=lg\]\:text-size-headline-md {
1854
- &[data-size=lg] {
1855
- font-size: var(--text-size-headline-md);
1856
- line-height: var(--tw-leading, var(--text-size-headline-md--line-height));
1857
- }
1858
- }
1859
- .data-\[size\=md\]\:size-large-4x {
1860
- &[data-size=md] {
1861
- width: var(--spacing-large-4x);
1862
- height: var(--spacing-large-4x);
1863
- }
1864
- }
1865
- .data-\[size\=md\]\:text-size-label-lg {
1866
- &[data-size=md] {
1867
- font-size: var(--text-size-label-lg);
1868
- line-height: var(--tw-leading, var(--text-size-label-lg--line-height));
1869
- }
1870
- }
1871
- .data-\[size\=sm\]\:size-large-2x {
1872
- &[data-size=sm] {
1873
- width: var(--spacing-large-2x);
1874
- height: var(--spacing-large-2x);
1875
- }
1876
- }
1877
- .data-\[size\=sm\]\:text-size-label-sm {
1878
- &[data-size=sm] {
1879
- font-size: var(--text-size-label-sm);
1880
- line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
1881
- }
1882
- }
1883
- .data-\[size\=xs\]\:size-large-1x {
1884
- &[data-size=xs] {
1885
- width: var(--spacing-large-1x);
1886
- height: var(--spacing-large-1x);
1887
- }
1888
- }
1889
- .data-\[size\=xs\]\:text-size-label-sm {
1890
- &[data-size=xs] {
1891
- font-size: var(--text-size-label-sm);
1892
- line-height: var(--tw-leading, var(--text-size-label-sm--line-height));
1893
- }
1894
- }
1895
- .data-\[sorted\=true\]\:flex {
1896
- &[data-sorted=true] {
1897
- display: flex;
1898
- }
1899
- }
1900
- .data-\[sorted\=true\]\:bg-primary-alt-active {
1901
- &[data-sorted=true] {
1902
- background-color: var(--color-primary-alt-active);
1903
- }
1904
- }
1905
- .data-\[sorted\=true\]\:text-primary-label-active {
1906
- &[data-sorted=true] {
1907
- color: var(--color-primary-label-active);
1908
- }
1909
- }
1910
- .data-\[state\=active\]\:rounded-none {
1911
- &[data-state=active] {
1912
- border-radius: 0;
1913
- }
1914
- }
1915
- .data-\[state\=active\]\:rounded-none {
1916
- &[data-state=active] {
1917
- border-radius: var(--radius-none);
1918
- }
1919
- }
1920
- .data-\[state\=active\]\:border-b-\[3px\] {
1921
- &[data-state=active] {
1922
- border-bottom-style: var(--tw-border-style);
1923
- border-bottom-width: 3px;
1924
- }
1925
- }
1926
- .data-\[state\=active\]\:border-b-primary-active {
1927
- &[data-state=active] {
1928
- border-bottom-color: var(--color-primary-active);
1929
- }
1930
- }
1931
- .data-\[state\=active\]\:bg-layer-2-idle {
1932
- &[data-state=active] {
1933
- background-color: var(--color-layer-2-idle);
1934
- }
1935
- }
1936
- .data-\[state\=active\]\:text-primary-label-active {
1937
- &[data-state=active] {
1938
- color: var(--color-primary-label-active);
1939
- }
1940
- }
1941
- .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
1942
- &[data-state=checked] {
1943
- --tw-translate-x: calc(100% - 2px);
1944
- translate: var(--tw-translate-x) var(--tw-translate-y);
1945
- }
1946
- }
1947
- .data-\[state\=checked\]\:border-primary-active {
1948
- &[data-state=checked] {
1949
- border-color: var(--color-primary-active);
1950
- }
1951
- }
1952
- .data-\[state\=checked\]\:bg-primary-active {
1953
- &[data-state=checked] {
1954
- background-color: var(--color-primary-active);
1955
- }
1956
- }
1957
- .data-\[state\=checked\]\:bg-primary-idle {
1958
- &[data-state=checked] {
1959
- background-color: var(--color-primary-idle);
1960
- }
1961
- }
1962
- .data-\[state\=checked\]\:hover\:border-primary-idle {
1963
- &[data-state=checked] {
1964
- &:hover {
1965
- @media (hover: hover) {
1966
- border-color: var(--color-primary-idle);
1967
- }
1968
- }
1969
- }
1970
- }
1971
- .data-\[state\=closed\]\:animate-collapsible-up {
1972
- &[data-state=closed] {
1973
- animation: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1974
- }
1975
- }
1976
- .data-\[state\=closed\]\:animate-out {
1977
- &[data-state=closed] {
1978
- animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
1979
- }
1980
- }
1981
- .data-\[state\=closed\]\:duration-300 {
1982
- &[data-state=closed] {
1983
- --tw-duration: 300ms;
1984
- transition-duration: 300ms;
1985
- }
1986
- }
1987
- .data-\[state\=closed\]\:fade-out-0 {
1988
- &[data-state=closed] {
1989
- --tw-exit-opacity: calc(0/100);
1990
- --tw-exit-opacity: 0;
1991
- }
1992
- }
1993
- .data-\[state\=closed\]\:zoom-out-95 {
1994
- &[data-state=closed] {
1995
- --tw-exit-scale: calc(95*1%);
1996
- --tw-exit-scale: .95;
1997
- }
1998
- }
1999
- .data-\[state\=closed\]\:slide-out-to-bottom {
2000
- &[data-state=closed] {
2001
- --tw-exit-translate-y: 100%;
2002
- }
2003
- }
2004
- .data-\[state\=closed\]\:slide-out-to-left {
2005
- &[data-state=closed] {
2006
- --tw-exit-translate-x: -100%;
2007
- }
2008
- }
2009
- .data-\[state\=closed\]\:slide-out-to-right {
2010
- &[data-state=closed] {
2011
- --tw-exit-translate-x: 100%;
2012
- }
2013
- }
2014
- .data-\[state\=closed\]\:slide-out-to-top {
2015
- &[data-state=closed] {
2016
- --tw-exit-translate-y: -100%;
2017
- }
2018
- }
2019
- .data-\[state\=open\]\:animate-collapsible-down {
2020
- &[data-state=open] {
2021
- animation: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2022
- }
2023
- }
2024
- .data-\[state\=open\]\:animate-in {
2025
- &[data-state=open] {
2026
- animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2027
- }
2028
- }
2029
- .data-\[state\=open\]\:border-primary-idle {
2030
- &[data-state=open] {
2031
- border-color: var(--color-primary-idle);
2032
- }
2033
- }
2034
- .data-\[state\=open\]\:duration-500 {
2035
- &[data-state=open] {
2036
- --tw-duration: 500ms;
2037
- transition-duration: 500ms;
2038
- }
2039
- }
2040
- .data-\[state\=open\]\:fade-in-0 {
2041
- &[data-state=open] {
2042
- --tw-enter-opacity: calc(0/100);
2043
- --tw-enter-opacity: 0;
2044
- }
2045
- }
2046
- .data-\[state\=open\]\:slide-in-from-bottom {
2047
- &[data-state=open] {
2048
- --tw-enter-translate-y: 100%;
2049
- }
2050
- }
2051
- .data-\[state\=open\]\:slide-in-from-left {
2052
- &[data-state=open] {
2053
- --tw-enter-translate-x: -100%;
2054
- }
2055
- }
2056
- .data-\[state\=open\]\:slide-in-from-right {
2057
- &[data-state=open] {
2058
- --tw-enter-translate-x: 100%;
2059
- }
2060
- }
2061
- .data-\[state\=open\]\:slide-in-from-top {
2062
- &[data-state=open] {
2063
- --tw-enter-translate-y: -100%;
2064
- }
2065
- }
2066
- .data-\[state\=unchecked\]\:translate-x-0 {
2067
- &[data-state=unchecked] {
2068
- --tw-translate-x: calc(var(--spacing) * 0);
2069
- translate: var(--tw-translate-x) var(--tw-translate-y);
2070
- }
2071
- }
2072
- .data-\[state\=unchecked\]\:bg-alt-4 {
2073
- &[data-state=unchecked] {
2074
- background-color: var(--color-alt-4);
2075
- }
2076
- }
2077
- .data-\[variant\=outlined\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:text-primary-idle {
2078
- &[data-variant=outlined] {
2079
- &:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *) {
2080
- color: var(--color-primary-idle);
2081
- }
2082
- }
2083
- }
2084
- .data-\[variant\=rich\]\:rounded-small {
2085
- &[data-variant=rich] {
2086
- border-radius: var(--radius-small);
2087
- }
2088
- }
2089
- .data-\[variant\=rich\]\:border {
2090
- &[data-variant=rich] {
2091
- border-style: var(--tw-border-style);
2092
- border-width: 1px;
2093
- }
2094
- }
2095
- .data-\[variant\=rich\]\:border-border-layer-2 {
2096
- &[data-variant=rich] {
2097
- border-color: var(--color-border-layer-2);
2098
- }
2099
- }
2100
- .data-\[variant\=rich\]\:bg-layer-2-idle {
2101
- &[data-variant=rich] {
2102
- background-color: var(--color-layer-2-idle);
2103
- }
2104
- }
2105
- .data-\[variant\=rich\]\:p-large {
2106
- &[data-variant=rich] {
2107
- padding: var(--spacing-large);
2108
- }
2109
- }
2110
- .data-\[variant\=rich\]\:text-neutral-dark {
2111
- &[data-variant=rich] {
2112
- color: var(--color-neutral-dark);
2113
- }
2114
- }
2115
- .data-\[variant\=simple\]\:rounded-small-1x {
2116
- &[data-variant=simple] {
2117
- border-radius: var(--radius-small-1x);
2118
- }
2119
- }
2120
- .data-\[variant\=simple\]\:bg-alt-2 {
2121
- &[data-variant=simple] {
2122
- background-color: var(--color-alt-2);
2123
- }
2124
- }
2125
- .data-\[variant\=simple\]\:px-small {
2126
- &[data-variant=simple] {
2127
- padding-inline: var(--spacing-small);
2128
- }
2129
- }
2130
- .data-\[variant\=simple\]\:py-small-1x {
2131
- &[data-variant=simple] {
2132
- padding-block: var(--spacing-small-1x);
2133
- }
2134
- }
2135
- .data-\[variant\=simple\]\:text-neutral-label {
2136
- &[data-variant=simple] {
2137
- color: var(--color-neutral-label);
2138
- }
2139
- }
2140
- .sm\:max-w-sm {
2141
- @media (width >= 40rem) {
2142
- max-width: var(--container-sm);
2143
- }
2144
- }
2145
- .\[\&_ol_ol\]\:list-\[lower-alpha\] {
2146
- & ol ol {
2147
- list-style-type: lower-alpha;
2148
- }
2149
- }
2150
- .\[\&_ol_ol_ol\]\:list-\[lower-roman\] {
2151
- & ol ol ol {
2152
- list-style-type: lower-roman;
2153
- }
2154
- }
2155
- .\[\&_tr\]\:border-b {
2156
- & tr {
2157
- border-bottom-style: var(--tw-border-style);
2158
- border-bottom-width: 1px;
2159
- }
2160
- }
2161
- .\[\&_tr\]\:border-border-layer-2 {
2162
- & tr {
2163
- border-color: var(--color-border-layer-2);
2164
- }
2165
- }
2166
- .\[\&_tr\:last-child\]\:border-0 {
2167
- & tr:last-child {
2168
- border-style: var(--tw-border-style);
2169
- border-width: 0px;
2170
- }
2171
- }
2172
- .\[\&_ul_ul\]\:list-\[circle\] {
2173
- & ul ul {
2174
- list-style-type: circle;
2175
- }
2176
- }
2177
- .\[\&_ul_ul_ul\]\:list-\[square\] {
2178
- & ul ul ul {
2179
- list-style-type: square;
2180
- }
2181
- }
2182
- .\[\&\>tr\]\:last\:border-b-0 {
2183
- & > tr {
2184
- &:last-child {
2185
- border-bottom-style: var(--tw-border-style);
2186
- border-bottom-width: 0px;
2187
- }
2188
- }
2189
- }
2190
- }
2191
- @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
2192
- @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
2193
- @property --tw-animation-duration { syntax: "*"; inherits: false; }
2194
- @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
2195
- @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
2196
- @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
2197
- @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
2198
- @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
2199
- @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
2200
- @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
2201
- @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
2202
- @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
2203
- @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
2204
- @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
2205
- @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
2206
- @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
2207
- @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
2208
- @layer base {
2209
- * {
2210
- scrollbar-color: initial;
2211
- scrollbar-width: initial;
2212
- }
2213
- }
2214
- @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
2215
- @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
2216
- @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
2217
- @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
2218
- @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
2219
- @property --tw-font-weight { syntax: "*"; inherits: false; }
2220
- @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2221
- @property --tw-shadow-color { syntax: "*"; inherits: false; }
2222
- @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
2223
- @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2224
- @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
2225
- @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
2226
- @property --tw-ring-color { syntax: "*"; inherits: false; }
2227
- @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2228
- @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
2229
- @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2230
- @property --tw-ring-inset { syntax: "*"; inherits: false; }
2231
- @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
2232
- @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
2233
- @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2234
- @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
2235
- @property --tw-duration { syntax: "*"; inherits: false; }
2236
- @property --tw-ease { syntax: "*"; inherits: false; }
2237
- @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
2238
- @keyframes pulse {
2239
- 50% {
2240
- opacity: 0.5;
2241
- }
2242
- }
2243
- @keyframes enter {
2244
- from {
2245
- opacity: var(--tw-enter-opacity,1);
2246
- transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0)scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
2247
- filter: blur(var(--tw-enter-blur,0));
2248
- }
2249
- }
2250
- @keyframes exit {
2251
- to {
2252
- opacity: var(--tw-exit-opacity,1);
2253
- transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0)scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
2254
- filter: blur(var(--tw-exit-blur,0));
2255
- }
2256
- }
2257
- @keyframes collapsible-down {
2258
- from {
2259
- height: 0;
2260
- }
2261
- to {
2262
- height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
2263
- }
2264
- }
2265
- @keyframes collapsible-up {
2266
- from {
2267
- height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))));
2268
- }
2269
- to {
2270
- height: 0;
2271
- }
2272
- }
2273
- @layer properties {
2274
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2275
- *,
2276
- ::before,
2277
- ::after,
2278
- ::backdrop {
2279
- --tw-translate-x: 0;
2280
- --tw-translate-y: 0;
2281
- --tw-translate-z: 0;
2282
- --tw-space-x-reverse: 0;
2283
- --tw-border-style: solid;
2284
- --tw-font-weight: initial;
2285
- --tw-shadow: 0 0 #0000;
2286
- --tw-shadow-color: initial;
2287
- --tw-shadow-alpha: 100%;
2288
- --tw-inset-shadow: 0 0 #0000;
2289
- --tw-inset-shadow-color: initial;
2290
- --tw-inset-shadow-alpha: 100%;
2291
- --tw-ring-color: initial;
2292
- --tw-ring-shadow: 0 0 #0000;
2293
- --tw-inset-ring-color: initial;
2294
- --tw-inset-ring-shadow: 0 0 #0000;
2295
- --tw-ring-inset: initial;
2296
- --tw-ring-offset-width: 0px;
2297
- --tw-ring-offset-color: #fff;
2298
- --tw-ring-offset-shadow: 0 0 #0000;
2299
- --tw-outline-style: solid;
2300
- --tw-duration: initial;
2301
- --tw-ease: initial;
2302
- --tw-content: "";
2303
- --tw-animation-delay: 0s;
2304
- --tw-animation-direction: normal;
2305
- --tw-animation-duration: initial;
2306
- --tw-animation-fill-mode: none;
2307
- --tw-animation-iteration-count: 1;
2308
- --tw-enter-blur: 0;
2309
- --tw-enter-opacity: 1;
2310
- --tw-enter-rotate: 0;
2311
- --tw-enter-scale: 1;
2312
- --tw-enter-translate-x: 0;
2313
- --tw-enter-translate-y: 0;
2314
- --tw-exit-blur: 0;
2315
- --tw-exit-opacity: 1;
2316
- --tw-exit-rotate: 0;
2317
- --tw-exit-scale: 1;
2318
- --tw-exit-translate-x: 0;
2319
- --tw-exit-translate-y: 0;
2320
- }
2321
- }
2322
- }
1
+ @layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-lg: 32rem;--container-2xl: 42rem;--container-4xl: 56rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tight: -.025em;--radius-sm: .25rem;--radius-lg: .5rem;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm: 8px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--font-inter: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--spacing-none: 0;--spacing-small-2x: 2px;--spacing-small-1x: 4px;--spacing-small_1x-alt: 6px;--spacing-small: 8px;--spacing-medium: 12px;--spacing-large: 16px;--spacing-large-alt: 18px;--spacing-large-1x: 20px;--spacing-large-2x: 24px;--spacing-large-3x: 28px;--spacing-large-4x: 32px;--spacing-large-6x: 40px;--spacing-large-7x: 44px;--spacing-large-8x: 48px;--radius-none: 0;--radius-small-2x: 2px;--radius-small-1x: 4px;--radius-small: 8px;--radius-circle: 999px;--shadow-2x-small: 1px;--shadow-1x-small: 2px;--shadow-medium: 4px;--shadow-large-1x: 8px;--color-shadow-lightest: #0000000A;--color-shadow-light: #0000000F;--color-title-neutral: #17171A;--color-neutral-dark: #3D3D47;--color-neutral-placeholder: #9C9CAD;--color-neutral-label: #FFFFFF;--color-icon-neutral-3: #69697A;--color-icon-neutral-5: #FFFFFF;--color-layer-1-idle: #F7F7FA;--color-layer-1-hover: #F0F0F2;--color-layer-1-pressed: #E7E7EB;--color-layer-1-active: #DEDEE3;--color-layer-2-idle: #FFFFFF;--color-layer-2-hover: #F8F8FA;--color-layer-2-pressed: #F0F0F2;--color-layer-2-active: #E7E7EB;--color-layer-skeleton: #E5E7EB;--color-alt-1: #17171A;--color-alt-2: #3D3D47;--color-alt-3: #69697A;--color-alt-4: #9C9CAD;--color-border-layer-1: #D6D6DC;--color-border-layer-2: #DEDEE3;--color-border-layer-3: #9C9CAD;--color-border-layer-4: #69697A;--color-primary-idle: #E87D30;--color-primary-hover: #C7631C;--color-primary-pressed: #AE5413;--color-primary-active: #E87D30;--color-primary-alt-idle: #F9EEE6;--color-primary-alt-hover: #F7E6D9;--color-primary-alt-pressed: #F4DCCD;--color-primary-alt-active: #F9EEE6;--color-primary-label-idle: #E87D30;--color-primary-label-active: #E87D30;--color-danger-idle: #E83040;--color-danger-hover: #C71C2B;--color-danger-pressed: #AE1320;--color-danger-alt-idle: #F9E6E8;--color-danger-alt-hover: #F7D9DC;--color-danger-alt-pressed: #F4CDCD;--color-danger-label-idle: #E83040;--color-danger-label-active: #E83040;--color-success-idle: #169C55;--color-success-hover: #10703D;--color-success-alt-idle: #E6F9EF;--color-success-alt-hover: #DAF7E7;--color-success-alt-pressed: #CDF4DF;--color-warning-idle: #DF9F20;--color-warning-hover: #B37A19;--text-size-body-sm-1x: 12px;--text-size-body-sm-1x--line-height: 16px;--text-size-body-sm: 13px;--text-size-body-sm--line-height: 16px;--text-size-body-md: 14px;--text-size-body-md--line-height: 20px;--text-size-body-lg: 16px;--text-size-body-lg--line-height: 24px;--text-size-label-sm-2x: 10px;--text-size-label-sm-2x--line-height: 14px;--text-size-label-sm-1x: 12px;--text-size-label-sm-1x--line-height: 16px;--text-size-label-sm: 13px;--text-size-label-sm--line-height: 16px;--text-size-label-md: 14px;--text-size-label-md--line-height: 20px;--text-size-label-lg: 16px;--text-size-label-lg--line-height: 24px;--text-size-title-sm: 14px;--text-size-title-sm--line-height: 20px;--text-size-title-md: 16px;--text-size-title-md--line-height: 24px;--text-size-title-lg: 20px;--text-size-title-lg--line-height: 28px;--text-size-headline-sm: 24px;--text-size-headline-sm--line-height: 32px;--text-size-headline-md: 28px;--text-size-headline-md--line-height: 40px;--text-size-headline-lg: 32px;--text-size-headline-lg--line-height: 48px}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-\[22px\]{top:-22px}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.right-small{right:var(--spacing-small)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2,.left-\[50\%\]{left:50%}.left-small{left:var(--spacing-small)}.isolate{isolation:isolate}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-1000{z-index:1000}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.container{width:100%;@media (width >= 40rem){max-width:40rem}@media (width >= 48rem){max-width:48rem}@media (width >= 64rem){max-width:64rem}@media (width >= 80rem){max-width:80rem}@media (width >= 96rem){max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.mt-small{margin-top:var(--spacing-small)}.mr-0{margin-right:calc(var(--spacing) * 0)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.scrollbar{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}}.scrollbar-thin{&::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}&::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);&::-webkit-scrollbar{display:block;width:8px;height:8px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1 / 1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-full{width:100%;height:100%}.size-large{width:var(--spacing-large);height:var(--spacing-large)}.size-large-1x{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}.size-large-2x{width:var(--spacing-large-2x);height:var(--spacing-large-2x)}.size-large-alt{width:var(--spacing-large-alt);height:var(--spacing-large-alt)}.size-medium{width:var(--spacing-medium);height:var(--spacing-medium)}.h-1\/2{height:50%}.h-4{height:calc(var(--spacing) * 4)}.h-\[68px\]{height:68px}.h-\[212px\]{height:212px}.h-auto{height:auto}.h-full{height:100%}.h-large{height:var(--spacing-large)}.h-large-2x{height:var(--spacing-large-2x)}.h-large-4x{height:var(--spacing-large-4x)}.h-large-6x{height:var(--spacing-large-6x)}.h-large-7x{height:var(--spacing-large-7x)}.h-large-8x{height:var(--spacing-large-8x)}.max-h-\[116px\]{max-height:116px}.max-h-\[212px\]{max-height:212px}.max-h-\[400px\]{max-height:400px}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.min-h-\[18px\]{min-height:18px}.min-h-\[64px\]{min-height:64px}.min-h-\[116px\]{min-height:116px}.min-h-\[130px\]{min-height:130px}.min-h-\[160px\]{min-height:160px}.min-h-\[200px\]{min-height:200px}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-\[64px\]{width:64px}.w-\[80px\]{width:80px}.w-\[94px\]{width:94px}.w-\[240px\]{width:240px}.w-fit{width:fit-content}.w-full{width:100%}.w-large-2x{width:var(--spacing-large-2x)}.w-large-3x{width:var(--spacing-large-3x)}.w-large-4x{width:var(--spacing-large-4x)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[320px\]{max-width:320px}.max-w-\[var\(--radix-popover-content-available-width\)\]{max-width:var(--radix-popover-content-available-width)}.max-w-\[var\(--radix-popover-trigger-width\)\]{max-width:var(--radix-popover-trigger-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[var\(--radix-popover-trigger-width\)\]{min-width:var(--radix-popover-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-2{rotate:-2deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.\[grid-template-columns\:64px_repeat\(7\,1fr\)\]{grid-template-columns:64px repeat(7,1fr)}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-large{gap:var(--spacing-large)}.gap-large-2x{gap:var(--spacing-large-2x)}.gap-medium{gap:var(--spacing-medium)}.gap-small{gap:var(--spacing-small)}.gap-small-1x{gap:var(--spacing-small-1x)}.gap-small-2x{gap:var(--spacing-small-2x)}.gap-small_1x-alt{gap:var(--spacing-small_1x-alt)}.space-y-1\.5{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}}.-space-x-small-1x{:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing-small-1x) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing-small-1x) * -1) * calc(1 - var(--tw-space-x-reverse)))}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-circle{border-radius:var(--radius-circle)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-small{border-radius:var(--radius-small)}.rounded-small-1x{border-radius:var(--radius-small-1x)}.rounded-small-2x{border-radius:var(--radius-small-2x)}.rounded-t-small-1x{border-top-left-radius:var(--radius-small-1x);border-top-right-radius:var(--radius-small-1x)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-tl-small-1x{border-top-left-radius:var(--radius-small-1x)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-r-small-1x{border-top-right-radius:var(--radius-small-1x);border-bottom-right-radius:var(--radius-small-1x)}.rounded-tr-circle{border-top-right-radius:var(--radius-circle)}.rounded-tr-none{border-top-right-radius:0}.rounded-tr-none{border-top-right-radius:var(--radius-none)}.rounded-tr-small-1x{border-top-right-radius:var(--radius-small-1x)}.rounded-br-circle{border-bottom-right-radius:var(--radius-circle)}.rounded-br-none{border-bottom-right-radius:0}.rounded-br-none{border-bottom-right-radius:var(--radius-none)}.rounded-bl-none{border-bottom-left-radius:0}.rounded-bl-none{border-bottom-left-radius:var(--radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0px}.border-b,.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-border-layer-2{border-color:var(--color-border-layer-2)}.border-border-layer-4{border-color:var(--color-border-layer-4)}.border-danger-idle{border-color:var(--color-danger-idle)}.border-icon-neutral-5{border-color:var(--color-icon-neutral-5)}.border-neutral-dark{border-color:var(--color-neutral-dark)}.border-success-idle{border-color:var(--color-success-idle)}.border-transparent{border-color:transparent}.border-warning-idle{border-color:var(--color-warning-idle)}.border-t-border-layer-2{border-top-color:var(--color-border-layer-2)}.border-b-border-layer-2{border-bottom-color:var(--color-border-layer-2)}.border-b-transparent{border-bottom-color:transparent}.\!bg-primary-alt-active{background-color:var(--color-primary-alt-active)!important}.bg-alt-1{background-color:var(--color-alt-1)}.bg-alt-3{background-color:var(--color-alt-3)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-border-layer-2{background-color:var(--color-border-layer-2)}.bg-danger-alt-idle{background-color:var(--color-danger-alt-idle)}.bg-danger-idle{background-color:var(--color-danger-idle)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-inherit{background-color:inherit}.bg-layer-1-hover{background-color:var(--color-layer-1-hover)}.bg-layer-1-idle{background-color:var(--color-layer-1-idle)}.bg-layer-2-active{background-color:var(--color-layer-2-active)}.bg-layer-2-hover{background-color:var(--color-layer-2-hover)}.bg-layer-2-idle{background-color:var(--color-layer-2-idle)}.bg-layer-skeleton{background-color:var(--color-layer-skeleton)}.bg-neutral-dark{background-color:var(--color-neutral-dark)}.bg-primary-alt-active{background-color:var(--color-primary-alt-active)}.bg-primary-alt-idle{background-color:var(--color-primary-alt-idle)}.bg-primary-idle{background-color:var(--color-primary-idle)}.bg-success-alt-idle{background-color:var(--color-success-alt-idle)}.bg-success-idle{background-color:var(--color-success-idle)}.bg-transparent{background-color:transparent}.bg-warning-idle{background-color:var(--color-warning-idle)}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:color-mix(in srgb,#fff 95%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[2px\]{padding:2px}.p-large{padding:var(--spacing-large)}.p-small{padding:var(--spacing-small)}.p-small-1x{padding:var(--spacing-small-1x)}.p-small-2x{padding:var(--spacing-small-2x)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-large{padding-inline:var(--spacing-large)}.px-large-2x{padding-inline:var(--spacing-large-2x)}.px-medium{padding-inline:var(--spacing-medium)}.px-small{padding-inline:var(--spacing-small)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-large{padding-block:var(--spacing-large)}.py-medium{padding-block:var(--spacing-medium)}.py-none{padding-block:var(--spacing-none)}.py-small{padding-block:var(--spacing-small)}.py-small-1x{padding-block:var(--spacing-small-1x)}.py-small_1x-alt{padding-block:var(--spacing-small_1x-alt)}.pt-small-1x{padding-top:var(--spacing-small-1x)}.pr-large-2x{padding-right:var(--spacing-large-2x)}.pr-large-3x{padding-right:var(--spacing-large-3x)}.pr-small{padding-right:var(--spacing-small)}.pr-small-2x{padding-right:var(--spacing-small-2x)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-large-1x{padding-left:var(--spacing-large-1x)}.pl-medium{padding-left:var(--spacing-medium)}.pl-small-2x{padding-left:var(--spacing-small-2x)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-inter{font-family:var(--font-inter)}.\!text-size-body-sm{font-size:var(--text-size-body-sm)!important;line-height:var(--tw-leading, var(--text-size-body-sm--line-height))!important}.\!text-size-label-md{font-size:var(--text-size-label-md)!important;line-height:var(--tw-leading, var(--text-size-label-md--line-height))!important}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-size-body-lg{font-size:var(--text-size-body-lg);line-height:var(--tw-leading, var(--text-size-body-lg--line-height))}.text-size-body-md{font-size:var(--text-size-body-md);line-height:var(--tw-leading, var(--text-size-body-md--line-height))}.text-size-body-sm{font-size:var(--text-size-body-sm);line-height:var(--tw-leading, var(--text-size-body-sm--line-height))}.text-size-body-sm-1x{font-size:var(--text-size-body-sm-1x);line-height:var(--tw-leading, var(--text-size-body-sm-1x--line-height))}.text-size-headline-lg{font-size:var(--text-size-headline-lg);line-height:var(--tw-leading, var(--text-size-headline-lg--line-height))}.text-size-headline-md{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}.text-size-headline-sm{font-size:var(--text-size-headline-sm);line-height:var(--tw-leading, var(--text-size-headline-sm--line-height))}.text-size-label-lg{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}.text-size-label-md{font-size:var(--text-size-label-md);line-height:var(--tw-leading, var(--text-size-label-md--line-height))}.text-size-label-sm{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}.text-size-label-sm-1x{font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}.text-size-label-sm-2x{font-size:var(--text-size-label-sm-2x);line-height:var(--tw-leading, var(--text-size-label-sm-2x--line-height))}.text-size-title-lg{font-size:var(--text-size-title-lg);line-height:var(--tw-leading, var(--text-size-title-lg--line-height))}.text-size-title-md{font-size:var(--text-size-title-md);line-height:var(--tw-leading, var(--text-size-title-md--line-height))}.text-size-title-sm{font-size:var(--text-size-title-sm);line-height:var(--tw-leading, var(--text-size-title-sm--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.leading-none{--tw-leading: 1;line-height:1}.leading-none{--tw-leading: var(--spacing-none);line-height:var(--spacing-none)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight: var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight: var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.\!text-primary-label-active{color:var(--color-primary-label-active)!important}.text-current{color:currentcolor}.text-danger-label-idle{color:var(--color-danger-label-idle)}.text-gray-300{color:var(--color-gray-300)}.text-icon-neutral-3{color:var(--color-icon-neutral-3)}.text-inherit{color:inherit}.text-neutral-dark{color:var(--color-neutral-dark)}.text-neutral-label{color:var(--color-neutral-label)}.text-neutral-placeholder{color:var(--color-neutral-placeholder)}.text-primary-idle{color:var(--color-primary-idle)}.text-primary-label-active{color:var(--color-primary-label-active)}.text-primary-label-idle{color:var(--color-primary-label-idle)}.text-title-neutral{color:var(--color-title-neutral)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.shadow-elevation-2{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F)), 0 4px 8px 0 var(--tw-shadow-color, var(--color-shadow-light, #0000000F));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-elevation-3{--tw-shadow: 0 var(--shadow-2x-small, 1px) var(--shadow-1x-small, 2px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-medium, 4px) var(--shadow-large-1x, 8px) var(--color-shadow-lightest, #0000000A), 0 var(--shadow-large-1x, 4px) var(--shadow-large3x, 16px) var(--color-shadow-lightest, #0000000A);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0px}.filter{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,)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{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;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[visibility\]{transition-property:visibility;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-100{--tw-duration: .1s;transition-duration:.1s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-250{--tw-duration: .25s;transition-duration:.25s}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.fade-in{--tw-enter-opacity: 0}.\*\:h-full{:is(&>*){height:100%}}.\*\:w-full{:is(&>*){width:100%}}.\*\:outline-0{:is(&>*){outline-style:var(--tw-outline-style);outline-width:0px}}.group-focus-within\:-top-\[3px\]{&:is(:where(.group):focus-within *){top:-3px}}.group-focus-within\:animate-in{&:is(:where(.group):focus-within *){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-focus-within\:text-size-label-sm-1x{&:is(:where(.group):focus-within *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-focus-within\:font-medium{&:is(:where(.group):focus-within *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-focus-within\:\!text-danger-label-active{&:is(:where(.group):focus-within *){color:var(--color-danger-label-active)!important}}.group-focus-within\:\!text-primary-idle{&:is(:where(.group):focus-within *){color:var(--color-primary-idle)!important}}.group-hover\:border-border-layer-3{&:is(:where(.group):hover *){@media (hover: hover){border-color:var(--color-border-layer-3)}}}.group-hover\/calendar-cell\:visible{&:is(:where(.group\/calendar-cell):hover *){@media (hover: hover){visibility:visible}}}.group-hover\/th\:flex{&:is(:where(.group\/th):hover *){@media (hover: hover){display:flex}}}.group-disabled\:\!pl-0{&:is(:where(.group):disabled *){padding-left:calc(var(--spacing) * 0)!important}}.group-has-\[div\[data-slot\=control-slot\]\]\:left-large-4x{&:is(:where(.group):has(*:is(div[data-slot=control-slot])) *){left:var(--spacing-large-4x)}}.group-has-\[div\[data-slot\=control-slot\]\]\:group-focus-within\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-slot])) *){&:is(:where(.group):focus-within *){left:var(--spacing-small)}}}.group-has-\[div\[data-slot\=date-picker-left-slot\]\]\:pl-large-1x{&:is(:where(.group):has(*:is(div[data-slot=date-picker-left-slot])) *){padding-left:var(--spacing-large-1x)}}.group-has-\[div\[data-slot\=input-action-slot\]\]\:rounded-r-none{&:is(:where(.group):has(*:is(div[data-slot=input-action-slot])) *){border-top-right-radius:0;border-bottom-right-radius:0}}.group-has-\[div\[data-slot\=input-action-slot\]\]\:rounded-r-none{&:is(:where(.group):has(*:is(div[data-slot=input-action-slot])) *){border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:-top-\[3px\]{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){top:-3px}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:animate-out{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:text-size-label-sm-1x{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:font-medium{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-danger-label-active{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-danger-label-active)!important}}.group-has-\[input\:not\(\:placeholder-shown\)\]\:\!text-primary-idle{&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){color:var(--color-primary-idle)!important}}.group-has-\[div\[data-slot\=control-slot\]\]\:group-has-\[input\:not\(\:placeholder-shown\)\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-slot])) *){&:is(:where(.group):has(*:is(input:not(:placeholder-shown))) *){left:var(--spacing-small)}}}.group-data-\[state\=open\]\:-top-\[3px\]{&:is(:where(.group)[data-state=open] *){top:-3px}}.group-data-\[state\=open\]\:text-size-label-sm-1x{&:is(:where(.group)[data-state=open] *){font-size:var(--text-size-label-sm-1x);line-height:var(--tw-leading, var(--text-size-label-sm-1x--line-height))}}.group-data-\[state\=open\]\:font-medium{&:is(:where(.group)[data-state=open] *){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.group-data-\[state\=open\]\:\!text-danger-label-active{&:is(:where(.group)[data-state=open] *){color:var(--color-danger-label-active)!important}}.group-data-\[state\=open\]\:\!text-primary-idle{&:is(:where(.group)[data-state=open] *){color:var(--color-primary-idle)!important}}.group-has-\[div\[data-slot\=control-slot\]\]\:group-data-\[state\=open\]\:left-small{&:is(:where(.group):has(*:is(div[data-slot=control-slot])) *){&:is(:where(.group)[data-state=open] *){left:var(--spacing-small)}}}.group-data-\[variant\=danger\]\:text-danger-label-idle{&:is(:where(.group)[data-variant=danger] *){color:var(--color-danger-label-idle)}}.group-data-\[variant\=neutral\]\:text-icon-neutral-3{&:is(:where(.group)[data-variant=neutral] *){color:var(--color-icon-neutral-3)}}.group-data-\[variant\=primary\]\:text-primary-label-idle{&:is(:where(.group)[data-variant=primary] *){color:var(--color-primary-label-idle)}}.placeholder\:text-neutral-placeholder{&::placeholder{color:var(--color-neutral-placeholder)}}.placeholder\:placeholder-neutral-placeholder{&::placeholder{&::placeholder{color:var(--color-neutral-placeholder)}}}.before\:absolute{&:before{content:var(--tw-content);position:absolute}}.before\:top-0{&:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}}.before\:left-0{&:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.before\:text-neutral-placeholder{&:before{content:var(--tw-content);color:var(--color-neutral-placeholder)}}.before\:content-\[attr\(data-placeholder\)\]{&:before{--tw-content: attr(data-placeholder);content:var(--tw-content)}}.first\:before\:pointer-events-none{&:first-child{&:before{content:var(--tw-content);pointer-events:none}}}.first\:before\:float-left{&:first-child{&:before{content:var(--tw-content);float:left}}}.first\:before\:content-\[attr\(data-placeholder\)\]{&:first-child{&:before{--tw-content: attr(data-placeholder);content:var(--tw-content)}}}.last\:border-r-0{&:last-child{border-right-style:var(--tw-border-style);border-right-width:0px}}.focus-within\:border{&:focus-within{border-style:var(--tw-border-style);border-width:1px}}.focus-within\:border-danger-idle{&:focus-within{border-color:var(--color-danger-idle)}}.focus-within\:border-primary-idle{&:focus-within{border-color:var(--color-primary-idle)}}.focus-within\:ring-2{&:focus-within{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\:ring-primary-idle\/20{&:focus-within{--tw-ring-color: color-mix(in srgb, #E87D30 20%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary-idle) 20%, transparent)}}}.hover\:overflow-x-auto{&:hover{@media (hover: hover){overflow-x:auto}}}.hover\:border-border-layer-1{&:hover{@media (hover: hover){border-color:var(--color-border-layer-1)}}}.hover\:border-border-layer-2{&:hover{@media (hover: hover){border-color:var(--color-border-layer-2)}}}.hover\:border-border-layer-3{&:hover{@media (hover: hover){border-color:var(--color-border-layer-3)}}}.hover\:border-danger-idle{&:hover{@media (hover: hover){border-color:var(--color-danger-idle)}}}.hover\:border-primary-idle{&:hover{@media (hover: hover){border-color:var(--color-primary-idle)}}}.hover\:\!bg-layer-2-active{&:hover{@media (hover: hover){background-color:var(--color-layer-2-active)!important}}}.hover\:\!bg-primary-alt-active{&:hover{@media (hover: hover){background-color:var(--color-primary-alt-active)!important}}}.hover\:bg-danger-alt-hover{&:hover{@media (hover: hover){background-color:var(--color-danger-alt-hover)}}}.hover\:bg-danger-alt-idle{&:hover{@media (hover: hover){background-color:var(--color-danger-alt-idle)}}}.hover\:bg-danger-hover{&:hover{@media (hover: hover){background-color:var(--color-danger-hover)}}}.hover\:bg-layer-1-hover{&:hover{@media (hover: hover){background-color:var(--color-layer-1-hover)}}}.hover\:bg-layer-1-pressed{&:hover{@media (hover: hover){background-color:var(--color-layer-1-pressed)}}}.hover\:bg-layer-2-hover{&:hover{@media (hover: hover){background-color:var(--color-layer-2-hover)}}}.hover\:bg-layer-2-pressed{&:hover{@media (hover: hover){background-color:var(--color-layer-2-pressed)}}}.hover\:bg-primary-alt-hover{&:hover{@media (hover: hover){background-color:var(--color-primary-alt-hover)}}}.hover\:bg-primary-alt-idle{&:hover{@media (hover: hover){background-color:var(--color-primary-alt-idle)}}}.hover\:bg-primary-hover{&:hover{@media (hover: hover){background-color:var(--color-primary-hover)}}}.hover\:bg-success-alt-hover{&:hover{@media (hover: hover){background-color:var(--color-success-alt-hover)}}}.hover\:bg-success-hover{&:hover{@media (hover: hover){background-color:var(--color-success-hover)}}}.hover\:bg-transparent{&:hover{@media (hover: hover){background-color:transparent}}}.hover\:bg-warning-hover{&:hover{@media (hover: hover){background-color:var(--color-warning-hover)}}}.hover\:text-neutral-dark{&:hover{@media (hover: hover){color:var(--color-neutral-dark)}}}.hover\:opacity-100{&:hover{@media (hover: hover){opacity:100%}}}.hover\:shadow-focus-primary{&:hover{@media (hover: hover){--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus-within\:hover\:border-danger-idle{&:focus-within{&:hover{@media (hover: hover){border-color:var(--color-danger-idle)}}}}.focus-within\:hover\:border-primary-idle{&:focus-within{&:hover{@media (hover: hover){border-color:var(--color-primary-idle)}}}}.focus\:border-primary-idle{&:focus{border-color:var(--color-primary-idle)}}.focus\:shadow-focus-primary{&:focus{--tw-shadow: 0 0 0 var(--tw-shadow-color, var(--shadow-medium, 4px)) rgba(232, 125, 48, .16);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style: none;outline-style:none}}.active\:cursor-grabbing{&:active{cursor:grabbing}}.active\:bg-danger-alt-pressed{&:active{background-color:var(--color-danger-alt-pressed)}}.active\:bg-danger-pressed{&:active{background-color:var(--color-danger-pressed)}}.active\:bg-layer-1-active{&:active{background-color:var(--color-layer-1-active)}}.active\:bg-layer-1-pressed{&:active{background-color:var(--color-layer-1-pressed)}}.active\:bg-layer-2-active{&:active{background-color:var(--color-layer-2-active)}}.active\:bg-layer-2-pressed{&:active{background-color:var(--color-layer-2-pressed)}}.active\:bg-primary-alt-pressed{&:active{background-color:var(--color-primary-alt-pressed)}}.active\:bg-primary-pressed{&:active{background-color:var(--color-primary-pressed)}}.active\:bg-success-alt-pressed{&:active{background-color:var(--color-success-alt-pressed)}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:opacity-38{&:disabled{opacity:38%}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:opacity-60{&:disabled{opacity:60%}}.disabled\:opacity-\[38\%\]{&:disabled{opacity:38%}}.disabled\:hover\:border-border-layer-2{&:disabled{&:hover{@media (hover: hover){border-color:var(--color-border-layer-2)}}}}.has-\[input\:not\(\:placeholder-shown\)\]\:border-primary-idle{&:has(*:is(input:not(:placeholder-shown))){border-color:var(--color-primary-idle)}}.group-hover\/chip\:data-\[disabled\=false\]\:visible{&:is(:where(.group\/chip):hover *){@media (hover: hover){&[data-disabled=false]{visibility:visible}}}}.group-hover\/tag\:data-\[disabled\=false\]\:visible{&:is(:where(.group\/tag):hover *){@media (hover: hover){&[data-disabled=false]{visibility:visible}}}}.data-\[disabled\=true\]\:hidden{&[data-disabled=true]{display:none}}.data-\[disabled\=true\]\:opacity-38{&[data-disabled=true]{opacity:38%}}.data-\[drag-over\=true\]\:border-primary-idle{&[data-drag-over=true]{border-color:var(--color-primary-idle)}}.data-\[drag-over\=true\]\:bg-primary-alt-idle\/10{&[data-drag-over=true]{background-color:color-mix(in srgb,#F9EEE6 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary-alt-idle) 10%,transparent)}}}.data-\[orientation\=horizontal\]\:h-px{&[data-orientation=horizontal]{height:1px}}.data-\[orientation\=horizontal\]\:w-full{&[data-orientation=horizontal]{width:100%}}.data-\[orientation\=horizontal\]\:flex-row{&[data-orientation=horizontal]{flex-direction:row}}.data-\[orientation\=vertical\]\:h-full{&[data-orientation=vertical]{height:100%}}.data-\[orientation\=vertical\]\:w-px{&[data-orientation=vertical]{width:1px}}.data-\[orientation\=vertical\]\:flex-col{&[data-orientation=vertical]{flex-direction:column}}.data-\[overlay\=true\]\:border-2{&[data-overlay=true]{border-style:var(--tw-border-style);border-width:2px}}.data-\[overlay\=true\]\:border-dashed{&[data-overlay=true]{--tw-border-style: dashed;border-style:dashed}}.data-\[overlay\=true\]\:border-border-layer-2{&[data-overlay=true]{border-color:var(--color-border-layer-2)}}.data-\[overlay\=true\]\:bg-transparent{&[data-overlay=true]{background-color:transparent}}.data-\[overlay\=true\]\:opacity-60{&[data-overlay=true]{opacity:60%}}.data-\[selected\=true\]\:bg-primary-alt-active{&[data-selected=true]{background-color:var(--color-primary-alt-active)}}.data-\[side\=bottom\]\:slide-in-from-top-2{&[data-side=bottom]{--tw-enter-translate-y: calc(var(--spacing) * 2*-1)}}.data-\[side\=left\]\:slide-in-from-right-2{&[data-side=left]{--tw-enter-translate-x: calc(var(--spacing) * 2)}}.data-\[side\=right\]\:slide-in-from-left-2{&[data-side=right]{--tw-enter-translate-x: calc(var(--spacing) * 2*-1)}}.data-\[side\=top\]\:slide-in-from-bottom-2{&[data-side=top]{--tw-enter-translate-y: calc(var(--spacing) * 2)}}.data-\[size\=lg\]\:size-large-8x{&[data-size=lg]{width:var(--spacing-large-8x);height:var(--spacing-large-8x)}}.data-\[size\=lg\]\:text-size-headline-md{&[data-size=lg]{font-size:var(--text-size-headline-md);line-height:var(--tw-leading, var(--text-size-headline-md--line-height))}}.data-\[size\=md\]\:size-large-4x{&[data-size=md]{width:var(--spacing-large-4x);height:var(--spacing-large-4x)}}.data-\[size\=md\]\:text-size-label-lg{&[data-size=md]{font-size:var(--text-size-label-lg);line-height:var(--tw-leading, var(--text-size-label-lg--line-height))}}.data-\[size\=sm\]\:size-large-2x{&[data-size=sm]{width:var(--spacing-large-2x);height:var(--spacing-large-2x)}}.data-\[size\=sm\]\:text-size-label-sm{&[data-size=sm]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[size\=xs\]\:size-large-1x{&[data-size=xs]{width:var(--spacing-large-1x);height:var(--spacing-large-1x)}}.data-\[size\=xs\]\:text-size-label-sm{&[data-size=xs]{font-size:var(--text-size-label-sm);line-height:var(--tw-leading, var(--text-size-label-sm--line-height))}}.data-\[sorted\=true\]\:flex{&[data-sorted=true]{display:flex}}.data-\[sorted\=true\]\:bg-primary-alt-active{&[data-sorted=true]{background-color:var(--color-primary-alt-active)}}.data-\[sorted\=true\]\:text-primary-label-active{&[data-sorted=true]{color:var(--color-primary-label-active)}}.data-\[state\=active\]\:rounded-none{&[data-state=active]{border-radius:0}}.data-\[state\=active\]\:rounded-none{&[data-state=active]{border-radius:var(--radius-none)}}.data-\[state\=active\]\:border-b-primary-active{&[data-state=active]{border-bottom-color:var(--color-primary-active)}}.data-\[state\=active\]\:bg-layer-2-idle{&[data-state=active]{background-color:var(--color-layer-2-idle)}}.data-\[state\=active\]\:bg-transparent{&[data-state=active]{background-color:transparent}}.data-\[state\=active\]\:text-primary-active{&[data-state=active]{color:var(--color-primary-active)}}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\]{&[data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=checked\]\:border-primary-active{&[data-state=checked]{border-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-active{&[data-state=checked]{background-color:var(--color-primary-active)}}.data-\[state\=checked\]\:bg-primary-idle{&[data-state=checked]{background-color:var(--color-primary-idle)}}.data-\[state\=checked\]\:hover\:border-primary-idle{&[data-state=checked]{&:hover{@media (hover: hover){border-color:var(--color-primary-idle)}}}}.data-\[state\=closed\]\:animate-collapsible-up{&[data-state=closed]{animation:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:animate-out{&[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=closed\]\:duration-300{&[data-state=closed]{--tw-duration: .3s;transition-duration:.3s}}.data-\[state\=closed\]\:fade-out-0{&[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}}.data-\[state\=closed\]\:zoom-out-95{&[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}}.data-\[state\=closed\]\:slide-out-to-bottom{&[data-state=closed]{--tw-exit-translate-y: 100%}}.data-\[state\=closed\]\:slide-out-to-left{&[data-state=closed]{--tw-exit-translate-x: -100%}}.data-\[state\=closed\]\:slide-out-to-left-1\/2{&[data-state=closed]{--tw-exit-translate-x: -50% }}.data-\[state\=closed\]\:slide-out-to-right{&[data-state=closed]{--tw-exit-translate-x: 100%}}.data-\[state\=closed\]\:slide-out-to-top{&[data-state=closed]{--tw-exit-translate-y: -100%}}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\]{&[data-state=closed]{--tw-exit-translate-y: -48% }}.data-\[state\=open\]\:animate-collapsible-down{&[data-state=open]{animation:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:animate-in{&[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.data-\[state\=open\]\:border-danger-idle{&[data-state=open]{border-color:var(--color-danger-idle)}}.data-\[state\=open\]\:border-primary-idle{&[data-state=open]{border-color:var(--color-primary-idle)}}.data-\[state\=open\]\:duration-500{&[data-state=open]{--tw-duration: .5s;transition-duration:.5s}}.data-\[state\=open\]\:fade-in-0{&[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}}.data-\[state\=open\]\:zoom-in-95{&[data-state=open]{--tw-enter-scale: 95% ;--tw-enter-scale: .95}}.data-\[state\=open\]\:slide-in-from-bottom{&[data-state=open]{--tw-enter-translate-y: 100%}}.data-\[state\=open\]\:slide-in-from-left{&[data-state=open]{--tw-enter-translate-x: -100%}}.data-\[state\=open\]\:slide-in-from-left-1\/2{&[data-state=open]{--tw-enter-translate-x: -50% }}.data-\[state\=open\]\:slide-in-from-right{&[data-state=open]{--tw-enter-translate-x: 100%}}.data-\[state\=open\]\:slide-in-from-top{&[data-state=open]{--tw-enter-translate-y: -100%}}.data-\[state\=open\]\:slide-in-from-top-\[48\%\]{&[data-state=open]{--tw-enter-translate-y: -48% }}.data-\[state\=open\]\:hover\:border-danger-idle{&[data-state=open]{&:hover{@media (hover: hover){border-color:var(--color-danger-idle)}}}}.data-\[state\=open\]\:hover\:border-primary-idle{&[data-state=open]{&:hover{@media (hover: hover){border-color:var(--color-primary-idle)}}}}.data-\[state\=unchecked\]\:translate-x-0{&[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.data-\[state\=unchecked\]\:bg-alt-4{&[data-state=unchecked]{background-color:var(--color-alt-4)}}.data-\[variant\=rich\]\:rounded-small{&[data-variant=rich]{border-radius:var(--radius-small)}}.data-\[variant\=rich\]\:border{&[data-variant=rich]{border-style:var(--tw-border-style);border-width:1px}}.data-\[variant\=rich\]\:border-border-layer-2{&[data-variant=rich]{border-color:var(--color-border-layer-2)}}.data-\[variant\=rich\]\:bg-layer-2-idle{&[data-variant=rich]{background-color:var(--color-layer-2-idle)}}.data-\[variant\=rich\]\:p-large{&[data-variant=rich]{padding:var(--spacing-large)}}.data-\[variant\=rich\]\:text-neutral-dark{&[data-variant=rich]{color:var(--color-neutral-dark)}}.data-\[variant\=simple\]\:rounded-small-1x{&[data-variant=simple]{border-radius:var(--radius-small-1x)}}.data-\[variant\=simple\]\:bg-alt-2{&[data-variant=simple]{background-color:var(--color-alt-2)}}.data-\[variant\=simple\]\:px-small{&[data-variant=simple]{padding-inline:var(--spacing-small)}}.data-\[variant\=simple\]\:py-small-1x{&[data-variant=simple]{padding-block:var(--spacing-small-1x)}}.data-\[variant\=simple\]\:text-neutral-label{&[data-variant=simple]{color:var(--color-neutral-label)}}.sm\:max-w-sm{@media (width >= 40rem){max-width:var(--container-sm)}}.sm\:flex-row{@media (width >= 40rem){flex-direction:row}}.sm\:justify-end{@media (width >= 40rem){justify-content:flex-end}}.sm\:gap-2\.5{@media (width >= 40rem){gap:calc(var(--spacing) * 2.5)}}.sm\:space-x-2{@media (width >= 40rem){:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}}}.sm\:rounded-lg{@media (width >= 40rem){border-radius:var(--radius-lg)}}.sm\:text-left{@media (width >= 40rem){text-align:left}}.\[\&_ol_ol\]\:list-\[lower-alpha\]{& ol ol{list-style-type:lower-alpha}}.\[\&_ol_ol_ol\]\:list-\[lower-roman\]{& ol ol ol{list-style-type:lower-roman}}.\[\&_tr\]\:border-b{& tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}.\[\&_tr\]\:border-border-layer-2{& tr{border-color:var(--color-border-layer-2)}}.\[\&_tr\:last-child\]\:border-0{& tr:last-child{border-style:var(--tw-border-style);border-width:0px}}.\[\&_ul_ul\]\:list-\[circle\]{& ul ul{list-style-type:circle}}.\[\&_ul_ul_ul\]\:list-\[square\]{& ul ul ul{list-style-type:square}}.\[\&\>\*\]\:flex-none{>*{flex:none}}.\[\&\>\*\]\:border-t{>*{border-top-style:var(--tw-border-style);border-top-width:1px}}.\[\&\>\*\]\:border-l{>*{border-left-style:var(--tw-border-style);border-left-width:1px}}.\[\&\>\*\]\:border-border-layer-2{>*{border-color:var(--color-border-layer-2)}}.\[\&\>\*\]\:whitespace-nowrap{>*{white-space:nowrap}}.\[\&\>span\]\:text-size-title-lg{>span{font-size:var(--text-size-title-lg);line-height:var(--tw-leading, var(--text-size-title-lg--line-height))}}.\[\&\>tr\]\:last\:border-b-0{>tr{&:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@layer base{*{scrollbar-color:initial;scrollbar-width:initial}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-content{syntax: "*"; initial-value: ""; inherits: false;}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto))))}to{height:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial;--tw-content: "";--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}
2323
2
  /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
3
+ /*# sourceMappingURL=index.css.map */