@teseor/css 1.8.0 → 1.9.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 (183) hide show
  1. package/dist/compiled.css +1 -1
  2. package/dist/index.css +115 -115
  3. package/package.json +1 -1
  4. package/src/components/actions/button/button.api.json +29 -32
  5. package/src/components/actions/button/index.scss +36 -11
  6. package/src/components/actions/button-group/button-group.api.json +3 -1
  7. package/src/components/actions/button-group/index.scss +4 -0
  8. package/src/components/actions/close-button/close-button.api.json +31 -18
  9. package/src/components/actions/close-button/index.scss +26 -6
  10. package/src/components/content/divider/divider.api.json +12 -7
  11. package/src/components/content/divider/index.scss +11 -4
  12. package/src/components/content/scroll-area/index.scss +15 -1
  13. package/src/components/content/scroll-area/scroll-area-visual.png +0 -0
  14. package/src/components/content/scroll-area/scroll-area.api.json +33 -22
  15. package/src/components/content/scroll-area/scroll-area.docs.json +70 -1
  16. package/src/components/content/spacer/index.scss +6 -1
  17. package/src/components/content/spacer/spacer.api.json +8 -1
  18. package/src/components/data-display/avatar/avatar.api.json +36 -17
  19. package/src/components/data-display/avatar/index.scss +20 -2
  20. package/src/components/data-display/badge/badge.api.json +30 -48
  21. package/src/components/data-display/badge/index.scss +13 -0
  22. package/src/components/data-display/card/card.api.json +21 -23
  23. package/src/components/data-display/card/index.scss +19 -4
  24. package/src/components/data-display/data-list/data-list.api.json +9 -4
  25. package/src/components/data-display/data-list/index.scss +28 -11
  26. package/src/components/data-display/icon/icon.api.json +11 -22
  27. package/src/components/data-display/icon/index.scss +9 -4
  28. package/src/components/data-display/image/image.api.json +40 -26
  29. package/src/components/data-display/image/image.docs.json +1 -1
  30. package/src/components/data-display/image/index.scss +15 -1
  31. package/src/components/data-display/stat/index.scss +13 -1
  32. package/src/components/data-display/stat/stat.api.json +45 -7
  33. package/src/components/data-display/status/index.scss +8 -0
  34. package/src/components/data-display/status/status.api.json +10 -6
  35. package/src/components/data-display/table/index.scss +20 -6
  36. package/src/components/data-display/table/table.api.json +11 -5
  37. package/src/components/data-display/tag/index.scss +28 -3
  38. package/src/components/data-display/tag/tag.api.json +48 -22
  39. package/src/components/disclosure/accordion/accordion.api.json +7 -3
  40. package/src/components/disclosure/accordion/index.scss +8 -2
  41. package/src/components/disclosure/disclosure/disclosure.api.json +15 -8
  42. package/src/components/disclosure/disclosure/index.scss +21 -6
  43. package/src/components/feedback/alert/alert.api.json +40 -65
  44. package/src/components/feedback/alert/index.scss +26 -7
  45. package/src/components/feedback/progress/index.scss +16 -3
  46. package/src/components/feedback/progress/progress.api.json +13 -8
  47. package/src/components/feedback/progress-circle/index.scss +15 -2
  48. package/src/components/feedback/progress-circle/progress-circle.api.json +17 -8
  49. package/src/components/feedback/skeleton/index.scss +9 -2
  50. package/src/components/feedback/skeleton/skeleton.api.json +8 -4
  51. package/src/components/feedback/spinner/index.scss +14 -1
  52. package/src/components/feedback/spinner/spinner.api.json +27 -13
  53. package/src/components/feedback/toast/index.scss +39 -15
  54. package/src/components/feedback/toast/toast.api.json +39 -13
  55. package/src/components/forms/checkbox/checkbox.api.json +22 -11
  56. package/src/components/forms/checkbox/index.scss +27 -9
  57. package/src/components/forms/checkbox-group/checkbox-group.api.json +33 -14
  58. package/src/components/forms/checkbox-group/index.scss +22 -5
  59. package/src/components/forms/field/field.api.json +5 -3
  60. package/src/components/forms/field/index.scss +4 -0
  61. package/src/components/forms/fieldset/fieldset.api.json +29 -10
  62. package/src/components/forms/fieldset/index.scss +21 -4
  63. package/src/components/forms/form/form.api.json +15 -11
  64. package/src/components/forms/form/index.scss +10 -0
  65. package/src/components/forms/form-error/form-error.api.json +7 -3
  66. package/src/components/forms/form-error/index.scss +7 -1
  67. package/src/components/forms/form-helper/form-helper.api.json +7 -3
  68. package/src/components/forms/form-helper/index.scss +7 -1
  69. package/src/components/forms/input/index.scss +43 -12
  70. package/src/components/forms/input/input.api.json +36 -38
  71. package/src/components/forms/label/index.scss +14 -5
  72. package/src/components/forms/label/label.api.json +9 -4
  73. package/src/components/forms/number-input/index.scss +40 -15
  74. package/src/components/forms/number-input/number-input-visual.png +0 -0
  75. package/src/components/forms/number-input/number-input.api.json +48 -19
  76. package/src/components/forms/number-input/number-input.docs.json +49 -0
  77. package/src/components/forms/password-input/index.scss +44 -13
  78. package/src/components/forms/password-input/password-input-visual.png +0 -0
  79. package/src/components/forms/password-input/password-input.api.json +56 -25
  80. package/src/components/forms/password-input/password-input.docs.json +40 -0
  81. package/src/components/forms/radio/index.scss +27 -10
  82. package/src/components/forms/radio/radio.api.json +20 -10
  83. package/src/components/forms/radio-group/index.scss +22 -5
  84. package/src/components/forms/radio-group/radio-group.api.json +33 -14
  85. package/src/components/forms/search-input/index.scss +42 -11
  86. package/src/components/forms/search-input/search-input-visual.png +0 -0
  87. package/src/components/forms/search-input/search-input.api.json +66 -25
  88. package/src/components/forms/search-input/search-input.docs.json +36 -0
  89. package/src/components/forms/select/index.scss +40 -11
  90. package/src/components/forms/select/select.api.json +35 -17
  91. package/src/components/forms/slider/index.scss +28 -10
  92. package/src/components/forms/slider/slider.api.json +35 -20
  93. package/src/components/forms/textarea/index.scss +40 -9
  94. package/src/components/forms/textarea/textarea.api.json +40 -20
  95. package/src/components/forms/toggle/index.scss +18 -6
  96. package/src/components/forms/toggle/toggle.api.json +17 -8
  97. package/src/components/navigation/breadcrumb/breadcrumb.api.json +25 -11
  98. package/src/components/navigation/breadcrumb/index.scss +17 -4
  99. package/src/components/navigation/dropdown-menu/dropdown-menu-visual.png +0 -0
  100. package/src/components/navigation/dropdown-menu/dropdown-menu.api.json +7 -3
  101. package/src/components/navigation/dropdown-menu/dropdown-menu.docs.json +18 -0
  102. package/src/components/navigation/dropdown-menu/index.scss +15 -5
  103. package/src/components/navigation/menu/index.scss +41 -17
  104. package/src/components/navigation/menu/menu.api.json +24 -13
  105. package/src/components/navigation/nav/index.scss +30 -11
  106. package/src/components/navigation/nav/nav.api.json +42 -18
  107. package/src/components/navigation/pagination/index.scss +21 -5
  108. package/src/components/navigation/pagination/pagination.api.json +21 -12
  109. package/src/components/navigation/tabs/index.scss +43 -15
  110. package/src/components/navigation/tabs/tabs.api.json +49 -22
  111. package/src/components/overlays/dialog/dialog.api.json +9 -4
  112. package/src/components/overlays/dialog/index.scss +12 -3
  113. package/src/components/overlays/drawer/drawer-visual.png +0 -0
  114. package/src/components/overlays/drawer/drawer.api.json +26 -13
  115. package/src/components/overlays/drawer/index.scss +51 -26
  116. package/src/components/overlays/modal/index.scss +18 -3
  117. package/src/components/overlays/modal/modal.api.json +22 -12
  118. package/src/components/overlays/overlay/index.scss +17 -5
  119. package/src/components/overlays/overlay/overlay.api.json +11 -6
  120. package/src/components/overlays/popover/index.scss +26 -9
  121. package/src/components/overlays/popover/popover.api.json +18 -9
  122. package/src/components/overlays/tooltip/index.scss +17 -2
  123. package/src/components/overlays/tooltip/tooltip.api.json +19 -10
  124. package/src/components/typography/blockquote/blockquote.api.json +34 -7
  125. package/src/components/typography/blockquote/index.scss +17 -4
  126. package/src/components/typography/code/code.api.json +26 -11
  127. package/src/components/typography/code/index.scss +23 -6
  128. package/src/components/typography/code-block/code-block-visual.png +0 -0
  129. package/src/components/typography/code-block/code-block.api.json +31 -12
  130. package/src/components/typography/code-block/code-block.docs.json +18 -0
  131. package/src/components/typography/code-block/index.scss +26 -7
  132. package/src/components/typography/heading/heading.api.json +37 -18
  133. package/src/components/typography/heading/index.scss +18 -0
  134. package/src/components/typography/kbd/index.scss +14 -2
  135. package/src/components/typography/kbd/kbd.api.json +41 -8
  136. package/src/components/typography/link/index.scss +16 -3
  137. package/src/components/typography/link/link.api.json +17 -9
  138. package/src/components/typography/list/index.scss +7 -0
  139. package/src/components/typography/list/list.api.json +12 -7
  140. package/src/components/typography/list/list.docs.json +3 -0
  141. package/src/components/typography/mark/index.scss +7 -0
  142. package/src/components/typography/mark/mark.api.json +26 -5
  143. package/src/config/tokens/_variables.scss +44 -0
  144. package/src/config/tokens/motion/index.scss +2 -0
  145. package/src/config/tokens/zindex/index.scss +1 -0
  146. package/src/debug/grid-overlay.scss +4 -3
  147. package/src/layout/app-shell/app-shell-visual.png +0 -0
  148. package/src/layout/app-shell/app-shell.api.json +6 -26
  149. package/src/layout/app-shell/app-shell.docs.json +18 -0
  150. package/src/layout/app-shell/index.scss +4 -0
  151. package/src/layout/aspect-ratio/aspect-ratio.api.json +2 -7
  152. package/src/layout/aspect-ratio/index.scss +4 -0
  153. package/src/layout/box/box.api.json +25 -8
  154. package/src/layout/box/index.scss +26 -8
  155. package/src/layout/center/center.api.json +1 -0
  156. package/src/layout/center/index.scss +3 -0
  157. package/src/layout/column/column.api.json +2 -1
  158. package/src/layout/column/index.scss +15 -6
  159. package/src/layout/container/container.api.json +4 -3
  160. package/src/layout/container/index.scss +13 -6
  161. package/src/layout/content/content.api.json +7 -3
  162. package/src/layout/content/index.scss +10 -1
  163. package/src/layout/footer/footer-visual.png +0 -0
  164. package/src/layout/footer/footer.api.json +11 -5
  165. package/src/layout/footer/footer.docs.json +9 -0
  166. package/src/layout/footer/index.scss +21 -5
  167. package/src/layout/grid/grid.api.json +2 -1
  168. package/src/layout/grid/index.scss +6 -1
  169. package/src/layout/main/index.scss +8 -2
  170. package/src/layout/main/main.api.json +1 -0
  171. package/src/layout/nav-rail/index.scss +14 -3
  172. package/src/layout/nav-rail/nav-rail.api.json +11 -5
  173. package/src/layout/page-header/index.scss +21 -6
  174. package/src/layout/page-header/page-header.api.json +9 -4
  175. package/src/layout/row/index.scss +13 -5
  176. package/src/layout/row/row.api.json +2 -1
  177. package/src/layout/sidebar/index.scss +18 -8
  178. package/src/layout/sidebar/sidebar.api.json +1 -0
  179. package/src/layout/sidebar/sidebar.docs.json +2 -1
  180. package/src/layout/sidebar-nav/index.scss +56 -18
  181. package/src/layout/sidebar-nav/sidebar-nav.api.json +90 -11
  182. package/src/layout/topbar/index.scss +20 -5
  183. package/src/layout/topbar/topbar.api.json +11 -5
package/dist/index.css CHANGED
@@ -6,8 +6,8 @@
6
6
  @layer tokens{:root{--ui-radius-sm: calc(var(--ui-unit) * 0.5);--ui-radius-md: var(--ui-unit);--ui-radius-lg: calc(var(--ui-unit) * 2);--ui-radius-full: 9999px}}
7
7
  @layer tokens{:root{--ui-border-width-sm: calc(var(--ui-unit) * 0.125);--ui-border-width-md: calc(var(--ui-unit) * 0.25);--ui-border-width-lg: calc(var(--ui-unit) * 0.5)}}
8
8
  @layer tokens{:root{--ui-shadow-sm: 0 1px 2px hsl(var(--ui-hue-primary, 220) 10% 20% / 0.05);--ui-shadow-md: 0 4px 6px hsl(var(--ui-hue-primary, 220) 10% 20% / 0.1);--ui-shadow-lg: 0 10px 15px hsl(var(--ui-hue-primary, 220) 10% 20% / 0.15)}}
9
- @layer tokens{:root{--ui-z-base: 0;--ui-z-sticky: 100;--ui-z-dropdown: 200;--ui-z-overlay: 300;--ui-z-modal: 400;--ui-z-popover: 500;--ui-z-tooltip: 600;--ui-z-toast: 700;--ui-z-debug: 9999}}
10
- @layer tokens{:root{--ui-duration-instant: 50ms;--ui-duration-fast: 100ms;--ui-duration-base: 150ms;--ui-duration-slow: 250ms;--ui-duration-slower: 400ms;--ui-ease-default: cubic-bezier(0.4, 0, 0.2, 1);--ui-ease-in: cubic-bezier(0.4, 0, 1, 1);--ui-ease-out: cubic-bezier(0, 0, 0.2, 1);--ui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-reduced-motion: reduce){:root{--ui-duration-instant: 0ms;--ui-duration-fast: 0ms;--ui-duration-base: 0ms;--ui-duration-slow: 0ms;--ui-duration-slower: 0ms}}}
9
+ @layer tokens{:root{--ui-z-base: 0;--ui-z-sticky: 100;--ui-z-dropdown: 200;--ui-z-overlay: 300;--ui-z-modal: 400;--ui-z-popover: 500;--ui-z-tooltip: 600;--ui-z-toast: 700;--ui-z-drawer: 800;--ui-z-debug: 9999}}
10
+ @layer tokens{:root{--ui-duration-instant: 50ms;--ui-duration-fast: 100ms;--ui-duration-base: 150ms;--ui-duration-normal: 200ms;--ui-duration-slow: 250ms;--ui-duration-slower: 400ms;--ui-ease-default: cubic-bezier(0.4, 0, 0.2, 1);--ui-ease-in: cubic-bezier(0.4, 0, 1, 1);--ui-ease-out: cubic-bezier(0, 0, 0.2, 1);--ui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-reduced-motion: reduce){:root{--ui-duration-instant: 0ms;--ui-duration-fast: 0ms;--ui-duration-base: 0ms;--ui-duration-normal: 0ms;--ui-duration-slow: 0ms;--ui-duration-slower: 0ms}}}
11
11
  @layer tokens{:root{--ui-color-text: var(--ui-color-neutral-900);--ui-color-text-muted: var(--ui-color-neutral-500);--ui-color-text-inverse: var(--ui-color-neutral-50);--ui-color-bg: var(--ui-color-neutral-50);--ui-color-bg-subtle: var(--ui-color-neutral-100);--ui-color-bg-muted: var(--ui-color-neutral-200);--ui-color-border: var(--ui-color-neutral-200);--ui-color-border-strong: var(--ui-color-neutral-300);--ui-color-interactive: var(--ui-color-primary);--ui-color-interactive-hover: var(--ui-color-primary-dark);--ui-color-focus: var(--ui-color-primary-light);--ui-opacity-disabled: 0.5;--ui-opacity-loading: 0.7;--ui-overlay-bg: rgb(0 0 0 / 0.5);--ui-overlay-bg-light: rgb(255 255 255 / 0.7);--ui-overlay-bg-blur: rgb(0 0 0 / 0.3);--ui-overlay-bg-subtle: rgb(0 0 0 / 0.1)}}
12
12
  @layer themes{[data-theme=dark]{--ui-color-text: var(--ui-color-neutral-100);--ui-color-text-muted: var(--ui-color-neutral-400);--ui-color-text-inverse: var(--ui-color-neutral-900);--ui-color-bg: var(--ui-color-neutral-900);--ui-color-bg-subtle: var(--ui-color-neutral-800);--ui-color-bg-muted: var(--ui-color-neutral-700);--ui-color-border: var(--ui-color-neutral-700);--ui-color-border-strong: var(--ui-color-neutral-600)}@media(prefers-color-scheme: dark){:root:not([data-theme]){--ui-color-text: var(--ui-color-neutral-100);--ui-color-text-muted: var(--ui-color-neutral-400);--ui-color-text-inverse: var(--ui-color-neutral-900);--ui-color-bg: var(--ui-color-neutral-900);--ui-color-bg-subtle: var(--ui-color-neutral-800);--ui-color-bg-muted: var(--ui-color-neutral-700);--ui-color-border: var(--ui-color-neutral-700);--ui-color-border-strong: var(--ui-color-neutral-600)}}@media(forced-colors: active){:root{--ui-color-focus: Highlight}}}
13
13
  @layer tokens{:root{--ui-spacing-xs: var(--ui-space-1);--ui-spacing-sm: var(--ui-space-2);--ui-spacing-md: var(--ui-space-4);--ui-spacing-lg: var(--ui-space-6);--ui-spacing-xl: var(--ui-space-8);--ui-spacing-gutter: var(--ui-space-4);--ui-spacing-section: var(--ui-space-8)}}
@@ -17,140 +17,140 @@
17
17
  @layer base{h1{margin-block-end:var(--ui-space-4);font-size:var(--ui-heading-1-size);font-weight:var(--ui-heading-1-weight);line-height:var(--ui-heading-1-line-height);letter-spacing:var(--ui-heading-1-tracking)}h2{margin-block-end:var(--ui-space-3);font-size:var(--ui-heading-2-size);font-weight:var(--ui-heading-2-weight);line-height:var(--ui-heading-2-line-height);letter-spacing:var(--ui-heading-2-tracking)}h3{margin-block-end:var(--ui-space-2);font-size:var(--ui-heading-3-size);font-weight:var(--ui-heading-3-weight);line-height:var(--ui-heading-3-line-height);letter-spacing:var(--ui-heading-3-tracking)}h4{margin-block-end:var(--ui-space-2);font-size:var(--ui-heading-4-size);font-weight:var(--ui-heading-4-weight);line-height:var(--ui-heading-4-line-height);letter-spacing:var(--ui-heading-4-tracking)}h5,h6{margin-block-end:var(--ui-space-1);font-size:var(--ui-heading-5-size);font-weight:var(--ui-heading-5-weight);line-height:var(--ui-heading-5-line-height);letter-spacing:var(--ui-heading-5-tracking)}p{margin-block-end:var(--ui-space-2);font-size:var(--ui-body-size);line-height:var(--ui-body-line-height);letter-spacing:var(--ui-body-tracking)}p:last-child{margin-block-end:0}strong,b{font-weight:var(--ui-weight-bold);line-height:0}small{font-size:var(--ui-caption-size);line-height:0}code{padding:0 var(--ui-space-1);font-family:var(--ui-font-mono);font-size:var(--ui-body-sm-size);line-height:0;vertical-align:baseline;background:var(--ui-color-bg-muted);border-radius:var(--ui-radius-sm)}pre{padding:var(--ui-space-2);margin-block-end:var(--ui-space-2);overflow-x:auto;font-family:var(--ui-font-mono);font-size:var(--ui-body-sm-size);line-height:var(--ui-body-sm-line-height);background:var(--ui-color-bg-muted);border-radius:var(--ui-radius-md)}pre code{padding:0;background:none}a{text-decoration:underline;color:var(--ui-color-primary);transition:color var(--ui-duration-fast) var(--ui-ease-default)}a:hover{color:var(--ui-color-primary-hover)}a:visited{color:var(--ui-color-primary)}@media(width < 45.625rem){h1{font-size:var(--ui-font-size-2xl);line-height:var(--ui-leading-2xl)}h2{font-size:var(--ui-font-size-xl);line-height:var(--ui-leading-xl)}h3{font-size:var(--ui-font-size-lg);line-height:var(--ui-leading-sm)}h4{font-size:1.125rem;line-height:var(--ui-leading-sm)}}@media(width > 67.5rem){h1{font-size:calc(var(--ui-unit)*6);line-height:calc(var(--ui-unit)*7)}h2{font-size:var(--ui-font-size-4xl);line-height:var(--ui-leading-4xl)}}}
18
18
  @layer primitives{.ui-app-shell{min-block-size:100vh}}
19
19
  @layer primitives{.ui-aspect-ratio{aspect-ratio:var(--ui-aspect-ratio, 1/1);overflow:hidden}.ui-aspect-ratio>img,.ui-aspect-ratio>video,.ui-aspect-ratio>iframe{block-size:100%;inline-size:100%;object-fit:cover}.ui-aspect-ratio--square{--ui-aspect-ratio: 1 / 1}.ui-aspect-ratio--video{--ui-aspect-ratio: 16 / 9}.ui-aspect-ratio--photo{--ui-aspect-ratio: 4 / 3}.ui-aspect-ratio--wide{--ui-aspect-ratio: 21 / 9}.ui-aspect-ratio--portrait{--ui-aspect-ratio: 3 / 4}}
20
- @layer primitives{.ui-box{--ui-_padding: var(--ui-box-padding, 0);--ui-_bg: var(--ui-box-bg, transparent);--ui-_color: var(--ui-box-color, inherit);--ui-_radius: var(--ui-box-radius, 0);padding:var(--ui-_padding);color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-box--p-1{--ui-_padding: var(--ui-space-1, 0.5rem)}.ui-box--p-2{--ui-_padding: var(--ui-space-2, 1rem)}.ui-box--p-3{--ui-_padding: var(--ui-space-3, 1.5rem)}.ui-box--p-4{--ui-_padding: var(--ui-space-4, 2rem)}.ui-box--bg-subtle{--ui-_bg: var(--ui-color-bg-subtle, hsl(220, 10%, 96%))}.ui-box--bg-muted{--ui-_bg: var(--ui-color-bg-muted, hsl(220, 10%, 90%))}.ui-box--rounded{--ui-_radius: var(--ui-radius-md, 0.5rem)}.ui-box--rounded-lg{--ui-_radius: var(--ui-radius-lg, 1rem)}}
20
+ @layer primitives{.ui-box{--ui-_space-1: var(--ui-space-1, 0.5rem);--ui-_space-2: var(--ui-space-2, 1rem);--ui-_space-3: var(--ui-space-3, 1.5rem);--ui-_space-4: var(--ui-space-4, 2rem);--ui-_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--ui-_color-bg-muted: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--ui-_radius-md: var(--ui-radius-md, 0.5rem);--ui-_radius-lg: var(--ui-radius-lg, 1rem);--ui-_padding: var(--ui-box-padding, 0);--ui-_bg: var(--ui-box-bg, transparent);--ui-_color: var(--ui-box-color, inherit);--ui-_radius: var(--ui-box-radius, 0);padding:var(--ui-_padding);color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-box--p-1{--ui-_padding: var(--ui-_space-1)}.ui-box--p-2{--ui-_padding: var(--ui-_space-2)}.ui-box--p-3{--ui-_padding: var(--ui-_space-3)}.ui-box--p-4{--ui-_padding: var(--ui-_space-4)}.ui-box--bg-subtle{--ui-_bg: var(--ui-_color-bg-subtle)}.ui-box--bg-muted{--ui-_bg: var(--ui-_color-bg-muted)}.ui-box--rounded{--ui-_radius: var(--ui-_radius-md)}.ui-box--rounded-lg{--ui-_radius: var(--ui-_radius-lg)}}
21
21
  @layer primitives{.ui-center{display:flex;align-items:center;justify-content:center}.ui-center--column{flex-direction:column}}
22
- @layer primitives{.ui-column{display:flex;flex-direction:column;gap:var(--ui-column-gap, var(--ui-space-2))}.ui-column--xs{--ui-column-gap: var(--ui-space-1)}.ui-column--sm{--ui-column-gap: var(--ui-space-2)}.ui-column--md{--ui-column-gap: var(--ui-space-4)}.ui-column--lg{--ui-column-gap: var(--ui-space-6)}.ui-column--xl{--ui-column-gap: var(--ui-space-8)}}
23
- @layer primitives{.ui-container{max-inline-size:var(--ui-container-width, calc(var(--ui-unit) * 120));padding-inline:var(--ui-space-4)}.ui-container--center{margin-inline:auto}.ui-container--sm{--ui-container-width: calc(var(--ui-unit) * 80)}.ui-container--md{--ui-container-width: calc(var(--ui-unit) * 100)}.ui-container--lg{--ui-container-width: calc(var(--ui-unit) * 120)}.ui-container--xl{--ui-container-width: calc(var(--ui-unit) * 160)}.ui-container--full{max-inline-size:none}}
24
- @layer primitives{.ui-content{--ui-_padding-block: var(--ui-content-padding-block, var(--ui-space-4));--ui-_padding-inline: var(--ui-content-padding-inline, var(--ui-space-4));--ui-_gap: var(--ui-content-gap, var(--ui-space-3));display:flex;flex-direction:column;gap:var(--ui-_gap);padding-block:var(--ui-_padding-block);padding-inline:var(--ui-_padding-inline)}.ui-content--prose{max-inline-size:calc(var(--ui-unit)*80)}.ui-content--flush{padding-block:0;padding-inline:0}}
25
- @layer primitives{.ui-footer{--ui-_height: var(--ui-footer-height, var(--ui-row-3));--ui-_bg: var(--ui-footer-bg, var(--ui-color-bg));--ui-_padding-inline: var(--ui-footer-padding-inline, var(--ui-space-3));--ui-_border-color: var(--ui-footer-border-color, var(--ui-color-border));--ui-_z: var(--ui-footer-z, var(--ui-z-sticky));display:flex;align-items:center;z-index:var(--ui-_z);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-inline);background:var(--ui-_bg)}.ui-footer__start{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-space-2)}.ui-footer__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--ui-space-2)}.ui-footer__end{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-space-2)}.ui-footer--sticky{position:sticky;inset-block-end:0}.ui-footer--fixed{position:fixed;inset-block-end:0;inset-inline:0}.ui-footer--bordered{box-shadow:inset 0 var(--ui-border-width-sm) 0 0 var(--ui-_border-color)}.ui-footer--raised{box-shadow:0 calc(var(--ui-border-width-sm)*-1) 6px hsl(var(--ui-hue-primary, 220), 10%, 20%, 0.08)}}
26
- @layer primitives{.ui-grid{display:grid;gap:var(--ui-grid-gap, var(--ui-space-4));grid-template-columns:repeat(var(--ui-grid-cols, 1), minmax(0, 1fr))}.ui-grid--2{--ui-grid-cols: 2}.ui-grid--3{--ui-grid-cols: 3}.ui-grid--4{--ui-grid-cols: 4}.ui-grid--auto{grid-template-columns:repeat(auto-fit, minmax(var(--ui-grid-min, 16rem), 1fr))}}
27
- @layer primitives{.ui-main{padding-block-start:var(--ui-topbar-height, 0);margin-inline-start:var(--ui-sidebar-width, calc(var(--ui-unit) * 30))}.ui-main--sidebar-end{margin-inline-start:0;margin-inline-end:var(--ui-sidebar-width, calc(var(--ui-unit) * 30))}.ui-main--full{margin-inline-start:0;margin-inline-end:0}}
28
- @layer primitives{.ui-nav-rail{--ui-_width: var(--ui-nav-rail-width, var(--ui-row-4));--ui-_bg: var(--ui-nav-rail-bg, var(--ui-color-bg-subtle));--ui-_border-color: var(--ui-nav-rail-border-color, var(--ui-color-border));--ui-_gap: var(--ui-nav-rail-gap, var(--ui-space-1));--ui-_z: var(--ui-nav-rail-z, var(--ui-z-sticky));display:flex;flex-direction:column;align-items:center;position:fixed;inset-block:var(--ui-topbar-height, 0);inset-inline-start:0;z-index:var(--ui-_z);inline-size:var(--ui-_width);padding-block:var(--ui-space-2);background:var(--ui-_bg);box-shadow:inset calc(var(--ui-border-width-sm)*-1) 0 0 0 var(--ui-_border-color)}.ui-nav-rail__items{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--ui-_gap)}.ui-nav-rail__actions{display:flex;flex-direction:column;align-items:center;gap:var(--ui-_gap);margin-block-start:auto}.ui-nav-rail--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--ui-border-width-sm) 0 0 0 var(--ui-_border-color)}}
29
- @layer primitives{.ui-page-header{--ui-_padding-block: var(--ui-page-header-padding-block, var(--ui-space-3));--ui-_padding-inline: var(--ui-page-header-padding-inline, 0);--ui-_gap: var(--ui-page-header-gap, var(--ui-space-2));--ui-_border-color: var(--ui-page-header-border-color, var(--ui-color-border));display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-_gap);padding-block:var(--ui-_padding-block);padding-inline:var(--ui-_padding-inline);line-height:var(--ui-body-line-height)}.ui-page-header__title{display:flex;flex:1;flex-direction:column;gap:var(--ui-space-1)}.ui-page-header__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-space-2)}.ui-page-header__breadcrumb{flex-basis:100%}.ui-page-header--bordered{box-shadow:inset 0 calc(var(--ui-border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-page-header--sticky{position:sticky;inset-block-start:0;z-index:var(--ui-z-sticky);background:var(--ui-color-bg)}}
30
- @layer primitives{.ui-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-row-gap, var(--ui-space-2))}.ui-row--xs{--ui-row-gap: var(--ui-space-1)}.ui-row--sm{--ui-row-gap: var(--ui-space-2)}.ui-row--md{--ui-row-gap: var(--ui-space-4)}.ui-row--lg{--ui-row-gap: var(--ui-space-6)}.ui-row--start{justify-content:flex-start}.ui-row--center{justify-content:center}.ui-row--end{justify-content:flex-end}.ui-row--between{justify-content:space-between}}
31
- @layer primitives{.ui-sidebar{display:flex;flex-direction:column;position:fixed;inset-block-start:var(--ui-topbar-height, 0);inset-inline-start:0;z-index:var(--ui-z-sticky);block-size:calc(100vh - var(--ui-topbar-height, 0px));inline-size:var(--ui-sidebar-width, calc(var(--ui-unit) * 30));overflow-y:auto;background:var(--ui-color-bg-subtle);box-shadow:inset calc(var(--ui-border-width-sm)*-1) 0 0 0 var(--ui-color-border)}.ui-sidebar--sm{--ui-sidebar-width: calc(var(--ui-unit) * 24)}.ui-sidebar--md{--ui-sidebar-width: calc(var(--ui-unit) * 30)}.ui-sidebar--lg{--ui-sidebar-width: calc(var(--ui-unit) * 40)}.ui-sidebar--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--ui-border-width-sm) 0 0 0 var(--ui-color-border)}}
32
- @layer primitives{.ui-sidebar-nav{--ui-_width: var(--ui-sidebar-nav-width, calc(var(--ui-unit) * 30));--ui-_bg: var(--ui-sidebar-nav-bg, var(--ui-color-bg-subtle));--ui-_border-color: var(--ui-sidebar-nav-border-color, var(--ui-color-border));--ui-_padding: var(--ui-sidebar-nav-padding, var(--ui-space-2));display:flex;flex-direction:column;block-size:100%;inline-size:var(--ui-_width);background:var(--ui-_bg)}.ui-sidebar-nav__header{--ui-_padding: var(--ui-sidebar-nav-header-padding, var(--ui-space-2));flex-shrink:0;padding:var(--ui-_padding);box-shadow:inset 0 calc(var(--ui-border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-sidebar-nav__content{flex:1;padding:var(--ui-_padding);overflow-y:auto}.ui-sidebar-nav__footer{--ui-_padding: var(--ui-sidebar-nav-footer-padding, var(--ui-space-2));flex-shrink:0;padding:var(--ui-_padding);box-shadow:inset 0 var(--ui-border-width-sm) 0 0 var(--ui-_border-color)}.ui-sidebar-nav__group{margin-block-end:var(--ui-space-2)}.ui-sidebar-nav__group-label{--ui-_font-size: var(--ui-sidebar-nav-group-label-size, var(--ui-size-xs));--ui-_color: var(--ui-sidebar-nav-group-label-color, var(--ui-color-text-muted));--ui-_weight: var(--ui-sidebar-nav-group-label-weight, var(--ui-weight-bold));display:block;padding:var(--ui-space-1) var(--ui-space-2);margin:0;font-size:var(--ui-_font-size);font-weight:var(--ui-_weight);letter-spacing:.05em;text-transform:uppercase;color:var(--ui-_color)}.ui-sidebar-nav__group-items{display:flex;flex-direction:column;gap:var(--ui-space-half);padding:0;margin:0;list-style:none}.ui-sidebar-nav__subgroup{margin:0}.ui-sidebar-nav__subgroup-label{display:block;list-style:none;padding:var(--ui-space-1) var(--ui-space-2);margin:0;margin-block-start:var(--ui-space-1);font-size:var(--ui-size-xs);font-weight:var(--ui-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;user-select:none}.ui-sidebar-nav__subgroup-label::-webkit-details-marker{display:none}.ui-sidebar-nav__item{--ui-_height: var(--ui-sidebar-nav-item-height, var(--ui-row-2));--ui-_padding-inline: var(--ui-sidebar-nav-item-padding-inline, var(--ui-space-2));--ui-_font-size: var(--ui-sidebar-nav-item-size, var(--ui-size-sm));--ui-_color: var(--ui-sidebar-nav-item-color, var(--ui-color-text));--ui-_bg: var(--ui-sidebar-nav-item-bg, transparent);--ui-_radius: var(--ui-sidebar-nav-item-radius, var(--ui-radius-sm));display:flex;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-_height);padding-inline:var(--ui-_padding-inline);font-size:var(--ui-_font-size);font-weight:var(--ui-_weight, normal);text-decoration:none;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius);cursor:pointer;transition:background var(--ui-duration-fast) var(--ui-easing-default),color var(--ui-duration-fast) var(--ui-easing-default)}.ui-sidebar-nav__item:hover{--ui-_bg: var(--ui-sidebar-nav-item-hover-bg, var(--ui-color-bg-muted))}.ui-sidebar-nav__item:visited{color:var(--ui-_color)}.ui-sidebar-nav__item:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:-2px}.ui-sidebar-nav__item--active{--ui-_bg: var(--ui-sidebar-nav-item-active-bg, var(--ui-color-primary-subtle));--ui-_color: var(--ui-sidebar-nav-item-active-color, var(--ui-color-primary-hover));--ui-_weight: var(--ui-sidebar-nav-item-active-weight, var(--ui-weight-medium))}.ui-sidebar-nav__item--nested{--ui-_padding-inline-start: var(--ui-sidebar-nav-item-nested-indent, var(--ui-space-4));padding-inline-start:var(--ui-_padding-inline-start)}.ui-sidebar-nav__item--disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed;pointer-events:none}.ui-sidebar-nav__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-size-md);inline-size:var(--ui-size-md)}.ui-sidebar-nav__label{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-sidebar-nav__badge{flex-shrink:0;margin-inline-start:auto}.ui-sidebar-nav--collapsed{--ui-_width: var(--ui-sidebar-nav-width-collapsed, var(--ui-row-3))}.ui-sidebar-nav--collapsed .ui-sidebar-nav__label,.ui-sidebar-nav--collapsed .ui-sidebar-nav__badge,.ui-sidebar-nav--collapsed .ui-sidebar-nav__group-label,.ui-sidebar-nav--collapsed .ui-sidebar-nav__subgroup-label{display:none}.ui-sidebar-nav--collapsed .ui-sidebar-nav__item{justify-content:center;padding-inline:var(--ui-space-1)}}
33
- @layer primitives{.ui-topbar{--ui-_height: var(--ui-topbar-height, var(--ui-row-3));--ui-_bg: var(--ui-topbar-bg, var(--ui-color-bg));--ui-_padding-inline: var(--ui-topbar-padding-inline, var(--ui-space-3));--ui-_border-color: var(--ui-topbar-border-color, var(--ui-color-border));--ui-_z: var(--ui-topbar-z, var(--ui-z-sticky));display:flex;align-items:center;z-index:var(--ui-_z);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-inline);background:var(--ui-_bg)}.ui-topbar__start{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-space-2)}.ui-topbar__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--ui-space-2)}.ui-topbar__end{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-space-2)}.ui-topbar--sticky{position:sticky;inset-block-start:0}.ui-topbar--fixed{position:fixed;inset-block-start:0;inset-inline:0}.ui-topbar--bordered{box-shadow:inset 0 calc(var(--ui-border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-topbar--raised{box-shadow:var(--ui-shadow-sm)}}
34
- @layer components.tokens{.ui-button{--ui-_accent: var(--ui-button-accent, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_height: var(--ui-button-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-button-padding-x, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-button-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_font-weight: var(--ui-button-font-weight, var(--ui-weight-medium, 500));--ui-_radius: var(--ui-button-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-_accent);--ui-_bg-hover: color-mix(in oklch, var(--ui-_accent) 80%, black);--ui-_color: var(--ui-button-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-button--sm{--ui-ctx-size: var(--ui-size-sm, 0.75rem);--ui-_height: var(--ui-button-height-sm, calc(var(--ui-row, 1rem) * 1.5));--ui-_font-size: var(--ui-button-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-button--md{--ui-ctx-size: var(--ui-size-md, 1rem);--ui-_height: var(--ui-button-height-md, var(--ui-row-2, 2rem));--ui-_font-size: var(--ui-button-font-size-md, var(--ui-font-size-sm, 0.875rem))}.ui-button--lg{--ui-ctx-size: var(--ui-size-lg, 1.25rem);--ui-_height: var(--ui-button-height-lg, calc(var(--ui-row, 1rem) * 2.5));--ui-_padding-x: var(--ui-button-padding-x-lg, var(--ui-space-3, 1.5rem));--ui-_font-size: var(--ui-button-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-button--secondary{--ui-_bg: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--ui-_bg-hover: var(--ui-color-border-strong, hsl(220, 10%, 80%));--ui-_color: var(--ui-color-text, hsl(220, 10%, 10%))}.ui-button--ghost{--ui-_bg: transparent;--ui-_bg-hover: color-mix(in oklch, var(--ui-_accent) 10%, transparent);--ui-_color: var(--ui-_accent)}.ui-button--outline{--ui-_bg: transparent;--ui-_bg-hover: var(--ui-_accent);--ui-_color: var(--ui-_accent);--ui-_color-hover: var(--ui-color-text-inverse, hsl(220, 10%, 98%));--ui-_border: var(--ui-border-width-sm, 0.0625rem) solid currentColor}.ui-button--danger{--ui-_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.ui-button--link{--ui-_bg: transparent;--ui-_bg-hover: transparent;--ui-_color: var(--ui-_accent);--ui-_color-hover: color-mix(in oklch, var(--ui-_accent) 70%, black);--ui-_height: auto;--ui-_padding-x: 0;--ui-_radius: 0}.ui-button--icon{--ui-_padding-x: 0}.ui-button--radius-none{--ui-_radius: 0}.ui-button--radius-sm{--ui-_radius: var(--ui-radius-sm, 0.25rem)}.ui-button--radius-lg{--ui-_radius: var(--ui-radius-lg, 1rem)}.ui-button--radius-full{--ui-_radius: 624.9375rem}}
35
- @layer components.styles{.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-1, 0.5rem);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-x);margin:0;font-family:var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:var(--ui-_font-size);font-weight:var(--ui-_font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-_border, none);border-radius:var(--ui-_radius);cursor:pointer;transition:background-color var(--ui-duration-base) var(--ui-ease-default),color var(--ui-duration-base) var(--ui-ease-default),transform var(--ui-duration-fast) var(--ui-ease-default)}.ui-button:hover,.ui-button--hover{color:var(--ui-_color-hover, var(--ui-_color));background:var(--ui-_bg-hover)}.ui-button:focus-visible,.ui-button--focus{outline:var(--ui-border-width-md, 0.125rem) solid var(--ui-color-focus, oklch(75% 0.15 250deg));outline-offset:var(--ui-border-width-md, 0.125rem)}.ui-button:active,.ui-button--active{transform:scale(0.98)}.ui-button:disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-button:disabled:hover{background:var(--ui-_bg);transform:none}.ui-button--icon{inline-size:var(--ui-_height)}.ui-button--block{inline-size:100%}.ui-button--link{text-decoration:underline;text-underline-offset:var(--ui-space-quarter)}.ui-button--link:hover{text-decoration-thickness:var(--ui-space-quarter)}.ui-button__icon{flex-shrink:0;block-size:1em;inline-size:1em}.ui-button__icon--start{order:-1}.ui-button__icon--end{order:1}.ui-button--loading{position:relative;opacity:var(--ui-opacity-loading, 0.7);pointer-events:none}.ui-button--loading::after{content:"";position:absolute;block-size:1em;inline-size:1em;border:2px solid currentcolor;border-radius:50%;animation:button-spin .6s linear infinite;border-inline-end-color:rgba(0,0,0,0)}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.ui-button--loading::after{animation:none}}}
22
+ @layer primitives{.ui-column{--ui-_space-2: var(--ui-space-2);--ui-_space-1: var(--ui-space-1);--ui-_space-4: var(--ui-space-4);--ui-_space-6: var(--ui-space-6);--ui-_space-8: var(--ui-space-8);display:flex;flex-direction:column;gap:var(--ui-column-gap, var(--ui-_space-2))}.ui-column--xs{--ui-column-gap: var(--ui-_space-1)}.ui-column--sm{--ui-column-gap: var(--ui-_space-2)}.ui-column--md{--ui-column-gap: var(--ui-_space-4)}.ui-column--lg{--ui-column-gap: var(--ui-_space-6)}.ui-column--xl{--ui-column-gap: var(--ui-_space-8)}}
23
+ @layer primitives{.ui-container{--ui-_unit: var(--ui-unit);--ui-_space-4: var(--ui-space-4);max-inline-size:var(--ui-container-width, calc(var(--ui-_unit) * 120));padding-inline:var(--ui-_space-4)}.ui-container--center{margin-inline:auto}.ui-container--sm{--ui-container-width: calc(var(--ui-_unit) * 80)}.ui-container--md{--ui-container-width: calc(var(--ui-_unit) * 100)}.ui-container--lg{--ui-container-width: calc(var(--ui-_unit) * 120)}.ui-container--xl{--ui-container-width: calc(var(--ui-_unit) * 160)}.ui-container--full{max-inline-size:none}}
24
+ @layer primitives{.ui-content{--ui-_unit: var(--ui-unit);--ui-_padding-block: var(--ui-content-padding-block, var(--ui-space-4));--ui-_padding-inline: var(--ui-content-padding-inline, var(--ui-space-4));--ui-_gap: var(--ui-content-gap, var(--ui-space-3));display:flex;flex-direction:column;gap:var(--ui-_gap);padding-block:var(--ui-_padding-block);padding-inline:var(--ui-_padding-inline)}.ui-content--prose{max-inline-size:calc(var(--ui-_unit)*80)}.ui-content--flush{padding-block:0;padding-inline:0}}
25
+ @layer primitives{.ui-footer{--ui-_space-2: var(--ui-space-2);--ui-_border-width-sm: var(--ui-border-width-sm);--ui-_hue-primary: var(--ui-hue-primary, 220);--ui-_height: var(--ui-footer-height, var(--ui-row-3));--ui-_bg: var(--ui-footer-bg, var(--ui-color-bg));--ui-_padding-inline: var(--ui-footer-padding-inline, var(--ui-space-3));--ui-_border-color: var(--ui-footer-border-color, var(--ui-color-border));--ui-_z: var(--ui-footer-z, var(--ui-z-sticky));display:flex;align-items:center;z-index:var(--ui-_z);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-inline);background:var(--ui-_bg)}.ui-footer__start{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-_space-2)}.ui-footer__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--ui-_space-2)}.ui-footer__end{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-_space-2)}.ui-footer--sticky{position:sticky;inset-block-end:0}.ui-footer--fixed{position:fixed;inset-block-end:0;inset-inline:0}.ui-footer--bordered{box-shadow:inset 0 var(--ui-_border-width-sm) 0 0 var(--ui-_border-color)}.ui-footer--raised{box-shadow:0 calc(var(--ui-_border-width-sm)*-1) 6px hsl(var(--ui-_hue-primary), 10%, 20%, 0.08)}}
26
+ @layer primitives{.ui-grid{--ui-_space-4: var(--ui-space-4);display:grid;gap:var(--ui-grid-gap, var(--ui-_space-4));grid-template-columns:repeat(var(--ui-grid-cols, 1), minmax(0, 1fr))}.ui-grid--2{--ui-grid-cols: 2}.ui-grid--3{--ui-grid-cols: 3}.ui-grid--4{--ui-grid-cols: 4}.ui-grid--auto{grid-template-columns:repeat(auto-fit, minmax(var(--ui-grid-min, 16rem), 1fr))}}
27
+ @layer primitives{.ui-main{--ui-_unit: var(--ui-unit);padding-block-start:var(--ui-topbar-height, 0);margin-inline-start:var(--ui-sidebar-width, calc(var(--ui-_unit) * 30))}.ui-main--sidebar-end{margin-inline-start:0;margin-inline-end:var(--ui-sidebar-width, calc(var(--ui-_unit) * 30))}.ui-main--full{margin-inline-start:0;margin-inline-end:0}}
28
+ @layer primitives{.ui-nav-rail{--ui-_space-2: var(--ui-space-2);--ui-_border-width-sm: var(--ui-border-width-sm);--ui-_width: var(--ui-nav-rail-width, var(--ui-row-4));--ui-_bg: var(--ui-nav-rail-bg, var(--ui-color-bg-subtle));--ui-_border-color: var(--ui-nav-rail-border-color, var(--ui-color-border));--ui-_gap: var(--ui-nav-rail-gap, var(--ui-space-1));--ui-_z: var(--ui-nav-rail-z, var(--ui-z-sticky));display:flex;flex-direction:column;align-items:center;position:fixed;inset-block:var(--ui-topbar-height, 0);inset-inline-start:0;z-index:var(--ui-_z);inline-size:var(--ui-_width);padding-block:var(--ui-_space-2);background:var(--ui-_bg);box-shadow:inset calc(var(--ui-_border-width-sm)*-1) 0 0 0 var(--ui-_border-color)}.ui-nav-rail__items{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--ui-_gap)}.ui-nav-rail__actions{display:flex;flex-direction:column;align-items:center;gap:var(--ui-_gap);margin-block-start:auto}.ui-nav-rail--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--ui-_border-width-sm) 0 0 0 var(--ui-_border-color)}}
29
+ @layer primitives{.ui-page-header{--ui-_body-line-height: var(--ui-body-line-height);--ui-_space-1: var(--ui-space-1);--ui-_space-2: var(--ui-space-2);--ui-_border-width-sm: var(--ui-border-width-sm);--ui-_z-sticky: var(--ui-z-sticky);--ui-_color-bg: var(--ui-color-bg);--ui-_padding-block: var(--ui-page-header-padding-block, var(--ui-space-3));--ui-_padding-inline: var(--ui-page-header-padding-inline, 0);--ui-_gap: var(--ui-page-header-gap, var(--ui-space-2));--ui-_border-color: var(--ui-page-header-border-color, var(--ui-color-border));display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-_gap);padding-block:var(--ui-_padding-block);padding-inline:var(--ui-_padding-inline);line-height:var(--ui-_body-line-height)}.ui-page-header__title{display:flex;flex:1;flex-direction:column;gap:var(--ui-_space-1)}.ui-page-header__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-_space-2)}.ui-page-header__breadcrumb{flex-basis:100%}.ui-page-header--bordered{box-shadow:inset 0 calc(var(--ui-_border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-page-header--sticky{position:sticky;inset-block-start:0;z-index:var(--ui-_z-sticky);background:var(--ui-_color-bg)}}
30
+ @layer primitives{.ui-row{--ui-_space-2: var(--ui-space-2);--ui-_space-1: var(--ui-space-1);--ui-_space-4: var(--ui-space-4);--ui-_space-6: var(--ui-space-6);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-row-gap, var(--ui-_space-2))}.ui-row--xs{--ui-row-gap: var(--ui-_space-1)}.ui-row--sm{--ui-row-gap: var(--ui-_space-2)}.ui-row--md{--ui-row-gap: var(--ui-_space-4)}.ui-row--lg{--ui-row-gap: var(--ui-_space-6)}.ui-row--start{justify-content:flex-start}.ui-row--center{justify-content:center}.ui-row--end{justify-content:flex-end}.ui-row--between{justify-content:space-between}}
31
+ @layer primitives{.ui-sidebar{--ui-_z-sticky: var(--ui-z-sticky);--ui-_unit: var(--ui-unit);--ui-_color-bg-subtle: var(--ui-color-bg-subtle);--ui-_border-width-sm: var(--ui-border-width-sm);--ui-_color-border: var(--ui-color-border);display:flex;flex-direction:column;position:fixed;inset-block-start:var(--ui-topbar-height, 0);inset-inline-start:0;z-index:var(--ui-_z-sticky);block-size:calc(100vh - var(--ui-topbar-height, 0px));inline-size:var(--ui-sidebar-width, calc(var(--ui-_unit) * 30));overflow-y:auto;background:var(--ui-_color-bg-subtle);box-shadow:inset calc(var(--ui-_border-width-sm)*-1) 0 0 0 var(--ui-_color-border)}.ui-sidebar--sm{--ui-sidebar-width: calc(var(--ui-_unit) * 24)}.ui-sidebar--md{--ui-sidebar-width: calc(var(--ui-_unit) * 30)}.ui-sidebar--lg{--ui-sidebar-width: calc(var(--ui-_unit) * 40)}.ui-sidebar--end{inset-inline-start:auto;inset-inline-end:0;box-shadow:inset var(--ui-_border-width-sm) 0 0 0 var(--ui-_color-border)}}
32
+ @layer primitives{.ui-sidebar-nav{--ui-_border-width-sm: var(--ui-border-width-sm);--ui-_space-2: var(--ui-space-2);--ui-_space-1: var(--ui-space-1);--ui-_space-half: var(--ui-space-half);--ui-_size-xs: var(--ui-size-xs);--ui-_weight-medium: var(--ui-weight-medium);--ui-_color-text-muted: var(--ui-color-text-muted);--ui-_duration-fast: var(--ui-duration-fast);--ui-_easing-default: var(--ui-easing-default);--ui-_color-focus: var(--ui-color-focus);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_size-md: var(--ui-size-md);--ui-_width: var(--ui-sidebar-nav-width, calc(var(--ui-unit) * 30));--ui-_bg: var(--ui-sidebar-nav-bg, var(--ui-color-bg-subtle));--ui-_border-color: var(--ui-sidebar-nav-border-color, var(--ui-color-border));--ui-_padding: var(--ui-sidebar-nav-padding, var(--ui-space-2));display:flex;flex-direction:column;block-size:100%;inline-size:var(--ui-_width);background:var(--ui-_bg)}.ui-sidebar-nav__header{--ui-_padding: var(--ui-sidebar-nav-header-padding, var(--ui-space-2));flex-shrink:0;padding:var(--ui-_padding);box-shadow:inset 0 calc(var(--ui-_border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-sidebar-nav__content{flex:1;padding:var(--ui-_padding);overflow-y:auto}.ui-sidebar-nav__footer{--ui-_padding: var(--ui-sidebar-nav-footer-padding, var(--ui-space-2));flex-shrink:0;padding:var(--ui-_padding);box-shadow:inset 0 var(--ui-_border-width-sm) 0 0 var(--ui-_border-color)}.ui-sidebar-nav__group{margin-block-end:var(--ui-_space-2)}.ui-sidebar-nav__group-label{--ui-_font-size: var(--ui-sidebar-nav-group-label-size, var(--ui-size-xs));--ui-_color: var(--ui-sidebar-nav-group-label-color, var(--ui-color-text-muted));--ui-_weight: var(--ui-sidebar-nav-group-label-weight, var(--ui-weight-bold));display:block;padding:var(--ui-_space-1) var(--ui-_space-2);margin:0;font-size:var(--ui-_font-size);font-weight:var(--ui-_weight);letter-spacing:.05em;text-transform:uppercase;color:var(--ui-_color)}.ui-sidebar-nav__group-items{display:flex;flex-direction:column;gap:var(--ui-_space-half);padding:0;margin:0;list-style:none}.ui-sidebar-nav__subgroup{margin:0}.ui-sidebar-nav__subgroup-label{display:block;list-style:none;padding:var(--ui-_space-1) var(--ui-_space-2);margin:0;margin-block-start:var(--ui-_space-1);font-size:var(--ui-_size-xs);font-weight:var(--ui-_weight-medium);color:var(--ui-_color-text-muted);cursor:pointer;user-select:none}.ui-sidebar-nav__subgroup-label::-webkit-details-marker{display:none}.ui-sidebar-nav__item{--ui-_height: var(--ui-sidebar-nav-item-height, var(--ui-row-2));--ui-_padding-inline: var(--ui-sidebar-nav-item-padding-inline, var(--ui-space-2));--ui-_font-size: var(--ui-sidebar-nav-item-size, var(--ui-size-sm));--ui-_color: var(--ui-sidebar-nav-item-color, var(--ui-color-text));--ui-_bg: var(--ui-sidebar-nav-item-bg, transparent);--ui-_radius: var(--ui-sidebar-nav-item-radius, var(--ui-radius-sm));display:flex;align-items:center;gap:var(--ui-_space-1);min-block-size:var(--ui-_height);padding-inline:var(--ui-_padding-inline);font-size:var(--ui-_font-size);font-weight:var(--ui-_weight, normal);text-decoration:none;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius);cursor:pointer;transition:background var(--ui-_duration-fast) var(--ui-_easing-default),color var(--ui-_duration-fast) var(--ui-_easing-default)}.ui-sidebar-nav__item:hover{--ui-_bg: var(--ui-sidebar-nav-item-hover-bg, var(--ui-color-bg-muted))}.ui-sidebar-nav__item:visited{color:var(--ui-_color)}.ui-sidebar-nav__item:focus-visible{outline:2px solid var(--ui-_color-focus);outline-offset:-2px}.ui-sidebar-nav__item--active{--ui-_bg: var(--ui-sidebar-nav-item-active-bg, var(--ui-color-primary-subtle));--ui-_color: var(--ui-sidebar-nav-item-active-color, var(--ui-color-primary-hover));--ui-_weight: var(--ui-sidebar-nav-item-active-weight, var(--ui-weight-medium))}.ui-sidebar-nav__item--nested{--ui-_padding-inline-start: var(--ui-sidebar-nav-item-nested-indent, var(--ui-space-4));padding-inline-start:var(--ui-_padding-inline-start)}.ui-sidebar-nav__item--disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed;pointer-events:none}.ui-sidebar-nav__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-_size-md);inline-size:var(--ui-_size-md)}.ui-sidebar-nav__label{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-sidebar-nav__badge{flex-shrink:0;margin-inline-start:auto}.ui-sidebar-nav--collapsed{--ui-_width: var(--ui-sidebar-nav-width-collapsed, var(--ui-row-3))}.ui-sidebar-nav--collapsed .ui-sidebar-nav__label,.ui-sidebar-nav--collapsed .ui-sidebar-nav__badge,.ui-sidebar-nav--collapsed .ui-sidebar-nav__group-label,.ui-sidebar-nav--collapsed .ui-sidebar-nav__subgroup-label{display:none}.ui-sidebar-nav--collapsed .ui-sidebar-nav__item{justify-content:center;padding-inline:var(--ui-_space-1)}}
33
+ @layer primitives{.ui-topbar{--ui-_space-2: var(--ui-space-2);--ui-_border-width-sm: var(--ui-border-width-sm);--ui-_shadow-sm: var(--ui-shadow-sm);--ui-_height: var(--ui-topbar-height, var(--ui-row-3));--ui-_bg: var(--ui-topbar-bg, var(--ui-color-bg));--ui-_padding-inline: var(--ui-topbar-padding-inline, var(--ui-space-3));--ui-_border-color: var(--ui-topbar-border-color, var(--ui-color-border));--ui-_z: var(--ui-topbar-z, var(--ui-z-sticky));display:flex;align-items:center;z-index:var(--ui-_z);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-inline);background:var(--ui-_bg)}.ui-topbar__start{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-_space-2)}.ui-topbar__center{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--ui-_space-2)}.ui-topbar__end{display:flex;flex-shrink:0;align-items:center;gap:var(--ui-_space-2)}.ui-topbar--sticky{position:sticky;inset-block-start:0}.ui-topbar--fixed{position:fixed;inset-block-start:0;inset-inline:0}.ui-topbar--bordered{box-shadow:inset 0 calc(var(--ui-_border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-topbar--raised{box-shadow:var(--ui-_shadow-sm)}}
34
+ @layer components.tokens{.ui-button{--ui-_space-1: var(--ui-space-1, 0.5rem);--ui-_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--ui-_duration-base: var(--ui-duration-base);--ui-_ease-default: var(--ui-ease-default);--ui-_duration-fast: var(--ui-duration-fast);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_space-quarter: var(--ui-space-quarter);--ui-_opacity-loading: var(--ui-opacity-loading, 0.7);--ui-_accent: var(--ui-button-accent, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_height: var(--ui-button-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-button-padding-x, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-button-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_font-weight: var(--ui-button-font-weight, var(--ui-weight-medium, 500));--ui-_radius: var(--ui-button-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-_accent);--ui-_bg-hover: color-mix(in oklch, var(--ui-_accent) 80%, black);--ui-_color: var(--ui-button-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-button--sm{--ui-ctx-size: var(--ui-size-sm, 0.75rem);--ui-_height: var(--ui-button-height-sm, calc(var(--ui-row, 1rem) * 1.5));--ui-_font-size: var(--ui-button-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-button--md{--ui-ctx-size: var(--ui-size-md, 1rem);--ui-_height: var(--ui-button-height-md, var(--ui-row-2, 2rem));--ui-_font-size: var(--ui-button-font-size-md, var(--ui-font-size-sm, 0.875rem))}.ui-button--lg{--ui-ctx-size: var(--ui-size-lg, 1.25rem);--ui-_height: var(--ui-button-height-lg, calc(var(--ui-row, 1rem) * 2.5));--ui-_padding-x: var(--ui-button-padding-x-lg, var(--ui-space-3, 1.5rem));--ui-_font-size: var(--ui-button-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-button--secondary{--ui-_bg: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--ui-_bg-hover: var(--ui-color-border-strong, hsl(220, 10%, 80%));--ui-_color: var(--ui-color-text, hsl(220, 10%, 10%))}.ui-button--ghost{--ui-_bg: transparent;--ui-_bg-hover: color-mix(in oklch, var(--ui-_accent) 10%, transparent);--ui-_color: var(--ui-_accent)}.ui-button--outline{--ui-_bg: transparent;--ui-_bg-hover: var(--ui-_accent);--ui-_color: var(--ui-_accent);--ui-_color-hover: var(--ui-color-text-inverse, hsl(220, 10%, 98%));--ui-_border: var(--ui-border-width-sm, 0.0625rem) solid currentColor}.ui-button--danger{--ui-_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.ui-button--link{--ui-_bg: transparent;--ui-_bg-hover: transparent;--ui-_color: var(--ui-_accent);--ui-_color-hover: color-mix(in oklch, var(--ui-_accent) 70%, black);--ui-_height: auto;--ui-_padding-x: 0;--ui-_radius: 0}.ui-button--icon{--ui-_padding-x: 0}.ui-button--radius-none{--ui-_radius: 0}.ui-button--radius-sm{--ui-_radius: var(--ui-radius-sm, 0.25rem)}.ui-button--radius-lg{--ui-_radius: var(--ui-radius-lg, 1rem)}.ui-button--radius-full{--ui-_radius: 624.9375rem}}
35
+ @layer components.styles{.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-_space-1);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-x);margin:0;font-family:var(--ui-_font-sans);font-size:var(--ui-_font-size);font-weight:var(--ui-_font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-_border, none);border-radius:var(--ui-_radius);cursor:pointer;transition:background-color var(--ui-_duration-base) var(--ui-_ease-default),color var(--ui-_duration-base) var(--ui-_ease-default),transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-button:hover,.ui-button--hover{color:var(--ui-_color-hover, var(--ui-_color));background:var(--ui-_bg-hover)}.ui-button:focus-visible,.ui-button--focus{outline:var(--ui-_border-width-md) solid var(--ui-_color-focus);outline-offset:var(--ui-_border-width-md)}.ui-button:active,.ui-button--active{transform:scale(0.98)}.ui-button:disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-button:disabled:hover{background:var(--ui-_bg);transform:none}.ui-button--icon{inline-size:var(--ui-_height)}.ui-button--block{inline-size:100%}.ui-button--link{text-decoration:underline;text-underline-offset:var(--ui-_space-quarter)}.ui-button--link:hover{text-decoration-thickness:var(--ui-_space-quarter)}.ui-button__icon{flex-shrink:0;block-size:1em;inline-size:1em}.ui-button__icon--start{order:-1}.ui-button__icon--end{order:1}.ui-button--loading{position:relative;opacity:var(--ui-_opacity-loading);pointer-events:none}.ui-button--loading::after{content:"";position:absolute;block-size:1em;inline-size:1em;border:2px solid currentcolor;border-radius:50%;animation:button-spin .6s linear infinite;border-inline-end-color:rgba(0,0,0,0)}@keyframes button-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.ui-button--loading::after{animation:none}}}
36
36
  @layer components.tokens{.ui-button-group{--ui-_radius: var(--ui-button-group-radius, var(--ui-radius-md, calc(0.5rem / 2)))}}
37
37
  @layer components.styles{.ui-button-group{display:inline-flex}.ui-button-group>.ui-button:not(:first-child,:last-child){border-radius:0}.ui-button-group>.ui-button:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.ui-button-group>.ui-button:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.ui-button-group>.ui-button+.ui-button{margin-inline-start:calc(0.5rem/-8)}.ui-button-group>.ui-button:focus-visible{z-index:1}.ui-button-group--vertical{flex-direction:column}.ui-button-group--vertical>.ui-button:not(:first-child,:last-child){border-radius:0}.ui-button-group--vertical>.ui-button:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}.ui-button-group--vertical>.ui-button:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}.ui-button-group--vertical>.ui-button+.ui-button{border-block-start-width:0;margin-inline-start:0}.ui-button-group--attached>.ui-button{border-inline-end-width:0}.ui-button-group--attached>.ui-button:last-child{border-inline-end-width:1px}.ui-button-group--attached>.ui-button+.ui-button{margin-inline-start:0}}
38
- @layer components.tokens{.ui-close-button{--ui-_size: var(--ui-close-button-size, var(--ui-row-2, 2rem));--ui-_icon-size: var(--ui-close-button-icon-size, var(--ui-size-md, 1rem));--ui-_color: var(--ui-close-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_bg: var(--ui-close-button-bg, transparent);--ui-_hover-bg: var(--ui-close-button-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_radius: var(--ui-close-button-radius, var(--ui-radius-md, 0.5rem))}.ui-close-button--sm{--ui-_size: var(--ui-close-button-size-sm, calc(0.5rem * 3));--ui-_icon-size: var(--ui-close-button-icon-size-sm, var(--ui-size-sm, 0.75rem))}.ui-close-button--lg{--ui-_size: var(--ui-close-button-size-lg, var(--ui-row-3, 3rem));--ui-_icon-size: var(--ui-close-button-icon-size-lg, var(--ui-size-lg, 1.25rem))}.ui-close-button--subtle{--ui-_color: var(--ui-close-button-subtle-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_hover-bg: var(--ui-close-button-subtle-hover-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}
39
- @layer components.styles{.ui-close-button{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ui-_size);inline-size:var(--ui-_size);padding:0;margin:0;font:inherit;color:var(--ui-_color);background:var(--ui-_bg);border:none;border-radius:var(--ui-_radius);cursor:pointer;appearance:none;transition:background-color var(--ui-duration-base, 150ms) var(--ui-ease-default, ease),color var(--ui-duration-base, 150ms) var(--ui-ease-default, ease)}.ui-close-button:hover,.ui-close-button--hover{color:var(--ui-color-text, hsl(220, 10%, 10%));background:var(--ui-_hover-bg)}.ui-close-button:focus-visible,.ui-close-button--focus{outline:var(--ui-border-width-md, 0.125rem) solid var(--ui-color-focus, oklch(75% 0.15 250deg));outline-offset:var(--ui-border-width-md, 0.125rem)}.ui-close-button:active,.ui-close-button--active{transform:scale(0.92)}.ui-close-button:disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-close-button:disabled:hover{color:var(--ui-_color);background:var(--ui-_bg);transform:none}.ui-close-button__icon{flex-shrink:0;block-size:var(--ui-_icon-size);inline-size:var(--ui-_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}
40
- @layer components.tokens{.ui-divider{--ui-_color: var(--ui-divider-color, var(--ui-color-border, rgb(0 0 0 / 0.1)));--ui-_line-size: var(--ui-divider-line-size, 1px);--ui-_height: var(--ui-divider-height, 0.5rem);--ui-_gap: var(--ui-divider-gap, calc(0.5rem * 2))}}
41
- @layer components.styles{.ui-divider{display:flex;align-items:center;block-size:var(--ui-_height);margin:var(--ui-_gap) 0;font-size:var(--ui-font-size-sm, 0.875rem);line-height:1;color:var(--ui-color-text-muted)}.ui-divider::before,.ui-divider::after{content:"";flex:1;block-size:var(--ui-_line-size);background:var(--ui-_color)}.ui-divider:not(:empty){--ui-_height: var(--ui-row-1, 1rem)}.ui-divider:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.ui-divider:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.ui-divider:empty::after{display:none}.ui-divider--vertical{flex-direction:column;align-self:stretch;margin:0 var(--ui-_gap);writing-mode:vertical-rl}.ui-divider--vertical::before,.ui-divider--vertical::after{flex:1;block-size:auto;inline-size:var(--ui-_size)}.ui-divider--start::before{display:none}.ui-divider--start:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.ui-divider--end::after{display:none}.ui-divider--end:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.ui-divider--dashed::before,.ui-divider--dashed::after{background:repeating-linear-gradient(90deg, var(--ui-_color) 0, var(--ui-_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}.ui-divider--vertical.ui-divider--dashed::before,.ui-divider--vertical.ui-divider--dashed::after{background:repeating-linear-gradient(180deg, var(--ui-_color) 0, var(--ui-_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}}
42
- @layer components.tokens{.ui-scroll-area{--ui-_max-height: var(--ui-scroll-area-max-height, calc(1rem * 10));--ui-_scrollbar-size: var(--ui-scroll-area-scrollbar-size, calc(0.5rem * 1));--ui-_thumb-color: var(--ui-scroll-area-thumb-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_thumb-hover-color: var(--ui-scroll-area-thumb-hover-color, var(--ui-color-neutral-400, hsl(220, 10%, 60%)));--ui-_track-color: var(--ui-scroll-area-track-color, transparent);--ui-_thumb-radius: var(--ui-scroll-area-thumb-radius, var(--ui-radius-full, 9999px))}.ui-scroll-area--sm{--ui-_max-height: var(--ui-scroll-area-max-height-sm, calc(1rem * 5))}.ui-scroll-area--lg{--ui-_max-height: var(--ui-scroll-area-max-height-lg, calc(1rem * 15))}.ui-scroll-area--xl{--ui-_max-height: var(--ui-scroll-area-max-height-xl, calc(1rem * 20))}.ui-scroll-area--thin{--ui-_scrollbar-size: var(--ui-scroll-area-scrollbar-size-thin, calc(0.5rem * 0.5))}}
43
- @layer components.styles{.ui-scroll-area{overflow:hidden}.ui-scroll-area__viewport{max-block-size:var(--ui-_max-height);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ui-_thumb-color) var(--ui-_track-color)}.ui-scroll-area__viewport::-webkit-scrollbar{block-size:var(--ui-_scrollbar-size);inline-size:var(--ui-_scrollbar-size)}.ui-scroll-area__viewport::-webkit-scrollbar-track{background:var(--ui-_track-color)}.ui-scroll-area__viewport::-webkit-scrollbar-thumb{background:var(--ui-_thumb-color);border-radius:var(--ui-_thumb-radius)}.ui-scroll-area__viewport::-webkit-scrollbar-thumb:hover{background:var(--ui-_thumb-hover-color)}.ui-scroll-area--horizontal>.ui-scroll-area__viewport{max-block-size:none;overflow-x:auto;overflow-y:hidden}.ui-scroll-area--both>.ui-scroll-area__viewport{overflow-x:auto;overflow-y:auto}.ui-scroll-area--auto-hide>.ui-scroll-area__viewport::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);transition:background var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-scroll-area--auto-hide>.ui-scroll-area__viewport:hover::-webkit-scrollbar-thumb{background:var(--ui-_thumb-color)}}
38
+ @layer components.tokens{.ui-close-button{--ui-_duration-base: var(--ui-duration-base, 150ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_size: var(--ui-close-button-size, var(--ui-row-2, 2rem));--ui-_icon-size: var(--ui-close-button-icon-size, var(--ui-size-md, 1rem));--ui-_color: var(--ui-close-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_bg: var(--ui-close-button-bg, transparent);--ui-_hover-bg: var(--ui-close-button-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_radius: var(--ui-close-button-radius, var(--ui-radius-md, 0.5rem))}.ui-close-button--sm{--ui-_size: var(--ui-close-button-size-sm, calc(0.5rem * 3));--ui-_icon-size: var(--ui-close-button-icon-size-sm, var(--ui-size-sm, 0.75rem))}.ui-close-button--lg{--ui-_size: var(--ui-close-button-size-lg, var(--ui-row-3, 3rem));--ui-_icon-size: var(--ui-close-button-icon-size-lg, var(--ui-size-lg, 1.25rem))}.ui-close-button--subtle{--ui-_color: var(--ui-close-button-subtle-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_hover-bg: var(--ui-close-button-subtle-hover-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}
39
+ @layer components.styles{.ui-close-button{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ui-_size);inline-size:var(--ui-_size);padding:0;margin:0;font:inherit;color:var(--ui-_color);background:var(--ui-_bg);border:none;border-radius:var(--ui-_radius);cursor:pointer;appearance:none;transition:background-color var(--ui-_duration-base) var(--ui-_ease-default),color var(--ui-_duration-base) var(--ui-_ease-default)}.ui-close-button:hover,.ui-close-button--hover{color:var(--ui-_color-text);background:var(--ui-_hover-bg)}.ui-close-button:focus-visible,.ui-close-button--focus{outline:var(--ui-_border-width-md) solid var(--ui-_color-focus);outline-offset:var(--ui-_border-width-md)}.ui-close-button:active,.ui-close-button--active{transform:scale(0.92)}.ui-close-button:disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-close-button:disabled:hover{color:var(--ui-_color);background:var(--ui-_bg);transform:none}.ui-close-button__icon{flex-shrink:0;block-size:var(--ui-_icon-size);inline-size:var(--ui-_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}
40
+ @layer components.tokens{.ui-divider{--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_color-text-muted: var(--ui-color-text-muted);--ui-_color: var(--ui-divider-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_line-size: var(--ui-divider-line-size, 0.0625rem);--ui-_height: var(--ui-divider-height, 0.5rem);--ui-_gap: var(--ui-divider-gap, calc(0.5rem * 2))}}
41
+ @layer components.styles{.ui-divider{display:flex;align-items:center;block-size:var(--ui-_height);margin:var(--ui-_gap) 0;font-size:var(--ui-_font-size-sm);line-height:1;color:var(--ui-_color-text-muted)}.ui-divider::before,.ui-divider::after{content:"";flex:1;block-size:var(--ui-_line-size);background:var(--ui-_color)}.ui-divider:not(:empty){--ui-_height: var(--ui-row-1, 1rem)}.ui-divider:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.ui-divider:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.ui-divider:empty::after{display:none}.ui-divider--vertical{flex-direction:column;align-self:stretch;margin:0 var(--ui-_gap);writing-mode:vertical-rl}.ui-divider--vertical::before,.ui-divider--vertical::after{flex:1;block-size:auto;inline-size:var(--ui-_size)}.ui-divider--start::before{display:none}.ui-divider--start:not(:empty)::after{margin-inline-start:calc(0.5rem*2)}.ui-divider--end::after{display:none}.ui-divider--end:not(:empty)::before{margin-inline-end:calc(0.5rem*2)}.ui-divider--dashed::before,.ui-divider--dashed::after{background:repeating-linear-gradient(90deg, var(--ui-_color) 0, var(--ui-_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}.ui-divider--vertical.ui-divider--dashed::before,.ui-divider--vertical.ui-divider--dashed::after{background:repeating-linear-gradient(180deg, var(--ui-_color) 0, var(--ui-_color) calc(0.5rem / 2), transparent calc(0.5rem / 2), transparent 0.5rem)}}
42
+ @layer components.tokens{.ui-scroll-area{--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_max-height: var(--ui-scroll-area-max-height, calc(1rem * 10));--ui-_scrollbar-size: var(--ui-scroll-area-scrollbar-size, calc(0.5rem * 1));--ui-_thumb-color: var(--ui-scroll-area-thumb-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_thumb-hover-color: var(--ui-scroll-area-thumb-hover-color, var(--ui-color-neutral-400, hsl(220, 10%, 60%)));--ui-_track-color: var(--ui-scroll-area-track-color, transparent);--ui-_thumb-radius: var(--ui-scroll-area-thumb-radius, var(--ui-radius-full, 9999px))}.ui-scroll-area--sm{--ui-_max-height: var(--ui-scroll-area-max-height-sm, calc(1rem * 5))}.ui-scroll-area--lg{--ui-_max-height: var(--ui-scroll-area-max-height-lg, calc(1rem * 15))}.ui-scroll-area--xl{--ui-_max-height: var(--ui-scroll-area-max-height-xl, calc(1rem * 20))}.ui-scroll-area--thin{--ui-_scrollbar-size: var(--ui-scroll-area-scrollbar-size-thin, calc(0.5rem * 0.5))}}
43
+ @layer components.styles{.ui-scroll-area{overflow:hidden}.ui-scroll-area__viewport{max-block-size:var(--ui-_max-height);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ui-_thumb-color) var(--ui-_track-color)}.ui-scroll-area__viewport::-webkit-scrollbar{block-size:var(--ui-_scrollbar-size);inline-size:var(--ui-_scrollbar-size)}.ui-scroll-area__viewport::-webkit-scrollbar-track{background:var(--ui-_track-color)}.ui-scroll-area__viewport::-webkit-scrollbar-thumb{background:var(--ui-_thumb-color);border-radius:var(--ui-_thumb-radius)}.ui-scroll-area__viewport::-webkit-scrollbar-thumb:hover{background:var(--ui-_thumb-hover-color)}.ui-scroll-area--horizontal>.ui-scroll-area__viewport{max-block-size:none;overflow-x:auto;overflow-y:hidden}.ui-scroll-area--both>.ui-scroll-area__viewport{overflow-x:auto;overflow-y:auto}.ui-scroll-area--auto-hide>.ui-scroll-area__viewport::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);transition:background var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-scroll-area--auto-hide>.ui-scroll-area__viewport:hover::-webkit-scrollbar-thumb{background:var(--ui-_thumb-color)}}
44
44
  @layer components.tokens{.ui-spacer{--ui-_size: var(--ui-spacer-size, 1)}}
45
45
  @layer components.styles{.ui-spacer{flex:var(--ui-_size)}}
46
- @layer components.tokens{.ui-avatar{--ui-_size: var(--ui-avatar-size, calc(0.5rem * 5));--ui-_bg: var(--ui-avatar-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_color: var(--ui-avatar-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_font-size: var(--ui-avatar-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-avatar-radius, 50%)}.ui-avatar--xs{--ui-_size: var(--ui-avatar-size-xs, calc(0.5rem * 3));--ui-_font-size: var(--ui-avatar-font-size-xs, var(--ui-font-size-xs, 0.75rem))}.ui-avatar--sm{--ui-_size: var(--ui-avatar-size-sm, calc(0.5rem * 4));--ui-_font-size: var(--ui-avatar-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-avatar--lg{--ui-_size: var(--ui-avatar-size-lg, calc(0.5rem * 6));--ui-_font-size: var(--ui-avatar-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-avatar--xl{--ui-_size: var(--ui-avatar-size-xl, calc(0.5rem * 8));--ui-_font-size: var(--ui-avatar-font-size-xl, var(--ui-font-size-lg, 1.25rem))}.ui-avatar--square{--ui-_radius: var(--ui-avatar-radius-square, var(--ui-radius-md, 0.5rem))}}
47
- @layer components.styles{.ui-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;block-size:var(--ui-_size);inline-size:var(--ui-_size);overflow:hidden;font-size:var(--ui-_font-size);font-weight:var(--ui-weight-medium, 500);line-height:1;text-transform:uppercase;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-avatar__image{position:absolute;inset:0;block-size:100%;inline-size:100%;object-fit:cover;border-radius:inherit}.ui-avatar__fallback{display:flex;align-items:center;justify-content:center;block-size:100%;inline-size:100%;user-select:none}.ui-avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.ui-avatar-group>.ui-avatar{margin-inline-start:calc(var(--ui-_size)*-0.25);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-color-bg, hsl(220, 10%, 98%))}.ui-avatar-group>.ui-avatar:last-child{margin-inline-start:0}}
46
+ @layer components.tokens{.ui-avatar{--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_color-bg: var(--ui-color-bg, hsl(220, 10%, 98%));--ui-_size: var(--ui-avatar-size, calc(0.5rem * 5));--ui-_bg: var(--ui-avatar-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_color: var(--ui-avatar-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_font-size: var(--ui-avatar-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-avatar-radius, 50%)}.ui-avatar--xs{--ui-_size: var(--ui-avatar-size-xs, calc(0.5rem * 3));--ui-_font-size: var(--ui-avatar-font-size-xs, var(--ui-font-size-xs, 0.75rem))}.ui-avatar--sm{--ui-_size: var(--ui-avatar-size-sm, calc(0.5rem * 4));--ui-_font-size: var(--ui-avatar-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-avatar--lg{--ui-_size: var(--ui-avatar-size-lg, calc(0.5rem * 6));--ui-_font-size: var(--ui-avatar-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-avatar--xl{--ui-_size: var(--ui-avatar-size-xl, calc(0.5rem * 8));--ui-_font-size: var(--ui-avatar-font-size-xl, var(--ui-font-size-lg, 1.25rem))}.ui-avatar--square{--ui-_radius: var(--ui-avatar-radius-square, var(--ui-radius-md, 0.5rem))}}
47
+ @layer components.styles{.ui-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;position:relative;block-size:var(--ui-_size);inline-size:var(--ui-_size);overflow:hidden;font-size:var(--ui-_font-size);font-weight:var(--ui-_weight-medium);line-height:1;text-transform:uppercase;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-avatar__image{position:absolute;inset:0;block-size:100%;inline-size:100%;object-fit:cover;border-radius:inherit}.ui-avatar__fallback{display:flex;align-items:center;justify-content:center;block-size:100%;inline-size:100%;user-select:none}.ui-avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.ui-avatar-group>.ui-avatar{margin-inline-start:calc(var(--ui-_size)*-0.25);border:var(--ui-_border-width-sm) solid var(--ui-_color-bg)}.ui-avatar-group>.ui-avatar:last-child{margin-inline-start:0}}
48
48
  @layer components.tokens{.ui-badge{--ui-_accent: var(--ui-badge-accent, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_height: var(--ui-badge-height, calc(var(--ui-row, 1rem) * 1.25));--ui-_padding-x: var(--ui-badge-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-badge-font-size, var(--ui-font-size-xs, 0.75rem));--ui-_font-weight: var(--ui-badge-font-weight, var(--ui-weight-medium, 500));--ui-_radius: var(--ui-badge-radius, var(--ui-radius-full, 9999px));--ui-_bg: var(--ui-_accent);--ui-_color: var(--ui-badge-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-badge--sm{--ui-_height: var(--ui-badge-height-sm, var(--ui-row, 1rem));--ui-_padding-x: var(--ui-badge-padding-x-sm, var(--ui-space-0, 0.25rem));--ui-_font-size: var(--ui-badge-font-size-sm, calc(var(--ui-font-size-xs, 0.75rem) * 0.85))}.ui-badge--lg{--ui-_height: var(--ui-badge-height-lg, calc(var(--ui-row, 1rem) * 1.5));--ui-_padding-x: var(--ui-badge-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-badge-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-badge--primary{--ui-_accent: var(--ui-color-primary, oklch(55% 0.22 250deg));--ui-_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}.ui-badge--success{--ui-_accent: var(--ui-color-success, oklch(60% 0.18 145deg));--ui-_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}.ui-badge--warning{--ui-_accent: var(--ui-color-warning, oklch(75% 0.18 70deg));--ui-_color: var(--ui-color-text, hsl(220, 10%, 10%))}.ui-badge--danger{--ui-_accent: var(--ui-color-danger, oklch(60% 0.22 25deg));--ui-_color: var(--ui-color-text-inverse, hsl(220, 10%, 98%))}}
49
49
  @layer components.styles{.ui-badge{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ui-_height);padding-inline:var(--ui-_padding-x);font-size:var(--ui-_font-size);font-weight:var(--ui-_font-weight);line-height:1;white-space:nowrap;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}}
50
- @layer components.tokens{.ui-card{--ui-_padding: var(--ui-card-padding, var(--ui-space-4));--ui-_border-width: var(--ui-card-border-width, var(--ui-border-width-sm));--ui-_bg: var(--ui-card-bg, var(--ui-color-bg));--ui-_border-color: var(--ui-card-border-color, var(--ui-color-border));--ui-_radius: var(--ui-card-radius, var(--ui-radius-md))}.ui-card--subtle{--ui-_bg: var(--ui-card-bg-subtle, var(--ui-color-bg-subtle))}.ui-card--muted{--ui-_bg: var(--ui-card-bg-muted, var(--ui-color-bg-muted))}.ui-card--sm{--ui-_padding: var(--ui-card-padding-sm, var(--ui-space-2))}.ui-card--lg{--ui-_padding: var(--ui-card-padding-lg, var(--ui-space-6))}.ui-card--interactive{cursor:pointer}.ui-card--flush{--ui-_padding: 0;--ui-_border-width: 0}}
51
- @layer components.styles{.ui-card{padding:calc(var(--ui-_padding) - var(--ui-_border-width));line-height:var(--ui-row-1);background:var(--ui-_bg);border:var(--ui-_border-width) solid var(--ui-_border-color);border-radius:var(--ui-_radius)}.ui-card--interactive{transition:background-color var(--ui-duration-fast) var(--ui-ease-default),border-color var(--ui-duration-fast) var(--ui-ease-default),box-shadow var(--ui-duration-fast) var(--ui-ease-default)}.ui-card--interactive:hover{--ui-_bg: var(--ui-card-bg-hover, var(--ui-color-bg-subtle));--ui-_border-color: var(--ui-card-border-color-hover, var(--ui-color-border-strong))}.ui-card--interactive:active{--ui-_bg: var(--ui-card-bg-active, var(--ui-color-bg-muted))}}
52
- @layer components.tokens{.ui-data-list{--ui-_gap: var(--ui-data-list-gap, calc(0.5rem * 2));--ui-_item-gap: var(--ui-data-list-item-gap, calc(0.5rem * 1));--ui-_label-color: var(--ui-data-list-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_value-color: var(--ui-data-list-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}
53
- @layer components.styles{.ui-data-list{display:flex;flex-direction:column;gap:var(--ui-_gap);margin:0;line-height:var(--ui-row-1, 1rem)}.ui-data-list__item{display:flex;flex-direction:column;gap:var(--ui-_item-gap)}.ui-data-list__label{font-size:var(--ui-font-size-sm, 0.875rem);font-weight:var(--ui-weight-medium, 500);line-height:var(--ui-row-1, 1rem);color:var(--ui-_label-color)}.ui-data-list__value{margin:0;line-height:var(--ui-row-1, 1rem);color:var(--ui-_value-color)}.ui-data-list--horizontal .ui-data-list__item{flex-direction:row;align-items:baseline;justify-content:space-between;gap:calc(0.5rem*2)}.ui-data-list--horizontal .ui-data-list__label{flex-shrink:0}.ui-data-list--horizontal .ui-data-list__value{text-align:end}.ui-data-list--divided .ui-data-list__item{padding-block-end:calc(var(--ui-_gap) - var(--ui-border-width-sm, 0.0625rem));border-block-end:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-color-border, hsl(220, 10%, 90%))}.ui-data-list--divided .ui-data-list__item:last-child{padding-block-end:0;border-block-end:none}.ui-data-list--striped .ui-data-list__item:nth-child(odd){padding:calc(0.5rem*1);background:var(--ui-color-bg-subtle, hsl(220, 10%, 96%));border-radius:var(--ui-radius-sm, 0.25rem)}.ui-data-list--sm{--ui-_gap: calc(0.5rem * 1);--ui-_item-gap: 0;font-size:var(--ui-font-size-sm, 0.875rem)}.ui-data-list--lg{--ui-_gap: calc(0.5rem * 3);--ui-_item-gap: calc(0.5rem * 1);font-size:var(--ui-font-size-lg, 1.25rem)}}
50
+ @layer components.tokens{.ui-card{--ui-_row-1: var(--ui-row-1);--ui-_duration-fast: var(--ui-duration-fast);--ui-_ease-default: var(--ui-ease-default);--ui-_padding: var(--ui-card-padding, var(--ui-space-4));--ui-_border-width: var(--ui-card-border-width, var(--ui-border-width-sm));--ui-_bg: var(--ui-card-bg, var(--ui-color-bg));--ui-_border-color: var(--ui-card-border-color, var(--ui-color-border));--ui-_radius: var(--ui-card-radius, var(--ui-radius-md))}.ui-card--subtle{--ui-_bg: var(--ui-card-bg-subtle, var(--ui-color-bg-subtle))}.ui-card--muted{--ui-_bg: var(--ui-card-bg-muted, var(--ui-color-bg-muted))}.ui-card--sm{--ui-_padding: var(--ui-card-padding-sm, var(--ui-space-2))}.ui-card--lg{--ui-_padding: var(--ui-card-padding-lg, var(--ui-space-6))}.ui-card--interactive{cursor:pointer}.ui-card--flush{--ui-_padding: 0;--ui-_border-width: 0}}
51
+ @layer components.styles{.ui-card{padding:calc(var(--ui-_padding) - var(--ui-_border-width));line-height:var(--ui-_row-1);background:var(--ui-_bg);border:var(--ui-_border-width) solid var(--ui-_border-color);border-radius:var(--ui-_radius)}.ui-card--interactive{transition:background-color var(--ui-_duration-fast) var(--ui-_ease-default),border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-card--interactive:hover{--ui-_bg: var(--ui-card-bg-hover, var(--ui-color-bg-subtle));--ui-_border-color: var(--ui-card-border-color-hover, var(--ui-color-border-strong))}.ui-card--interactive:active{--ui-_bg: var(--ui-card-bg-active, var(--ui-color-bg-muted))}}
52
+ @layer components.tokens{.ui-data-list{--ui-_row-1: var(--ui-row-1, 1rem);--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_color-border: var(--ui-color-border, hsl(220, 10%, 90%));--ui-_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--ui-_radius-sm: var(--ui-radius-sm, 0.25rem);--ui-_font-size-lg: var(--ui-font-size-lg, 1.25rem);--ui-_gap: var(--ui-data-list-gap, calc(0.5rem * 2));--ui-_item-gap: var(--ui-data-list-item-gap, calc(0.5rem * 1));--ui-_label-color: var(--ui-data-list-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_value-color: var(--ui-data-list-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}
53
+ @layer components.styles{.ui-data-list{display:flex;flex-direction:column;gap:var(--ui-_gap);margin:0;line-height:var(--ui-_row-1)}.ui-data-list__item{display:flex;flex-direction:column;gap:var(--ui-_item-gap)}.ui-data-list__label{font-size:var(--ui-_font-size-sm);font-weight:var(--ui-_weight-medium);line-height:var(--ui-_row-1);color:var(--ui-_label-color)}.ui-data-list__value{margin:0;line-height:var(--ui-_row-1);color:var(--ui-_value-color)}.ui-data-list--horizontal .ui-data-list__item{flex-direction:row;align-items:baseline;justify-content:space-between;gap:calc(0.5rem*2)}.ui-data-list--horizontal .ui-data-list__label{flex-shrink:0}.ui-data-list--horizontal .ui-data-list__value{text-align:end}.ui-data-list--divided .ui-data-list__item{padding-block-end:calc(var(--ui-_gap) - var(--ui-_border-width-sm));border-block-end:var(--ui-_border-width-sm) solid var(--ui-_color-border)}.ui-data-list--divided .ui-data-list__item:last-child{padding-block-end:0;border-block-end:none}.ui-data-list--striped .ui-data-list__item:nth-child(odd){padding:calc(0.5rem*1);background:var(--ui-_color-bg-subtle);border-radius:var(--ui-_radius-sm)}.ui-data-list--sm{--ui-_gap: calc(0.5rem * 1);--ui-_item-gap: 0;font-size:var(--ui-_font-size-sm)}.ui-data-list--lg{--ui-_gap: calc(0.5rem * 3);--ui-_item-gap: calc(0.5rem * 1);font-size:var(--ui-_font-size-lg)}}
54
54
  @layer components.tokens{.ui-icon{--ui-_size: var(--ui-icon-size, var(--ui-ctx-size, 1rem));--ui-_stroke: var(--ui-icon-stroke, 2)}.ui-icon--xs{--ui-_size: var(--ui-icon-size-xs, var(--ui-size-xs, 0.5rem))}.ui-icon--sm{--ui-_size: var(--ui-icon-size-sm, var(--ui-size-sm, 0.75rem))}.ui-icon--md{--ui-_size: var(--ui-icon-size-md, var(--ui-size-md, 1rem))}.ui-icon--lg{--ui-_size: var(--ui-icon-size-lg, var(--ui-size-lg, 1.25rem))}.ui-icon--xl{--ui-_size: var(--ui-icon-size-xl, var(--ui-size-xl, 1.5rem))}.ui-icon--stroke-thin{--ui-_stroke: var(--ui-icon-stroke-thin, 1)}.ui-icon--stroke-thick{--ui-_stroke: var(--ui-icon-stroke-thick, 2.5)}}
55
55
  @layer components.styles{.ui-icon{display:inline-block;flex-shrink:0;block-size:var(--ui-_size);inline-size:var(--ui-_size);vertical-align:middle;color:currentcolor;fill:none;stroke:currentcolor;stroke-width:var(--ui-_stroke);stroke-linecap:round;stroke-linejoin:round}.ui-icon--filled{fill:currentcolor;stroke:none}.ui-icon--spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.ui-icon--spin{animation:none}}}
56
- @layer components.tokens{.ui-image{--ui-_size: var(--ui-image-size, auto);--ui-_radius: var(--ui-image-radius, 0);--ui-_object-fit: var(--ui-image-object-fit, cover);--ui-_bg: var(--ui-image-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_caption-color: var(--ui-image-caption-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_caption-font-size: var(--ui-image-caption-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_caption-spacing: var(--ui-image-caption-spacing, var(--ui-space-1))}.ui-image--sm{--ui-_size: var(--ui-image-size-sm, calc(0.5rem * 12))}.ui-image--md{--ui-_size: var(--ui-image-size-md, calc(0.5rem * 24))}.ui-image--lg{--ui-_size: var(--ui-image-size-lg, calc(0.5rem * 40))}.ui-image--xl{--ui-_size: var(--ui-image-size-xl, calc(0.5rem * 60))}.ui-image--full{--ui-_size: 100%}.ui-image--rounded{--ui-_radius: var(--ui-image-radius-rounded, var(--ui-radius-lg, 1rem))}.ui-image--circle{--ui-_radius: var(--ui-image-radius-circle, 50%)}.ui-image--cover{--ui-_object-fit: cover}.ui-image--contain{--ui-_object-fit: contain}}
57
- @layer components.styles{.ui-image{display:inline-block;max-inline-size:100%;padding:0;margin:0}.ui-image__img{display:block;block-size:var(--ui-_size);inline-size:var(--ui-_size);max-inline-size:100%;object-fit:var(--ui-_object-fit);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-image__img:not([src]),.ui-image__img[src=""]{aspect-ratio:1/1;min-block-size:calc(0.5rem*8);min-inline-size:calc(0.5rem*8)}.ui-image__caption{margin-block-start:var(--ui-_caption-spacing);font-size:var(--ui-_caption-font-size);line-height:var(--ui-row-1, 1rem);color:var(--ui-_caption-color)}.ui-image--circle .ui-image__img{aspect-ratio:1/1}}
58
- @layer components.tokens{.ui-stat{--ui-_gap: var(--ui-stat-gap, var(--ui-space-1, 0.5rem))}.ui-stat__value{--ui-_font-size: var(--ui-stat-value-font-size, var(--ui-font-size-3xl, 2rem));--ui-_font-weight: var(--ui-stat-value-font-weight, var(--ui-weight-bold, 700));--ui-_line-height: var(--ui-stat-value-line-height, var(--ui-leading-3xl, 2.5rem));--ui-_color: var(--ui-stat-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-stat__label{--ui-_font-size: var(--ui-stat-label-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_color: var(--ui-stat-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_line-height: var(--ui-stat-label-line-height, var(--ui-leading-sm, 1.5rem))}.ui-stat--sm .ui-stat__value{--ui-_font-size: var(--ui-font-size-xl, 1.5rem);--ui-_line-height: var(--ui-leading-xl, 2rem)}}
59
- @layer components.styles{.ui-stat{display:flex;flex-direction:column;gap:var(--ui-_gap)}.ui-stat__value{font-size:var(--ui-_font-size);font-weight:var(--ui-_font-weight);line-height:var(--ui-_line-height);letter-spacing:var(--ui-tracking-display, -0.02em);color:var(--ui-_color)}.ui-stat__label{font-size:var(--ui-_font-size);line-height:var(--ui-_line-height);color:var(--ui-_color)}}
56
+ @layer components.tokens{.ui-image{--ui-_row-1: var(--ui-row-1, 1rem);--ui-_size: var(--ui-image-size, auto);--ui-_radius: var(--ui-image-radius, 0);--ui-_object-fit: var(--ui-image-object-fit, cover);--ui-_bg: var(--ui-image-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_caption-color: var(--ui-image-caption-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_caption-font-size: var(--ui-image-caption-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_caption-spacing: var(--ui-image-caption-spacing, var(--ui-space-1))}.ui-image--sm{--ui-_size: var(--ui-image-size-sm, calc(0.5rem * 12))}.ui-image--md{--ui-_size: var(--ui-image-size-md, calc(0.5rem * 24))}.ui-image--lg{--ui-_size: var(--ui-image-size-lg, calc(0.5rem * 40))}.ui-image--xl{--ui-_size: var(--ui-image-size-xl, calc(0.5rem * 60))}.ui-image--full{--ui-_size: 100%}.ui-image--rounded{--ui-_radius: var(--ui-image-radius-rounded, var(--ui-radius-lg, 1rem))}.ui-image--circle{--ui-_radius: var(--ui-image-radius-circle, 50%)}.ui-image--cover{--ui-_object-fit: cover}.ui-image--contain{--ui-_object-fit: contain}}
57
+ @layer components.styles{.ui-image{display:inline-block;max-inline-size:100%;padding:0;margin:0}.ui-image__img{display:block;block-size:var(--ui-_size);inline-size:var(--ui-_size);max-inline-size:100%;object-fit:var(--ui-_object-fit);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-image__img:not([src]),.ui-image__img[src=""]{aspect-ratio:1/1;min-block-size:calc(0.5rem*8);min-inline-size:calc(0.5rem*8)}.ui-image__caption{margin-block-start:var(--ui-_caption-spacing);font-size:var(--ui-_caption-font-size);line-height:var(--ui-_row-1);color:var(--ui-_caption-color)}.ui-image--circle .ui-image__img{aspect-ratio:1/1}}
58
+ @layer components.tokens{.ui-stat{--ui-_tracking-display: var(--ui-tracking-display, -0.02em);--ui-_gap: var(--ui-stat-gap, var(--ui-space-1, 0.5rem))}.ui-stat__value{--ui-_font-size: var(--ui-stat-value-font-size, var(--ui-font-size-3xl, 2rem));--ui-_font-weight: var(--ui-stat-value-font-weight, var(--ui-weight-bold, 700));--ui-_line-height: var(--ui-stat-value-line-height, var(--ui-leading-3xl, 2.5rem));--ui-_color: var(--ui-stat-value-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-stat__label{--ui-_font-size: var(--ui-stat-label-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_color: var(--ui-stat-label-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_line-height: var(--ui-stat-label-line-height, var(--ui-leading-sm, 1.5rem))}.ui-stat--sm .ui-stat__value{--ui-_font-size: var(--ui-font-size-xl, 1.5rem);--ui-_line-height: var(--ui-leading-xl, 2rem)}}
59
+ @layer components.styles{.ui-stat{display:flex;flex-direction:column;gap:var(--ui-_gap)}.ui-stat__value{font-size:var(--ui-_font-size);font-weight:var(--ui-_font-weight);line-height:var(--ui-_line-height);letter-spacing:var(--ui-_tracking-display);color:var(--ui-_color)}.ui-stat__label{font-size:var(--ui-_font-size);line-height:var(--ui-_line-height);color:var(--ui-_color)}}
60
60
  @layer components.tokens{.ui-status{--ui-_size: var(--ui-status-size, calc(0.5rem * 1));--ui-_color: var(--ui-status-color, var(--ui-color-text-muted));--ui-_gap: var(--ui-status-gap, calc(0.5rem * 1))}.ui-status--success{--ui-_color: var(--ui-color-success)}.ui-status--warning{--ui-_color: var(--ui-color-warning)}.ui-status--danger{--ui-_color: var(--ui-color-danger)}.ui-status--info{--ui-_color: var(--ui-color-primary)}}
61
61
  @layer components.styles{.ui-status{display:inline-flex;align-items:center;gap:var(--ui-_gap)}.ui-status__dot{flex-shrink:0;block-size:var(--ui-_size);inline-size:var(--ui-_size);background:var(--ui-_color);border-radius:50%}.ui-status--pulse .ui-status__dot{position:relative}.ui-status--pulse .ui-status__dot::before{content:"";position:absolute;inset:0;background:var(--ui-_color);border-radius:50%;animation:status-pulse 2s infinite}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}@media(prefers-reduced-motion: reduce){.ui-status--pulse .ui-status__dot::before{animation:none}}.ui-status--sm{--ui-_size: calc(0.5rem * 0.75);--ui-_gap: calc(0.5rem * 0.75)}.ui-status--lg{--ui-_size: calc(0.5rem * 1.5);--ui-_gap: calc(0.5rem * 1.5)}}
62
- @layer components.tokens{.ui-table{--ui-_font-size: var(--ui-table-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_border-color: var(--ui-table-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_header-bg: var(--ui-table-header-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_cell-padding-x: var(--ui-table-cell-padding-x, var(--ui-space-2, 1rem));--ui-_cell-padding-y: var(--ui-table-cell-padding-y, var(--ui-space-1, 0.5rem))}.ui-table--compact{--ui-_cell-padding-y: var(--ui-space-0, 0.25rem);--ui-_cell-padding-x: var(--ui-space-1, 0.5rem);--ui-_font-size: var(--ui-font-size-xs, 0.75rem)}}
63
- @layer components.styles{.ui-table{inline-size:100%;font-size:var(--ui-_font-size);border-collapse:separate;border-spacing:0}.ui-table th,.ui-table td{padding-block-start:var(--ui-_cell-padding-y);padding-block-end:calc(var(--ui-_cell-padding-y) - var(--ui-border-width-sm, 0.0625rem));padding-inline:var(--ui-_cell-padding-x);line-height:calc(var(--ui-unit, 0.5rem)*3);text-align:start;border-block-end:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color)}.ui-table th{font-weight:var(--ui-weight-medium, 500);background:var(--ui-_header-bg)}.ui-table--striped tbody tr:nth-child(odd){background:var(--ui-color-bg-subtle, hsl(220, 10%, 96%))}.ui-table--striped th{background:var(--ui-color-bg-muted, hsl(220, 10%, 90%))}}
64
- @layer components.tokens{.ui-tag{--ui-_height: var(--ui-tag-height, calc(0.5rem * 3));--ui-_padding-x: var(--ui-tag-padding-x, var(--ui-space-1, 0.5rem));--ui-_gap: var(--ui-tag-gap, calc(0.5rem * 0.5));--ui-_radius: var(--ui-tag-radius, var(--ui-radius-full, 9999px));--ui-_font-size: var(--ui-tag-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_bg: var(--ui-tag-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_color: var(--ui-tag-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-tag--sm{--ui-_height: var(--ui-tag-height-sm, calc(0.5rem * 2.5));--ui-_padding-x: var(--ui-tag-padding-x-sm, calc(0.5rem * 1));--ui-_font-size: var(--ui-tag-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-tag--lg{--ui-_height: var(--ui-tag-height-lg, calc(0.5rem * 3.5));--ui-_padding-x: var(--ui-tag-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-tag-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-tag--primary{--ui-_bg: var(--ui-tag-primary-bg, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-tag-primary-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-tag--success{--ui-_bg: var(--ui-tag-success-bg, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_color: var(--ui-tag-success-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-tag--warning{--ui-_bg: var(--ui-tag-warning-bg, var(--ui-color-warning, oklch(75% 0.18 70deg)));--ui-_color: var(--ui-tag-warning-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-tag--danger{--ui-_bg: var(--ui-tag-danger-bg, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_color: var(--ui-tag-danger-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}
65
- @layer components.styles{.ui-tag{display:inline-flex;align-items:center;gap:var(--ui-_gap);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-x);font-size:var(--ui-_font-size);font-weight:var(--ui-weight-medium, 500);line-height:1;white-space:nowrap;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-tag:disabled,.ui-tag[aria-disabled=true]{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-tag__remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;margin-inline-start:calc(var(--ui-_gap)*-0.5);color:currentcolor;background:none;border:none;opacity:var(--ui-opacity-loading, 0.7);cursor:pointer}.ui-tag__remove:hover{opacity:1}.ui-tag-group{display:flex;flex-wrap:wrap;gap:calc(0.5rem*.5)}}
66
- @layer components.tokens{.ui-accordion{--ui-_border-color: var(--ui-accordion-border-color, var(--ui-color-border, rgb(0 0 0 / 0.1)));--ui-_border-width: var(--ui-accordion-border-width, 1px);--ui-_radius: var(--ui-accordion-radius, var(--ui-radius-md, calc(0.5rem * 1)))}}
62
+ @layer components.tokens{.ui-table{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_unit: var(--ui-unit, 0.5rem);--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--ui-_color-bg-muted: var(--ui-color-bg-muted, hsl(220, 10%, 90%));--ui-_font-size: var(--ui-table-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_border-color: var(--ui-table-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_header-bg: var(--ui-table-header-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_cell-padding-x: var(--ui-table-cell-padding-x, var(--ui-space-2, 1rem));--ui-_cell-padding-y: var(--ui-table-cell-padding-y, var(--ui-space-1, 0.5rem))}.ui-table--compact{--ui-_cell-padding-y: var(--ui-space-0, 0.25rem);--ui-_cell-padding-x: var(--ui-space-1, 0.5rem);--ui-_font-size: var(--ui-font-size-xs, 0.75rem)}}
63
+ @layer components.styles{.ui-table{inline-size:100%;font-size:var(--ui-_font-size);border-collapse:separate;border-spacing:0}.ui-table th,.ui-table td{padding-block-start:var(--ui-_cell-padding-y);padding-block-end:calc(var(--ui-_cell-padding-y) - var(--ui-_border-width-sm));padding-inline:var(--ui-_cell-padding-x);line-height:calc(var(--ui-_unit)*3);text-align:start;border-block-end:var(--ui-_border-width-sm) solid var(--ui-_border-color)}.ui-table th{font-weight:var(--ui-_weight-medium);background:var(--ui-_header-bg)}.ui-table--striped tbody tr:nth-child(odd){background:var(--ui-_color-bg-subtle)}.ui-table--striped th{background:var(--ui-_color-bg-muted)}}
64
+ @layer components.tokens{.ui-tag{--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_opacity-loading: var(--ui-opacity-loading, 0.7);--ui-_height: var(--ui-tag-height, calc(0.5rem * 3));--ui-_padding-x: var(--ui-tag-padding-x, var(--ui-space-1, 0.5rem));--ui-_gap: var(--ui-tag-gap, calc(0.5rem * 0.5));--ui-_radius: var(--ui-tag-radius, var(--ui-radius-full, 9999px));--ui-_font-size: var(--ui-tag-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_bg: var(--ui-tag-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_color: var(--ui-tag-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-tag--sm{--ui-_height: var(--ui-tag-height-sm, calc(0.5rem * 2.5));--ui-_padding-x: var(--ui-tag-padding-x-sm, calc(0.5rem * 1));--ui-_font-size: var(--ui-tag-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-tag--lg{--ui-_height: var(--ui-tag-height-lg, calc(0.5rem * 3.5));--ui-_padding-x: var(--ui-tag-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-tag-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-tag--primary{--ui-_bg: var(--ui-tag-primary-bg, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-tag-primary-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-tag--success{--ui-_bg: var(--ui-tag-success-bg, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_color: var(--ui-tag-success-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-tag--warning{--ui-_bg: var(--ui-tag-warning-bg, var(--ui-color-warning, oklch(75% 0.18 70deg)));--ui-_color: var(--ui-tag-warning-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-tag--danger{--ui-_bg: var(--ui-tag-danger-bg, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_color: var(--ui-tag-danger-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}
65
+ @layer components.styles{.ui-tag{display:inline-flex;align-items:center;gap:var(--ui-_gap);block-size:var(--ui-_height);padding-inline:var(--ui-_padding-x);font-size:var(--ui-_font-size);font-weight:var(--ui-_weight-medium);line-height:1;white-space:nowrap;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-tag:disabled,.ui-tag[aria-disabled=true]{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-tag__remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;margin-inline-start:calc(var(--ui-_gap)*-0.5);color:currentcolor;background:none;border:none;opacity:var(--ui-_opacity-loading);cursor:pointer}.ui-tag__remove:hover{opacity:1}.ui-tag-group{display:flex;flex-wrap:wrap;gap:calc(0.5rem*.5)}}
66
+ @layer components.tokens{.ui-accordion{--ui-_border-color: var(--ui-accordion-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_border-width: var(--ui-accordion-border-width, 0.0625rem);--ui-_radius: var(--ui-accordion-radius, var(--ui-radius-md, calc(0.5rem * 1)))}}
67
67
  @layer components.styles{.ui-accordion{border-radius:var(--ui-_radius);outline:var(--ui-_border-width) solid var(--ui-_border-color);outline-offset:calc(var(--ui-_border-width)*-1)}.ui-accordion>.ui-disclosure{--ui-_border-width: 0;border:none;border-radius:0}.ui-accordion>.ui-disclosure+.ui-disclosure{border-block-start:1px solid var(--ui-_border-color)}.ui-accordion>.ui-disclosure:first-child .ui-disclosure__trigger{border-start-start-radius:var(--ui-_radius);border-start-end-radius:var(--ui-_radius)}.ui-accordion>.ui-disclosure:last-child .ui-disclosure__trigger{border-end-start-radius:var(--ui-_radius);border-end-end-radius:var(--ui-_radius)}.ui-accordion>.ui-disclosure:last-child .ui-disclosure__content{border-end-start-radius:var(--ui-_radius);border-end-end-radius:var(--ui-_radius)}.ui-accordion--borderless{border:none}.ui-accordion--borderless>.ui-disclosure+.ui-disclosure{border-block-start:none}.ui-accordion--separated{display:flex;flex-direction:column;gap:calc(0.5rem*1);border:none}.ui-accordion--separated>.ui-disclosure{border:1px solid var(--ui-_border-color);border-radius:var(--ui-_radius)}.ui-accordion--separated>.ui-disclosure+.ui-disclosure{border-block-start:1px solid var(--ui-_border-color)}}
68
- @layer components.tokens{.ui-disclosure{--ui-_border-color: var(--ui-disclosure-border-color, var(--ui-color-border, rgb(0 0 0 / 0.1)));--ui-_border-width: var(--ui-disclosure-border-width, 1px);--ui-_radius: var(--ui-disclosure-radius, var(--ui-radius-md, calc(0.5rem * 1)));--ui-_trigger-height: var(--ui-disclosure-trigger-height, var(--ui-row-3, calc(1rem * 3)));--ui-_padding-x: var(--ui-disclosure-padding-x, calc(0.5rem * 2));--ui-_padding-y: var(--ui-disclosure-padding-y, calc(0.5rem * 2))}}
69
- @layer components.styles{.ui-disclosure{box-sizing:border-box;border-radius:var(--ui-_radius);outline:var(--ui-_border-width) solid var(--ui-_border-color);outline-offset:calc(var(--ui-_border-width)*-1)}.ui-disclosure:not([open]){block-size:var(--ui-_trigger-height)}.ui-disclosure__trigger{display:flex;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);block-size:var(--ui-_trigger-height);inline-size:100%;padding-inline:var(--ui-_padding-x);font-weight:var(--ui-weight-medium, 500);line-height:1;text-align:start;cursor:pointer;list-style:none}.ui-disclosure__trigger::-webkit-details-marker{display:none}.ui-disclosure__trigger::marker{display:none}.ui-disclosure__trigger:hover{background:var(--ui-color-bg-subtle, rgba(0, 0, 0, 0.02))}.ui-disclosure__icon{flex-shrink:0;transition:transform var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}.ui-disclosure[open] .ui-disclosure__icon{transform:rotate(180deg)}.ui-disclosure__content{padding:0 var(--ui-_padding-x) var(--ui-_padding-y)}.ui-disclosure--animate .ui-disclosure__content{animation:disclosure-open var(--ui-duration-normal, 200ms) var(--ui-ease-default, ease)}@keyframes disclosure-open{from{opacity:0;transform:translateY(calc(0.5rem * -1))}to{opacity:1;transform:translateY(0)}}.ui-disclosure--borderless{--ui-_border-width: 0;border:none;border-radius:0}.ui-disclosure--flush .ui-disclosure__trigger{padding-inline:0}.ui-disclosure--flush .ui-disclosure__content{padding-inline:0}@media(prefers-reduced-motion: reduce){.ui-disclosure--animate .ui-disclosure__content{animation:none}.ui-disclosure__icon{transition:none}}}
70
- @layer components.tokens{.ui-alert{--ui-_accent: var(--ui-alert-accent, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_padding: var(--ui-alert-padding, var(--ui-space-2, 1rem));--ui-_border-width: var(--ui-alert-border-width, var(--ui-border-width-sm, 0.0625rem));--ui-_gap: var(--ui-alert-gap, var(--ui-space-1, 0.5rem));--ui-_radius: var(--ui-alert-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: color-mix(in oklch, var(--ui-_accent) 8%, white);--ui-_border-color: var(--ui-_accent);--ui-_color: var(--ui-alert-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_font-size: var(--ui-alert-font-size, inherit);--ui-_padding-end: 0;--ui-_icon-color: var(--ui-_accent)}.ui-alert--info{--ui-_accent: var(--ui-color-primary, oklch(55% 0.22 250deg))}.ui-alert--success{--ui-_accent: var(--ui-color-success, oklch(60% 0.18 145deg))}.ui-alert--warning{--ui-_accent: var(--ui-color-warning, oklch(75% 0.18 70deg))}.ui-alert--danger{--ui-_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.ui-alert--sm{--ui-_padding: var(--ui-alert-padding-sm, var(--ui-space-1, 0.5rem));--ui-_gap: var(--ui-alert-gap-sm, calc(0.5rem * 0.5));--ui-_font-size: var(--ui-alert-font-size-sm, var(--ui-font-size-sm, 0.875rem))}.ui-alert--lg{--ui-_padding: var(--ui-alert-padding-lg, var(--ui-space-4, 2rem));--ui-_gap: var(--ui-alert-gap-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-alert-font-size-lg, var(--ui-font-size-lg, 1.25rem))}.ui-alert--dismissible{--ui-_padding-end: var(--ui-alert-padding-end, calc(0.5rem * 5))}}
71
- @layer components.styles{.ui-alert{display:flex;align-items:flex-start;gap:var(--ui-_gap);padding:calc(var(--ui-_padding) - var(--ui-_border-width));padding-inline:var(--ui-_padding);padding-inline-end:calc(var(--ui-_padding) + var(--ui-_padding-end));font-size:var(--ui-_font-size);color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-_border-width) solid var(--ui-_border-color);border-radius:var(--ui-_radius);border-inline-start-width:calc(0.5rem*.5)}.ui-alert__icon{flex-shrink:0;color:var(--ui-_icon-color)}.ui-alert__content{flex:1;min-inline-size:0}.ui-alert__title{margin:0;font-weight:var(--ui-weight-medium, 500);line-height:var(--ui-row-1, 1rem)}.ui-alert__description{margin:0;margin-block-start:calc(0.5rem*1);font-size:var(--ui-font-size-sm, 0.875rem);line-height:var(--ui-row-1, 1rem);color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}.ui-alert__close{flex-shrink:0;align-self:flex-start;padding:0;color:var(--ui-color-text-muted, hsl(220, 10%, 45%));background:none;border:none;cursor:pointer}.ui-alert__close:hover{color:var(--ui-color-text, hsl(220, 10%, 10%))}}
72
- @layer components.tokens{.ui-progress{--ui-_height: var(--ui-progress-height, calc(0.5rem * 1));--ui-_bg: var(--ui-progress-bg, var(--ui-color-bg-subtle, rgb(0 0 0 / 0.1)));--ui-_fill: var(--ui-progress-fill, var(--ui-color-primary));--ui-_radius: var(--ui-progress-radius, var(--ui-radius-full, 9999px))}.ui-progress--sm{--ui-_height: calc(0.5rem * 1)}.ui-progress--lg{--ui-_height: calc(0.5rem * 2)}}
73
- @layer components.styles{.ui-progress{position:relative;block-size:var(--ui-_height);overflow:hidden;background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-progress__bar{block-size:100%;background:var(--ui-_fill);border-radius:var(--ui-_radius);transition:inline-size var(--ui-duration-normal, 200ms) var(--ui-ease-default, ease)}.ui-progress--indeterminate .ui-progress__bar{inline-size:30%;animation:progress-indeterminate 1.5s infinite ease-in-out}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.ui-progress--striped .ui-progress__bar{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:0.5rem 0.5rem}.ui-progress--animated .ui-progress__bar{animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{from{background-position:0.5rem 0}to{background-position:0 0}}@media(prefers-reduced-motion: reduce){.ui-progress--indeterminate .ui-progress__bar{animation:none}.ui-progress--animated .ui-progress__bar{animation:none}}.ui-progress--success{--ui-_fill: var(--ui-color-success)}.ui-progress--warning{--ui-_fill: var(--ui-color-warning)}.ui-progress--danger{--ui-_fill: var(--ui-color-danger)}}
74
- @layer components.tokens{.ui-progress-circle{--ui-_size: var(--ui-progress-circle-size, calc(var(--ui-unit) * 6));--ui-_stroke-width: var(--ui-progress-circle-stroke-width, 8);--ui-_fill-color: var(--ui-progress-circle-fill-color, var(--ui-color-primary));--ui-_track-color: var(--ui-progress-circle-track-color, var(--ui-color-border));--ui-_value: var(--ui-progress-circle-value, 0);--ui-_circumference: 282.743}.ui-progress-circle--sm{--ui-_size: var(--ui-progress-circle-size-sm, calc(var(--ui-unit) * 4))}.ui-progress-circle--lg{--ui-_size: var(--ui-progress-circle-size-lg, calc(var(--ui-unit) * 8))}.ui-progress-circle--xl{--ui-_size: var(--ui-progress-circle-size-xl, calc(var(--ui-unit) * 12))}.ui-progress-circle--success{--ui-_fill-color: var(--ui-color-success)}.ui-progress-circle--warning{--ui-_fill-color: var(--ui-color-warning)}.ui-progress-circle--danger{--ui-_fill-color: var(--ui-color-danger)}}
75
- @layer components.styles{.ui-progress-circle{display:inline-block;flex-shrink:0;block-size:var(--ui-_size);inline-size:var(--ui-_size);vertical-align:middle;transform:rotate(-90deg)}.ui-progress-circle__track{fill:none;stroke:var(--ui-_track-color);stroke-width:var(--ui-_stroke-width)}.ui-progress-circle__fill{fill:none;stroke:var(--ui-_fill-color);stroke-width:var(--ui-_stroke-width);stroke-linecap:round;stroke-dasharray:var(--ui-_circumference);stroke-dashoffset:calc(var(--ui-_circumference)*(1 - var(--ui-_value)/100));transition:stroke-dashoffset var(--ui-duration-slow, 300ms) var(--ui-ease-default, ease)}.ui-progress-circle--indeterminate{animation:progress-circle-rotate 1.4s linear infinite}.ui-progress-circle--indeterminate .ui-progress-circle__fill{stroke-dashoffset:calc(var(--ui-_circumference)*.25);transition:none}@keyframes progress-circle-rotate{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media(prefers-reduced-motion: reduce){.ui-progress-circle--indeterminate{animation:none}}}
76
- @layer components.tokens{.ui-skeleton{--ui-_bg: var(--ui-skeleton-bg, var(--ui-color-bg-subtle, rgb(0 0 0 / 0.1)));--ui-_shimmer: var(--ui-skeleton-shimmer, rgb(255 255 255 / 0.5));--ui-_radius: var(--ui-skeleton-radius, var(--ui-radius-sm, calc(0.5rem / 2)))}}
68
+ @layer components.tokens{.ui-disclosure{--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_duration-normal: var(--ui-duration-normal, 200ms);--ui-_border-color: var(--ui-disclosure-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_border-width: var(--ui-disclosure-border-width, 0.0625rem);--ui-_radius: var(--ui-disclosure-radius, var(--ui-radius-md, calc(0.5rem * 1)));--ui-_trigger-height: var(--ui-disclosure-trigger-height, var(--ui-row-3, calc(1rem * 3)));--ui-_padding-x: var(--ui-disclosure-padding-x, calc(0.5rem * 2));--ui-_padding-y: var(--ui-disclosure-padding-y, calc(0.5rem * 2))}}
69
+ @layer components.styles{.ui-disclosure{box-sizing:border-box;border-radius:var(--ui-_radius);outline:var(--ui-_border-width) solid var(--ui-_border-color);outline-offset:calc(var(--ui-_border-width)*-1)}.ui-disclosure:not([open]){block-size:var(--ui-_trigger-height)}.ui-disclosure__trigger{display:flex;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);block-size:var(--ui-_trigger-height);inline-size:100%;padding-inline:var(--ui-_padding-x);font-weight:var(--ui-_weight-medium);line-height:1;text-align:start;cursor:pointer;list-style:none}.ui-disclosure__trigger::-webkit-details-marker{display:none}.ui-disclosure__trigger::marker{display:none}.ui-disclosure__trigger:hover{background:var(--ui-_color-bg-subtle)}.ui-disclosure__icon{flex-shrink:0;transition:transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-disclosure[open] .ui-disclosure__icon{transform:rotate(180deg)}.ui-disclosure__content{padding:0 var(--ui-_padding-x) var(--ui-_padding-y)}.ui-disclosure--animate .ui-disclosure__content{animation:disclosure-open var(--ui-_duration-normal) var(--ui-_ease-default)}@keyframes disclosure-open{from{opacity:0;transform:translateY(calc(0.5rem * -1))}to{opacity:1;transform:translateY(0)}}.ui-disclosure--borderless{--ui-_border-width: 0;border:none;border-radius:0}.ui-disclosure--flush .ui-disclosure__trigger{padding-inline:0}.ui-disclosure--flush .ui-disclosure__content{padding-inline:0}@media(prefers-reduced-motion: reduce){.ui-disclosure--animate .ui-disclosure__content{animation:none}.ui-disclosure__icon{transition:none}}}
70
+ @layer components.tokens{.ui-alert{--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_row-1: var(--ui-row-1, 1rem);--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--ui-_accent: var(--ui-alert-accent, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_padding: var(--ui-alert-padding, var(--ui-space-2, 1rem));--ui-_border-width: var(--ui-alert-border-width, var(--ui-border-width-sm, 0.0625rem));--ui-_gap: var(--ui-alert-gap, var(--ui-space-1, 0.5rem));--ui-_radius: var(--ui-alert-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: color-mix(in oklch, var(--ui-_accent) 8%, white);--ui-_border-color: var(--ui-_accent);--ui-_color: var(--ui-alert-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_font-size: var(--ui-alert-font-size, inherit);--ui-_padding-end: 0;--ui-_icon-color: var(--ui-_accent)}.ui-alert--info{--ui-_accent: var(--ui-color-primary, oklch(55% 0.22 250deg))}.ui-alert--success{--ui-_accent: var(--ui-color-success, oklch(60% 0.18 145deg))}.ui-alert--warning{--ui-_accent: var(--ui-color-warning, oklch(75% 0.18 70deg))}.ui-alert--danger{--ui-_accent: var(--ui-color-danger, oklch(60% 0.22 25deg))}.ui-alert--sm{--ui-_padding: var(--ui-alert-padding-sm, var(--ui-space-1, 0.5rem));--ui-_gap: var(--ui-alert-gap-sm, calc(0.5rem * 0.5));--ui-_font-size: var(--ui-alert-font-size-sm, var(--ui-font-size-sm, 0.875rem))}.ui-alert--lg{--ui-_padding: var(--ui-alert-padding-lg, var(--ui-space-4, 2rem));--ui-_gap: var(--ui-alert-gap-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-alert-font-size-lg, var(--ui-font-size-lg, 1.25rem))}.ui-alert--dismissible{--ui-_padding-end: var(--ui-alert-padding-end, calc(0.5rem * 5))}}
71
+ @layer components.styles{.ui-alert{display:flex;align-items:flex-start;gap:var(--ui-_gap);padding:calc(var(--ui-_padding) - var(--ui-_border-width));padding-inline:var(--ui-_padding);padding-inline-end:calc(var(--ui-_padding) + var(--ui-_padding-end));font-size:var(--ui-_font-size);color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-_border-width) solid var(--ui-_border-color);border-radius:var(--ui-_radius);border-inline-start-width:calc(0.5rem*.5)}.ui-alert__icon{flex-shrink:0;color:var(--ui-_icon-color)}.ui-alert__content{flex:1;min-inline-size:0}.ui-alert__title{margin:0;font-weight:var(--ui-_weight-medium);line-height:var(--ui-_row-1)}.ui-alert__description{margin:0;margin-block-start:calc(0.5rem*1);font-size:var(--ui-_font-size-sm);line-height:var(--ui-_row-1);color:var(--ui-_color-text-muted)}.ui-alert__close{flex-shrink:0;align-self:flex-start;padding:0;color:var(--ui-_color-text-muted);background:none;border:none;cursor:pointer}.ui-alert__close:hover{color:var(--ui-_color-text)}}
72
+ @layer components.tokens{.ui-progress{--ui-_duration-normal: var(--ui-duration-normal, 200ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_height: var(--ui-progress-height, calc(0.5rem * 1));--ui-_bg: var(--ui-progress-bg, var(--ui-color-bg-subtle, rgba(0, 0, 0, 0.1)));--ui-_fill: var(--ui-progress-fill, var(--ui-color-primary));--ui-_radius: var(--ui-progress-radius, var(--ui-radius-full, 9999px))}.ui-progress--sm{--ui-_height: calc(0.5rem * 1)}.ui-progress--lg{--ui-_height: calc(0.5rem * 2)}}
73
+ @layer components.styles{.ui-progress{position:relative;block-size:var(--ui-_height);overflow:hidden;background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-progress__bar{block-size:100%;background:var(--ui-_fill);border-radius:var(--ui-_radius);transition:inline-size var(--ui-_duration-normal) var(--ui-_ease-default)}.ui-progress--indeterminate .ui-progress__bar{inline-size:30%;animation:progress-indeterminate 1.5s infinite ease-in-out}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}.ui-progress--striped .ui-progress__bar{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:0.5rem 0.5rem}.ui-progress--animated .ui-progress__bar{animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{from{background-position:0.5rem 0}to{background-position:0 0}}@media(prefers-reduced-motion: reduce){.ui-progress--indeterminate .ui-progress__bar{animation:none}.ui-progress--animated .ui-progress__bar{animation:none}}.ui-progress--success{--ui-_fill: var(--ui-color-success)}.ui-progress--warning{--ui-_fill: var(--ui-color-warning)}.ui-progress--danger{--ui-_fill: var(--ui-color-danger)}}
74
+ @layer components.tokens{.ui-progress-circle{--ui-_duration-slow: var(--ui-duration-slow, 250ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_size: var(--ui-progress-circle-size, calc(var(--ui-unit) * 6));--ui-_stroke-width: var(--ui-progress-circle-stroke-width, 8);--ui-_fill-color: var(--ui-progress-circle-fill-color, var(--ui-color-primary));--ui-_track-color: var(--ui-progress-circle-track-color, var(--ui-color-border));--ui-_value: var(--ui-progress-circle-value, 0);--ui-_circumference: 282.743}.ui-progress-circle--sm{--ui-_size: var(--ui-progress-circle-size-sm, calc(var(--ui-unit) * 4))}.ui-progress-circle--lg{--ui-_size: var(--ui-progress-circle-size-lg, calc(var(--ui-unit) * 8))}.ui-progress-circle--xl{--ui-_size: var(--ui-progress-circle-size-xl, calc(var(--ui-unit) * 12))}.ui-progress-circle--success{--ui-_fill-color: var(--ui-color-success)}.ui-progress-circle--warning{--ui-_fill-color: var(--ui-color-warning)}.ui-progress-circle--danger{--ui-_fill-color: var(--ui-color-danger)}}
75
+ @layer components.styles{.ui-progress-circle{display:inline-block;flex-shrink:0;block-size:var(--ui-_size);inline-size:var(--ui-_size);vertical-align:middle;transform:rotate(-90deg)}.ui-progress-circle__track{fill:none;stroke:var(--ui-_track-color);stroke-width:var(--ui-_stroke-width)}.ui-progress-circle__fill{fill:none;stroke:var(--ui-_fill-color);stroke-width:var(--ui-_stroke-width);stroke-linecap:round;stroke-dasharray:var(--ui-_circumference);stroke-dashoffset:calc(var(--ui-_circumference)*(1 - var(--ui-_value)/100));transition:stroke-dashoffset var(--ui-_duration-slow) var(--ui-_ease-default)}.ui-progress-circle--indeterminate{animation:progress-circle-rotate 1.4s linear infinite}.ui-progress-circle--indeterminate .ui-progress-circle__fill{stroke-dashoffset:calc(var(--ui-_circumference)*.25);transition:none}@keyframes progress-circle-rotate{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media(prefers-reduced-motion: reduce){.ui-progress-circle--indeterminate{animation:none}}}
76
+ @layer components.tokens{.ui-skeleton{--ui-_bg: var(--ui-skeleton-bg, var(--ui-color-bg-subtle, rgba(0, 0, 0, 0.1)));--ui-_shimmer: var(--ui-skeleton-shimmer, rgba(255, 255, 255, 0.5));--ui-_radius: var(--ui-skeleton-radius, var(--ui-radius-sm, calc(0.5rem / 2)))}}
77
77
  @layer components.styles{.ui-skeleton{display:block;position:relative;overflow:hidden;background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--ui-_shimmer) 50%, transparent 100%);animation:skeleton-shimmer 1.5s infinite;transform:translateX(-100%)}@keyframes skeleton-shimmer{100%{transform:translateX(100%)}}.ui-skeleton--text{block-size:calc(0.5rem*2);inline-size:100%}.ui-skeleton--heading{block-size:calc(0.5rem*3);inline-size:60%}.ui-skeleton--circle{block-size:calc(0.5rem*5);inline-size:calc(0.5rem*5);border-radius:50%}.ui-skeleton--rect{block-size:calc(0.5rem*20);inline-size:100%}.ui-skeleton--static::after{animation:none}.ui-skeleton--pulse{animation:skeleton-pulse 1.5s infinite ease-in-out}.ui-skeleton--pulse::after{display:none}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion: reduce){.ui-skeleton::after{animation:none}.ui-skeleton--pulse{animation:none}}}
78
78
  @layer components.tokens{.ui-spinner{--ui-_size: var(--ui-spinner-size, calc(var(--ui-unit) * 4));--ui-_border-width: var(--ui-spinner-border-width, var(--ui-border-width-md));--ui-_color: var(--ui-spinner-color, currentcolor);--ui-_track-color: var(--ui-spinner-track-color, transparent);--ui-_duration: var(--ui-spinner-duration, 750ms)}.ui-spinner--xs{--ui-_size: var(--ui-spinner-size-xs, calc(var(--ui-unit) * 2));--ui-_border-width: var(--ui-spinner-border-width-xs, var(--ui-border-width-sm))}.ui-spinner--sm{--ui-_size: var(--ui-spinner-size-sm, calc(var(--ui-unit) * 3));--ui-_border-width: var(--ui-spinner-border-width-sm, var(--ui-border-width-md))}.ui-spinner--lg{--ui-_size: var(--ui-spinner-size-lg, calc(var(--ui-unit) * 5));--ui-_border-width: var(--ui-spinner-border-width-lg, var(--ui-border-width-md))}.ui-spinner--xl{--ui-_size: var(--ui-spinner-size-xl, calc(var(--ui-unit) * 6));--ui-_border-width: var(--ui-spinner-border-width-xl, var(--ui-border-width-lg))}}
79
79
  @layer components.styles{.ui-spinner{display:inline-block;flex-shrink:0;box-sizing:border-box;block-size:var(--ui-_size);inline-size:var(--ui-_size);vertical-align:middle;border:var(--ui-_border-width) solid var(--ui-_track-color);border-radius:50%;border-block-start-color:var(--ui-_color);animation:spinner-rotate var(--ui-_duration) linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.ui-spinner{animation:none}}}
80
- @layer components.tokens{.ui-toast-viewport{--ui-_gap: var(--ui-toast-viewport-gap, calc(0.5rem * 1));--ui-_padding: var(--ui-toast-viewport-padding, calc(0.5rem * 2));--ui-_max-width: var(--ui-toast-viewport-max-width, 420px)}.ui-toast{--ui-_padding: var(--ui-toast-padding, calc(0.5rem * 2));--ui-_gap: var(--ui-toast-gap, calc(0.5rem * 1));--ui-_radius: var(--ui-toast-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-toast-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-toast-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_shadow: var(--ui-toast-shadow, var(--ui-shadow-lg))}.ui-toast--success{--ui-_border-color: var(--ui-color-success)}.ui-toast--warning{--ui-_border-color: var(--ui-color-warning)}.ui-toast--danger{--ui-_border-color: var(--ui-color-danger)}.ui-toast--info{--ui-_border-color: var(--ui-color-primary)}}
81
- @layer components.styles{.ui-toast-viewport{display:flex;flex-direction:column;gap:var(--ui-_gap);position:fixed;z-index:var(--ui-z-toast, 1000);max-inline-size:var(--ui-_max-width);padding:var(--ui-_padding);pointer-events:none;list-style:none}.ui-toast-viewport--top-end{inset-block-start:0;inset-inline-end:0}.ui-toast-viewport--top-start{inset-block-start:0;inset-inline-start:0}.ui-toast-viewport--bottom-end{inset-block-end:0;inset-inline-end:0}.ui-toast-viewport--bottom-start{inset-block-end:0;inset-inline-start:0}.ui-toast-viewport--top-center{inset-block-start:0;inset-inline-start:50%;transform:translateX(-50%)}.ui-toast-viewport--bottom-center{inset-block-end:0;inset-inline-start:50%;transform:translateX(-50%)}.ui-toast{display:flex;align-items:flex-start;gap:var(--ui-_gap);padding:var(--ui-_padding);background:var(--ui-_bg);border-radius:var(--ui-_radius);outline:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);box-shadow:var(--ui-_shadow);pointer-events:auto;outline-offset:calc(var(--ui-border-width-sm, 0.0625rem)*-1)}.ui-toast__icon{flex-shrink:0}.ui-toast__content{flex:1;min-inline-size:0}.ui-toast__title{margin:0;font-weight:var(--ui-weight-medium, 500);line-height:var(--ui-row-1, 1rem)}.ui-toast__description{margin:0;font-size:var(--ui-font-size-sm, 0.875rem);line-height:var(--ui-row-1, 1rem);color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}.ui-toast__action{flex-shrink:0}.ui-toast__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-row-1, 1rem);inline-size:var(--ui-row-1, 1rem);padding:0;color:var(--ui-color-text-muted, hsl(220, 10%, 45%));background:none;border:none;cursor:pointer}.ui-toast__close:hover{color:var(--ui-color-text, hsl(220, 10%, 10%))}.ui-toast[data-state=open]{animation:toast-slide-in var(--ui-duration-normal, 200ms) var(--ui-ease-out, ease-out)}.ui-toast[data-state=closed]{animation:toast-slide-out var(--ui-duration-fast, 100ms) var(--ui-ease-in, ease-in)}@keyframes toast-slide-in{from{opacity:0;transform:translateX(100%)}}@keyframes toast-slide-out{to{opacity:0;transform:translateX(100%)}}@media(prefers-reduced-motion: reduce){.ui-toast[data-state]{animation:none}}}
82
- @layer components.tokens{.ui-checkbox{--ui-_size: var(--ui-checkbox-size, calc(0.5rem * 2));--ui-_radius: var(--ui-checkbox-radius, var(--ui-radius-sm, 0.25rem));--ui-_bg: var(--ui-checkbox-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_bg-checked: var(--ui-checkbox-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_border-color: var(--ui-checkbox-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-checkbox-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_check-color: var(--ui-checkbox-check-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-checkbox--lg{--ui-_size: var(--ui-checkbox-size-lg, calc(0.5rem * 3))}.ui-checkbox--error{--ui-_border-color: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-checkbox--success{--ui-_border-color: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
83
- @layer components.styles{.ui-checkbox{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-_size);inline-size:var(--ui-_size);margin:0;vertical-align:middle;background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius);cursor:pointer;appearance:none;transition:background-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-checkbox::before{content:"";block-size:65%;inline-size:65%;background-color:var(--ui-_check-color);opacity:0;clip-path:polygon(20% 55%, 40% 75%, 80% 25%, 85% 30%, 40% 85%, 15% 60%);transition:opacity var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-checkbox:hover:not(:disabled){border-color:var(--ui-_border-color-focus)}.ui-checkbox:focus-visible{border-color:var(--ui-_border-color-focus);outline:var(--ui-border-width-md, 0.125rem) solid rgba(0,0,0,0);outline-offset:var(--ui-border-width-sm, 0.0625rem);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-checkbox:checked{background:var(--ui-_bg-checked);border-color:var(--ui-_bg-checked)}.ui-checkbox:checked::before{opacity:1}.ui-checkbox:indeterminate{background:var(--ui-_bg-checked);border-color:var(--ui-_bg-checked)}.ui-checkbox:indeterminate::before{opacity:1;clip-path:polygon(15% 45%, 85% 45%, 85% 55%, 15% 55%)}.ui-checkbox:disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}}
84
- @layer components.tokens{.ui-checkbox-group{--ui-_spacing: var(--ui-checkbox-group-spacing, var(--ui-space-1, 0.5rem));--ui-_legend-size: var(--ui-checkbox-group-legend-size, var(--ui-font-size-sm, 0.875rem));--ui-_legend-weight: var(--ui-checkbox-group-legend-weight, var(--ui-weight-medium, 500));--ui-_legend-color: var(--ui-checkbox-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_legend-spacing: var(--ui-checkbox-group-legend-spacing, var(--ui-space-1, 0.5rem));--ui-_item-gap: var(--ui-checkbox-group-item-gap, var(--ui-space-1, 0.5rem))}.ui-checkbox-group--compact{--ui-_spacing: var(--ui-checkbox-group-spacing-compact, 0);--ui-_legend-spacing: var(--ui-checkbox-group-legend-spacing-compact, 0);--ui-_item-gap: var(--ui-checkbox-group-item-gap-compact, 0)}.ui-checkbox-group--error{--ui-_legend-color: var(--ui-checkbox-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}
85
- @layer components.styles{.ui-checkbox-group{display:flex;flex-direction:column;gap:var(--ui-_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.ui-checkbox-group__legend{padding:0;font-size:var(--ui-_legend-size);font-weight:var(--ui-_legend-weight);line-height:var(--ui-leading-tight-sm, var(--ui-row-1, 1rem));color:var(--ui-_legend-color)}.ui-checkbox-group__items{display:flex;flex-direction:column;gap:var(--ui-_spacing)}.ui-checkbox-group__item{display:flex;align-items:center;gap:var(--ui-_item-gap);line-height:var(--ui-row-1, 1rem);cursor:pointer}.ui-checkbox-group__item:has(:disabled){opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-checkbox-group--horizontal>.ui-checkbox-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--ui-space-2, 1rem)}.ui-checkbox-group:disabled,.ui-checkbox-group[aria-disabled=true]{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}}
80
+ @layer components.tokens{.ui-toast-viewport{--ui-_z-toast: var(--ui-z-toast, 700);--ui-_gap: var(--ui-toast-viewport-gap, calc(0.5rem * 1));--ui-_padding: var(--ui-toast-viewport-padding, calc(0.5rem * 2));--ui-_max-width: var(--ui-toast-viewport-max-width, 420px)}.ui-toast{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_row-1: var(--ui-row-1, 1rem);--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--ui-_duration-normal: var(--ui-duration-normal, 200ms);--ui-_ease-out: var(--ui-ease-out, ease-out);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-in: var(--ui-ease-in, ease-in);--ui-_padding: var(--ui-toast-padding, calc(0.5rem * 2));--ui-_gap: var(--ui-toast-gap, calc(0.5rem * 1));--ui-_radius: var(--ui-toast-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-toast-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-toast-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_shadow: var(--ui-toast-shadow, var(--ui-shadow-lg))}.ui-toast--success{--ui-_border-color: var(--ui-color-success)}.ui-toast--warning{--ui-_border-color: var(--ui-color-warning)}.ui-toast--danger{--ui-_border-color: var(--ui-color-danger)}.ui-toast--info{--ui-_border-color: var(--ui-color-primary)}}
81
+ @layer components.styles{.ui-toast-viewport{display:flex;flex-direction:column;gap:var(--ui-_gap);position:fixed;z-index:var(--ui-_z-toast);max-inline-size:var(--ui-_max-width);padding:var(--ui-_padding);pointer-events:none;list-style:none}.ui-toast-viewport--top-end{inset-block-start:0;inset-inline-end:0}.ui-toast-viewport--top-start{inset-block-start:0;inset-inline-start:0}.ui-toast-viewport--bottom-end{inset-block-end:0;inset-inline-end:0}.ui-toast-viewport--bottom-start{inset-block-end:0;inset-inline-start:0}.ui-toast-viewport--top-center{inset-block-start:0;inset-inline-start:50%;transform:translateX(-50%)}.ui-toast-viewport--bottom-center{inset-block-end:0;inset-inline-start:50%;transform:translateX(-50%)}.ui-toast{display:flex;align-items:flex-start;gap:var(--ui-_gap);padding:var(--ui-_padding);background:var(--ui-_bg);border-radius:var(--ui-_radius);outline:var(--ui-_border-width-sm) solid var(--ui-_border-color);box-shadow:var(--ui-_shadow);pointer-events:auto;outline-offset:calc(var(--ui-_border-width-sm)*-1)}.ui-toast__icon{flex-shrink:0}.ui-toast__content{flex:1;min-inline-size:0}.ui-toast__title{margin:0;font-weight:var(--ui-_weight-medium);line-height:var(--ui-_row-1)}.ui-toast__description{margin:0;font-size:var(--ui-_font-size-sm);line-height:var(--ui-_row-1);color:var(--ui-_color-text-muted)}.ui-toast__action{flex-shrink:0}.ui-toast__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-_row-1);inline-size:var(--ui-_row-1);padding:0;color:var(--ui-_color-text-muted);background:none;border:none;cursor:pointer}.ui-toast__close:hover{color:var(--ui-_color-text)}.ui-toast[data-state=open]{animation:toast-slide-in var(--ui-_duration-normal) var(--ui-_ease-out)}.ui-toast[data-state=closed]{animation:toast-slide-out var(--ui-_duration-fast) var(--ui-_ease-in)}@keyframes toast-slide-in{from{opacity:0;transform:translateX(100%)}}@keyframes toast-slide-out{to{opacity:0;transform:translateX(100%)}}@media(prefers-reduced-motion: reduce){.ui-toast[data-state]{animation:none}}}
82
+ @layer components.tokens{.ui-checkbox{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_size: var(--ui-checkbox-size, calc(0.5rem * 2));--ui-_radius: var(--ui-checkbox-radius, var(--ui-radius-sm, 0.25rem));--ui-_bg: var(--ui-checkbox-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_bg-checked: var(--ui-checkbox-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_border-color: var(--ui-checkbox-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-checkbox-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_check-color: var(--ui-checkbox-check-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-checkbox--lg{--ui-_size: var(--ui-checkbox-size-lg, calc(0.5rem * 3))}.ui-checkbox--error{--ui-_border-color: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-checkbox-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-checkbox--success{--ui-_border-color: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-checkbox-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
83
+ @layer components.styles{.ui-checkbox{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-_size);inline-size:var(--ui-_size);margin:0;vertical-align:middle;background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius);cursor:pointer;appearance:none;transition:background-color var(--ui-_duration-fast) var(--ui-_ease-default),border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-checkbox::before{content:"";block-size:65%;inline-size:65%;background-color:var(--ui-_check-color);opacity:0;clip-path:polygon(20% 55%, 40% 75%, 80% 25%, 85% 30%, 40% 85%, 15% 60%);transition:opacity var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-checkbox:hover:not(:disabled){border-color:var(--ui-_border-color-focus)}.ui-checkbox:focus-visible{border-color:var(--ui-_border-color-focus);outline:var(--ui-_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--ui-_border-width-sm);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-checkbox:checked{background:var(--ui-_bg-checked);border-color:var(--ui-_bg-checked)}.ui-checkbox:checked::before{opacity:1}.ui-checkbox:indeterminate{background:var(--ui-_bg-checked);border-color:var(--ui-_bg-checked)}.ui-checkbox:indeterminate::before{opacity:1;clip-path:polygon(15% 45%, 85% 45%, 85% 55%, 15% 55%)}.ui-checkbox:disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}}
84
+ @layer components.tokens{.ui-checkbox-group{--ui-_leading-tight-sm: var(--ui-leading-tight-sm, var(--ui-row-1, 1rem));--ui-_row-1: var(--ui-row-1, 1rem);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_space-2: var(--ui-space-2, 1rem);--ui-_spacing: var(--ui-checkbox-group-spacing, var(--ui-space-1, 0.5rem));--ui-_legend-size: var(--ui-checkbox-group-legend-size, var(--ui-font-size-sm, 0.875rem));--ui-_legend-weight: var(--ui-checkbox-group-legend-weight, var(--ui-weight-medium, 500));--ui-_legend-color: var(--ui-checkbox-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_legend-spacing: var(--ui-checkbox-group-legend-spacing, var(--ui-space-1, 0.5rem));--ui-_item-gap: var(--ui-checkbox-group-item-gap, var(--ui-space-1, 0.5rem))}.ui-checkbox-group--compact{--ui-_spacing: var(--ui-checkbox-group-spacing-compact, 0);--ui-_legend-spacing: var(--ui-checkbox-group-legend-spacing-compact, 0);--ui-_item-gap: var(--ui-checkbox-group-item-gap-compact, 0)}.ui-checkbox-group--error{--ui-_legend-color: var(--ui-checkbox-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}
85
+ @layer components.styles{.ui-checkbox-group{display:flex;flex-direction:column;gap:var(--ui-_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.ui-checkbox-group__legend{padding:0;font-size:var(--ui-_legend-size);font-weight:var(--ui-_legend-weight);line-height:var(--ui-_leading-tight-sm);color:var(--ui-_legend-color)}.ui-checkbox-group__items{display:flex;flex-direction:column;gap:var(--ui-_spacing)}.ui-checkbox-group__item{display:flex;align-items:center;gap:var(--ui-_item-gap);line-height:var(--ui-_row-1);cursor:pointer}.ui-checkbox-group__item:has(:disabled){opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-checkbox-group--horizontal>.ui-checkbox-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--ui-_space-2)}.ui-checkbox-group:disabled,.ui-checkbox-group[aria-disabled=true]{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}}
86
86
  @layer components.tokens{.ui-field{--ui-_gap: var(--ui-field-gap, 0)}}
87
87
  @layer components.styles{.ui-field{display:flex;flex-direction:column;gap:var(--ui-_gap)}.ui-field__control{display:flex;flex-direction:column}.ui-field--horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.ui-field--horizontal>.ui-field__label{flex:0 0 auto;min-inline-size:calc(0.5rem*15);padding-block-start:calc(0.5rem*1)}.ui-field--horizontal>.ui-field__control{flex:1 1 0;min-inline-size:calc(0.5rem*20)}}
88
- @layer components.tokens{.ui-fieldset{--ui-_spacing: var(--ui-fieldset-spacing, var(--ui-space-2, 1rem));--ui-_border-color: var(--ui-fieldset-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_border-width: var(--ui-fieldset-border-width, var(--ui-border-width-sm, 0.0625rem));--ui-_border-radius: var(--ui-fieldset-border-radius, var(--ui-radius-md, 0.5rem));--ui-_padding: var(--ui-fieldset-padding, var(--ui-space-2, 1rem));--ui-_legend-size: var(--ui-fieldset-legend-size, var(--ui-font-size-sm, 0.875rem));--ui-_legend-weight: var(--ui-fieldset-legend-weight, var(--ui-weight-medium, 500));--ui-_legend-color: var(--ui-fieldset-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-fieldset--compact{--ui-_spacing: var(--ui-fieldset-spacing-compact, var(--ui-space-1, 0.5rem));--ui-_padding: var(--ui-fieldset-padding-compact, var(--ui-space-1, 0.5rem))}}
89
- @layer components.styles{.ui-fieldset{display:flex;flex-direction:column;gap:var(--ui-_spacing);min-inline-size:0;padding:0;margin:0;border:none}.ui-fieldset__legend{inline-size:100%;padding:0;font-size:var(--ui-_legend-size);font-weight:var(--ui-_legend-weight);line-height:var(--ui-leading-tight-sm, var(--ui-row-1, 1rem));color:var(--ui-_legend-color)}.ui-fieldset--bordered{padding:var(--ui-_padding);padding-block-end:calc(var(--ui-_padding) - var(--ui-_border-width));border:var(--ui-_border-width) solid var(--ui-_border-color);border-radius:var(--ui-_border-radius)}.ui-fieldset--bordered>.ui-fieldset__legend{inline-size:auto;padding-inline:var(--ui-space-half, 0.25rem);margin-inline-start:calc(-1*var(--ui-space-half, 0.25rem))}.ui-fieldset:disabled,.ui-fieldset[aria-disabled=true]{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}}
88
+ @layer components.tokens{.ui-fieldset{--ui-_leading-tight-sm: var(--ui-leading-tight-sm, var(--ui-row-1, 1rem));--ui-_space-half: var(--ui-space-half, 0.25rem);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_spacing: var(--ui-fieldset-spacing, var(--ui-space-2, 1rem));--ui-_border-color: var(--ui-fieldset-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_border-width: var(--ui-fieldset-border-width, var(--ui-border-width-sm, 0.0625rem));--ui-_border-radius: var(--ui-fieldset-border-radius, var(--ui-radius-md, 0.5rem));--ui-_padding: var(--ui-fieldset-padding, var(--ui-space-2, 1rem));--ui-_legend-size: var(--ui-fieldset-legend-size, var(--ui-font-size-sm, 0.875rem));--ui-_legend-weight: var(--ui-fieldset-legend-weight, var(--ui-weight-medium, 500));--ui-_legend-color: var(--ui-fieldset-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-fieldset--compact{--ui-_spacing: var(--ui-fieldset-spacing-compact, var(--ui-space-1, 0.5rem));--ui-_padding: var(--ui-fieldset-padding-compact, var(--ui-space-1, 0.5rem))}}
89
+ @layer components.styles{.ui-fieldset{display:flex;flex-direction:column;gap:var(--ui-_spacing);min-inline-size:0;padding:0;margin:0;border:none}.ui-fieldset__legend{inline-size:100%;padding:0;font-size:var(--ui-_legend-size);font-weight:var(--ui-_legend-weight);line-height:var(--ui-_leading-tight-sm);color:var(--ui-_legend-color)}.ui-fieldset--bordered{padding:var(--ui-_padding);padding-block-end:calc(var(--ui-_padding) - var(--ui-_border-width));border:var(--ui-_border-width) solid var(--ui-_border-color);border-radius:var(--ui-_border-radius)}.ui-fieldset--bordered>.ui-fieldset__legend{inline-size:auto;padding-inline:var(--ui-_space-half);margin-inline-start:calc(-1*var(--ui-_space-half))}.ui-fieldset:disabled,.ui-fieldset[aria-disabled=true]{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}}
90
90
  @layer components.tokens{.ui-form{--ui-_spacing: var(--ui-form-spacing, var(--ui-space-3, calc(0.5rem * 3)));--ui-_actions-gap: var(--ui-form-actions-gap, var(--ui-space-2, calc(0.5rem * 2)));--ui-_section-spacing: var(--ui-form-section-spacing, var(--ui-space-4, calc(0.5rem * 4)))}}
91
91
  @layer components.styles{.ui-form{display:flex;flex-direction:column;gap:var(--ui-_spacing)}.ui-form__section{display:flex;flex-direction:column;gap:var(--ui-_spacing);padding:0;margin:0;border:0}.ui-form__section+.ui-form__section{padding-block-start:var(--ui-_section-spacing)}.ui-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-_actions-gap)}.ui-form--compact{--ui-_spacing: var(--ui-form-spacing-compact, var(--ui-space-2, calc(0.5rem * 2)));--ui-_section-spacing: var(--ui-form-section-spacing-compact, var(--ui-space-3, calc(0.5rem * 3)))}.ui-form--inline{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.ui-form--inline>.ui-form__actions{align-items:flex-end}}
92
- @layer components.tokens{.ui-form-error{--ui-_color: var(--ui-form-error-color, var(--ui-color-danger));--ui-_size: var(--ui-form-error-size, var(--ui-font-size-sm, 0.875rem));--ui-_gap: var(--ui-form-error-gap, 0)}}
93
- @layer components.styles{.ui-form-error{display:flex;align-items:flex-start;gap:var(--ui-_gap);margin-block-start:var(--ui-_gap);font-size:var(--ui-_size);line-height:var(--ui-leading-tight-sm, var(--ui-row-1));color:var(--ui-_color)}.ui-form-error__icon{flex-shrink:0}}
94
- @layer components.tokens{.ui-form-helper{--ui-_color: var(--ui-form-helper-color, var(--ui-color-text-muted));--ui-_size: var(--ui-form-helper-size, var(--ui-font-size-sm, 0.875rem));--ui-_gap: var(--ui-form-helper-gap, 0)}}
95
- @layer components.styles{.ui-form-helper{display:block;margin-block-start:var(--ui-_gap);font-size:var(--ui-_size);line-height:var(--ui-leading-tight-sm, var(--ui-row-1));color:var(--ui-_color)}}
96
- @layer components.tokens{.ui-input{--ui-_height: var(--ui-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-input-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.ui-input--sm{--ui-_height: var(--ui-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-input--lg{--ui-_height: var(--ui-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-input-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-input--filled{--ui-_bg: var(--ui-input-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_border-color: transparent}.ui-input--ghost{--ui-_bg: transparent;--ui-_border-color: transparent}.ui-input--error{--ui-_border-color: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-input--success{--ui-_border-color: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
97
- @layer components.styles{.ui-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);padding-inline:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-input::placeholder{color:var(--ui-_placeholder)}.ui-input:hover:not(:disabled,:focus-visible){border-color:var(--ui-color-border-strong, hsl(220, 10%, 80%))}.ui-input:focus-visible,.ui-input--focus{border-color:var(--ui-_border-color-focus);outline:var(--ui-border-width-md, 0.125rem) solid rgba(0,0,0,0);outline-offset:var(--ui-border-width-sm, 0.0625rem);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-input:disabled,.ui-input--disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-input:read-only{background:var(--ui-color-bg-subtle, hsl(220, 10%, 96%))}.ui-input--block{inline-size:100%}.ui-input-group{display:inline-flex;align-items:stretch;position:relative}.ui-input-group .ui-input{flex:1}.ui-input-group--has-prefix .ui-input{padding-inline-start:calc(var(--ui-_height) + var(--ui-space-half, 0.25rem))}.ui-input-group--has-suffix .ui-input{padding-inline-end:calc(var(--ui-_height) + var(--ui-space-half, 0.25rem))}.ui-input-group__addon{display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;inline-size:var(--ui-_height, 2rem);color:var(--ui-color-text-muted, hsl(220, 10%, 45%));pointer-events:none}.ui-input-group__addon--start{inset-inline-start:0}.ui-input-group__addon--end{inset-inline-end:0}.ui-input-group__addon--interactive{cursor:pointer;pointer-events:auto}}
98
- @layer components.tokens{.ui-label{--ui-_font-size: var(--ui-label-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_color: var(--ui-label-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_required-color: var(--ui-label-required-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-label--lg{--ui-_font-size: var(--ui-label-font-size-lg, var(--ui-font-size-md, 1rem))}}
99
- @layer components.styles{.ui-label{display:inline-flex;align-items:baseline;gap:0;font-size:var(--ui-_font-size);font-weight:var(--ui-weight-medium, 500);line-height:var(--ui-leading-tight-sm, var(--ui-row-1));color:var(--ui-_color);cursor:pointer}.ui-label[aria-disabled=true]{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-label__required{color:var(--ui-_required-color)}.ui-label__optional{font-weight:var(--ui-weight-normal, 400);color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}}
100
- @layer components.tokens{.ui-number-input{--ui-_height: var(--ui-number-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-number-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-number-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-number-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-number-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-number-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-number-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_text: var(--ui-number-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_button-color: var(--ui-number-input-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_button-bg: var(--ui-number-input-button-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_button-hover-bg: var(--ui-number-input-button-hover-bg, var(--ui-color-border, hsl(220, 10%, 90%)))}.ui-number-input--sm{--ui-_height: var(--ui-number-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-number-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-number-input--lg{--ui-_height: var(--ui-number-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-number-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-number-input-font-size-lg, var(--ui-font-size-md, 1rem))}}
101
- @layer components.styles{.ui-number-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-number-input:focus-within{border-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-number-input--block{inline-size:100%}.ui-number-input--disabled,.ui-number-input:has(.ui-number-input__field:disabled){opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-number-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0 var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;text-align:center;color:var(--ui-_text);background:rgba(0,0,0,0);border:none;outline:none}.ui-number-input__field::-webkit-outer-spin-button,.ui-number-input__field::-webkit-inner-spin-button{margin:0;appearance:none}.ui-number-input__field[type=number]{appearance:textfield}.ui-number-input__decrement,.ui-number-input__increment{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:100%;inline-size:var(--ui-_height);padding:0;margin:0;color:var(--ui-_button-color);background:var(--ui-_button-bg);border:none;cursor:pointer;transition:background var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-number-input__decrement:hover:not(:disabled),.ui-number-input__increment:hover:not(:disabled){background:var(--ui-_button-hover-bg)}.ui-number-input__decrement:focus-visible,.ui-number-input__increment:focus-visible{outline:2px solid var(--ui-color-focus, oklch(75% 0.15 250deg));outline-offset:-2px}.ui-number-input__decrement:disabled,.ui-number-input__increment:disabled{cursor:not-allowed}.ui-number-input__decrement svg,.ui-number-input__increment svg{block-size:var(--ui-size-sm, 0.75rem);inline-size:var(--ui-size-sm, 0.75rem);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-number-input__decrement{border-start-start-radius:calc(var(--ui-_radius) - var(--ui-border-width-sm, 0.0625rem));border-end-start-radius:calc(var(--ui-_radius) - var(--ui-border-width-sm, 0.0625rem));border-inline-end:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color)}.ui-number-input__increment{border-start-end-radius:calc(var(--ui-_radius) - var(--ui-border-width-sm, 0.0625rem));border-end-end-radius:calc(var(--ui-_radius) - var(--ui-border-width-sm, 0.0625rem));border-inline-start:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color)}}
102
- @layer components.tokens{.ui-password-input{--ui-_height: var(--ui-password-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-password-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-password-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-password-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-password-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-password-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-password-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_text: var(--ui-password-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-password-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_toggle-color: var(--ui-password-input-toggle-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_toggle-hover-bg: var(--ui-password-input-toggle-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.ui-password-input--sm{--ui-_height: var(--ui-password-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-password-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-password-input--lg{--ui-_height: var(--ui-password-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-password-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-password-input-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-password-input--error{--ui-_border-color: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-password-input--success{--ui-_border-color: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
103
- @layer components.styles{.ui-password-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-password-input:focus-within,.ui-password-input--focus{border-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-password-input--block{inline-size:100%}.ui-password-input--disabled,.ui-password-input:has(.ui-password-input__field:disabled){opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-password-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-start:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_text);background:rgba(0,0,0,0);border:none;outline:none}.ui-password-input__field::placeholder{color:var(--ui-_placeholder)}.ui-password-input__toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--ui-_height) - var(--ui-space-half, 0.25rem)*2);inline-size:calc(var(--ui-_height) - var(--ui-space-half, 0.25rem)*2);margin-inline-end:calc(var(--ui-space-half, 0.25rem));color:var(--ui-_toggle-color);background:rgba(0,0,0,0);border:none;border-radius:var(--ui-radius-sm, 0.25rem);cursor:pointer;transition:background var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-password-input__toggle:hover{background:var(--ui-_toggle-hover-bg)}.ui-password-input__toggle:focus-visible{outline:2px solid var(--ui-color-focus, oklch(75% 0.15 250deg));outline-offset:-2px}.ui-password-input__toggle svg{block-size:var(--ui-size-md, 1rem);inline-size:var(--ui-size-md, 1rem);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}
104
- @layer components.tokens{.ui-radio{--ui-_size: var(--ui-radio-size, calc(0.5rem * 2));--ui-_bg: var(--ui-radio-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_bg-checked: var(--ui-radio-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_border-color: var(--ui-radio-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-radio-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_dot-color: var(--ui-radio-dot-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-radio--lg{--ui-_size: var(--ui-radio-size-lg, calc(0.5rem * 3))}.ui-radio--error{--ui-_border-color: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-radio--success{--ui-_border-color: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
105
- @layer components.styles{.ui-radio{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-_size);inline-size:var(--ui-_size);margin:0;vertical-align:middle;background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:50%;cursor:pointer;appearance:none;transition:background-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-radio::before{content:"";block-size:50%;inline-size:50%;background-color:var(--ui-_dot-color);border-radius:50%;opacity:0;transform:scale(0);transition:opacity var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),transform var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-radio:hover:not(:disabled){border-color:var(--ui-_border-color-focus)}.ui-radio:focus-visible{border-color:var(--ui-_border-color-focus);outline:var(--ui-border-width-md, 0.125rem) solid rgba(0,0,0,0);outline-offset:var(--ui-border-width-sm, 0.0625rem);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-radio:checked{background:var(--ui-_bg-checked);border-color:var(--ui-_bg-checked)}.ui-radio:checked::before{opacity:1;transform:scale(1)}.ui-radio:disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}}
106
- @layer components.tokens{.ui-radio-group{--ui-_spacing: var(--ui-radio-group-spacing, var(--ui-space-1, 0.5rem));--ui-_legend-size: var(--ui-radio-group-legend-size, var(--ui-font-size-sm, 0.875rem));--ui-_legend-weight: var(--ui-radio-group-legend-weight, var(--ui-weight-medium, 500));--ui-_legend-color: var(--ui-radio-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_legend-spacing: var(--ui-radio-group-legend-spacing, var(--ui-space-1, 0.5rem));--ui-_item-gap: var(--ui-radio-group-item-gap, var(--ui-space-1, 0.5rem))}.ui-radio-group--compact{--ui-_spacing: var(--ui-radio-group-spacing-compact, 0);--ui-_legend-spacing: var(--ui-radio-group-legend-spacing-compact, 0);--ui-_item-gap: var(--ui-radio-group-item-gap-compact, 0)}.ui-radio-group--error{--ui-_legend-color: var(--ui-radio-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}
107
- @layer components.styles{.ui-radio-group{display:flex;flex-direction:column;gap:var(--ui-_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.ui-radio-group__legend{padding:0;font-size:var(--ui-_legend-size);font-weight:var(--ui-_legend-weight);line-height:var(--ui-leading-tight-sm, var(--ui-row-1, 1rem));color:var(--ui-_legend-color)}.ui-radio-group__items{display:flex;flex-direction:column;gap:var(--ui-_spacing)}.ui-radio-group__item{display:flex;align-items:center;gap:var(--ui-_item-gap);line-height:var(--ui-row-1, 1rem);cursor:pointer}.ui-radio-group__item:has(:disabled){opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-radio-group--horizontal>.ui-radio-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--ui-space-2, 1rem)}.ui-radio-group:disabled,.ui-radio-group[aria-disabled=true]{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}}
108
- @layer components.tokens{.ui-search-input{--ui-_height: var(--ui-search-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-search-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-search-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-search-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-search-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-search-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-search-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_text: var(--ui-search-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-search-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_icon-color: var(--ui-search-input-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_icon-size: var(--ui-search-input-icon-size, var(--ui-size-md, 1rem));--ui-_clear-color: var(--ui-search-input-clear-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_clear-hover-bg: var(--ui-search-input-clear-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.ui-search-input--sm{--ui-_height: var(--ui-search-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-search-input-font-size-sm, var(--ui-font-size-xs, 0.75rem));--ui-_icon-size: var(--ui-search-input-icon-size-sm, var(--ui-size-sm, 0.75rem))}.ui-search-input--lg{--ui-_height: var(--ui-search-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-search-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-search-input-font-size-lg, var(--ui-font-size-md, 1rem));--ui-_icon-size: var(--ui-search-input-icon-size-lg, var(--ui-size-lg, 1.25rem))}}
109
- @layer components.styles{.ui-search-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-search-input:focus-within,.ui-search-input--focus{border-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-search-input--block{inline-size:100%}.ui-search-input--disabled,.ui-search-input:has(.ui-search-input__field:disabled){opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-search-input__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--ui-_height);color:var(--ui-_icon-color);pointer-events:none}.ui-search-input__icon svg{block-size:var(--ui-_icon-size);inline-size:var(--ui-_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-search-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-end:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_text);background:rgba(0,0,0,0);border:none;outline:none}.ui-search-input__field::placeholder{color:var(--ui-_placeholder)}.ui-search-input__field::-webkit-search-cancel-button,.ui-search-input__field::-webkit-search-decoration{appearance:none}.ui-search-input--has-clear .ui-search-input__field{padding-inline-end:0}.ui-search-input__clear{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--ui-_height) - var(--ui-space-half, 0.25rem)*2);inline-size:calc(var(--ui-_height) - var(--ui-space-half, 0.25rem)*2);margin-inline-end:calc(var(--ui-space-half, 0.25rem));color:var(--ui-_clear-color);background:rgba(0,0,0,0);border:none;border-radius:var(--ui-radius-sm, 0.25rem);cursor:pointer;transition:background var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-search-input__clear:hover{background:var(--ui-_clear-hover-bg)}.ui-search-input__clear:focus-visible{outline:2px solid var(--ui-color-focus, oklch(75% 0.15 250deg));outline-offset:-2px}.ui-search-input__clear svg{block-size:var(--ui-_icon-size);inline-size:var(--ui-_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}
110
- @layer components.tokens{.ui-select{--ui-_height: var(--ui-select-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-select-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-select-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-select-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-select-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-select-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-select-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-select-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_icon-color: var(--ui-select-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.ui-select--sm{--ui-_height: var(--ui-select-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-select-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-select--lg{--ui-_height: var(--ui-select-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-select-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-select-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-select--filled{--ui-_bg: var(--ui-select-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_border-color: transparent}.ui-select--ghost{--ui-_bg: transparent;--ui-_border-color: transparent}.ui-select--error{--ui-_border-color: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-select--success{--ui-_border-color: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
111
- @layer components.styles{.ui-select{display:inline-block;block-size:var(--ui-_height);padding-inline-start:var(--ui-_padding-x);padding-inline-end:calc(var(--ui-_height) - var(--ui-space-half, 0.25rem));font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_color);background-color:var(--ui-_bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius);cursor:pointer;appearance:none;transition:border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease);background-repeat:no-repeat;background-position:right var(--ui-space-half, 0.25rem) center;background-size:calc(var(--ui-_height)*.5)}.ui-select:hover:not(:disabled,:focus-visible){border-color:var(--ui-color-border-strong, hsl(220, 10%, 80%))}.ui-select:focus-visible,.ui-select--focus{border-color:var(--ui-_border-color-focus);outline:var(--ui-border-width-md, 0.125rem) solid rgba(0,0,0,0);outline-offset:var(--ui-border-width-sm, 0.0625rem);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-select:disabled,.ui-select--disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-select--block{inline-size:100%}.ui-select:invalid,.ui-select--placeholder{color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}}
112
- @layer components.tokens{.ui-slider{--ui-_height: var(--ui-slider-height, var(--ui-row-2, 2rem));--ui-_track-height: var(--ui-slider-track-height, 0.5rem);--ui-_track-bg: var(--ui-slider-track-bg, var(--ui-color-bg-subtle, rgb(0 0 0 / 0.1)));--ui-_track-fill: var(--ui-slider-track-fill, var(--ui-color-primary));--ui-_track-radius: var(--ui-slider-track-radius, var(--ui-radius-full, 9999px));--ui-_thumb-size: var(--ui-slider-thumb-size, calc(0.5rem * 2.5));--ui-_thumb-bg: var(--ui-slider-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_thumb-border-color: var(--ui-slider-thumb-border-color, var(--ui-color-primary));--ui-_thumb-border-width: var(--ui-slider-thumb-border-width, var(--ui-border-width-md, 0.125rem));--ui-_thumb-radius: var(--ui-slider-thumb-radius, var(--ui-radius-full, 9999px));--ui-_thumb-shadow: var(--ui-slider-thumb-shadow, 0 1px 3px rgb(0 0 0 / 0.2));--ui-_focus-ring: var(--ui-slider-focus-ring, var(--ui-color-focus, oklch(75% 0.15 250deg)))}.ui-slider--sm{--ui-_height: var(--ui-slider-height-sm, calc(1rem * 1.5));--ui-_track-height: calc(0.5rem * 0.5);--ui-_thumb-size: calc(0.5rem * 2)}.ui-slider--lg{--ui-_height: var(--ui-slider-height-lg, calc(1rem * 2.5));--ui-_track-height: calc(0.5rem * 1.5);--ui-_thumb-size: calc(0.5rem * 3)}.ui-slider--success{--ui-_track-fill: var(--ui-color-success);--ui-_thumb-border-color: var(--ui-color-success)}.ui-slider--warning{--ui-_track-fill: var(--ui-color-warning);--ui-_thumb-border-color: var(--ui-color-warning)}.ui-slider--danger{--ui-_track-fill: var(--ui-color-danger);--ui-_thumb-border-color: var(--ui-color-danger)}}
113
- @layer components.styles{.ui-slider{display:inline-flex;align-items:center;block-size:var(--ui-_height);inline-size:100%;padding:0;margin:0;background:rgba(0,0,0,0);cursor:pointer;appearance:none}.ui-slider::-webkit-slider-runnable-track{block-size:var(--ui-_track-height);background:var(--ui-_track-bg);border-radius:var(--ui-_track-radius)}.ui-slider::-moz-range-track{block-size:var(--ui-_track-height);background:var(--ui-_track-bg);border:none;border-radius:var(--ui-_track-radius)}.ui-slider::-moz-range-progress{block-size:var(--ui-_track-height);background:var(--ui-_track-fill);border-radius:var(--ui-_track-radius)}.ui-slider::-webkit-slider-thumb{block-size:var(--ui-_thumb-size);inline-size:var(--ui-_thumb-size);margin-block-start:calc((var(--ui-_track-height) - var(--ui-_thumb-size))/2);background:var(--ui-_thumb-bg);border:var(--ui-_thumb-border-width) solid var(--ui-_thumb-border-color);border-radius:var(--ui-_thumb-radius);box-shadow:var(--ui-_thumb-shadow);appearance:none;transition:box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),transform var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-slider::-moz-range-thumb{block-size:var(--ui-_thumb-size);inline-size:var(--ui-_thumb-size);background:var(--ui-_thumb-bg);border:var(--ui-_thumb-border-width) solid var(--ui-_thumb-border-color);border-radius:var(--ui-_thumb-radius);box-shadow:var(--ui-_thumb-shadow);transition:box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),transform var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-slider:focus-visible{outline:var(--ui-border-width-md, 0.125rem) solid rgba(0,0,0,0)}.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-_focus-ring)}.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-_focus-ring)}.ui-slider:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}.ui-slider:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.1)}.ui-slider:disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}}
114
- @layer components.tokens{.ui-textarea{--ui-_min-height: var(--ui-textarea-min-height, calc(1rem * 4));--ui-_padding-x: var(--ui-textarea-padding-x, var(--ui-space-1, 0.5rem));--ui-_padding-y: var(--ui-textarea-padding-y, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-textarea-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-textarea-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-textarea-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-textarea-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-textarea-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-textarea-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-textarea-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.ui-textarea--sm{--ui-_min-height: var(--ui-textarea-min-height-sm, calc(1rem * 3));--ui-_font-size: var(--ui-textarea-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-textarea--lg{--ui-_min-height: var(--ui-textarea-min-height-lg, calc(1rem * 6));--ui-_padding-x: var(--ui-textarea-padding-x-lg, var(--ui-space-2, 1rem));--ui-_padding-y: var(--ui-textarea-padding-y-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-textarea-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-textarea--filled{--ui-_bg: var(--ui-textarea-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_border-color: transparent}.ui-textarea--ghost{--ui-_bg: transparent;--ui-_border-color: transparent}.ui-textarea--error{--ui-_border-color: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-textarea--success{--ui-_border-color: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
115
- @layer components.styles{.ui-textarea{display:block;box-sizing:border-box;inline-size:100%;min-block-size:var(--ui-_min-height);padding-block:var(--ui-_padding-y);padding-inline:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:var(--ui-row-1, 1rem);color:var(--ui-_color);background:var(--ui-_bg);border:none;border-radius:var(--ui-_radius);outline:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);transition:border-color var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),box-shadow var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease);outline-offset:calc(var(--ui-border-width-sm, 0.0625rem)*-1);resize:vertical}.ui-textarea::placeholder{color:var(--ui-_placeholder)}.ui-textarea:hover:not(:disabled,:focus-visible){outline-color:var(--ui-color-border-strong, hsl(220, 10%, 80%))}.ui-textarea:focus-visible,.ui-textarea--focus{outline-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-border-width-md, 0.125rem) var(--ui-color-focus, oklch(75% 0.15 250deg))}.ui-textarea:disabled,.ui-textarea--disabled{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed;resize:none}.ui-textarea:read-only{background:var(--ui-color-bg-subtle, hsl(220, 10%, 96%));resize:none}.ui-textarea--resize-none{resize:none}.ui-textarea--resize-horizontal{resize:horizontal}.ui-textarea--resize-both{resize:both}}
116
- @layer components.tokens{.ui-toggle{--ui-_track-width: var(--ui-toggle-track-width, calc(0.5rem * 5));--ui-_track-height: var(--ui-toggle-track-height, calc(0.5rem * 3));--ui-_track-bg: var(--ui-toggle-track-bg, var(--ui-color-bg-subtle, rgb(0 0 0 / 0.1)));--ui-_track-bg-checked: var(--ui-toggle-track-bg-checked, var(--ui-color-primary));--ui-_track-radius: var(--ui-toggle-track-radius, calc(0.5rem * 1.5));--ui-_thumb-size: var(--ui-toggle-thumb-size, calc(0.5rem * 2.5));--ui-_thumb-bg: var(--ui-toggle-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_thumb-offset: var(--ui-toggle-thumb-offset, calc(0.5rem / 4))}.ui-toggle--sm{--ui-_track-width: calc(0.5rem * 4);--ui-_track-height: calc(0.5rem * 2);--ui-_track-radius: 0.5rem;--ui-_thumb-size: calc(0.5rem * 1.5)}.ui-toggle--lg{--ui-_track-width: calc(0.5rem * 6);--ui-_track-height: calc(0.5rem * 4);--ui-_track-radius: calc(0.5rem * 2);--ui-_thumb-size: calc(0.5rem * 3.5)}}
117
- @layer components.styles{.ui-toggle{display:inline-flex;flex-shrink:0;align-items:center;position:relative;block-size:var(--ui-_track-height);inline-size:var(--ui-_track-width);background:var(--ui-_track-bg);border-radius:var(--ui-_track-radius);cursor:pointer;transition:background var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}.ui-toggle__input{position:absolute;inset:0;block-size:100%;inline-size:100%;margin:0;opacity:0;cursor:pointer}.ui-toggle__track{position:absolute;inset:0;background:var(--ui-_track-bg);border-radius:var(--ui-_track-radius);transition:background var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}.ui-toggle__thumb{position:absolute;inset-block-start:var(--ui-_thumb-offset);inset-inline-start:var(--ui-_thumb-offset);block-size:var(--ui-_thumb-size);inline-size:var(--ui-_thumb-size);background:var(--ui-_thumb-bg);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}.ui-toggle__input:checked~.ui-toggle__track{background:var(--ui-_track-bg-checked)}.ui-toggle__input:checked~.ui-toggle__thumb{transform:translateX(calc(var(--ui-_track-width) - var(--ui-_thumb-size) - var(--ui-_thumb-offset) * 2))}.ui-toggle__input:focus-visible~.ui-toggle__track{outline:2px solid var(--ui-color-focus, var(--ui-color-primary));outline-offset:calc(0.5rem/4)}.ui-toggle__input:disabled~.ui-toggle__track,.ui-toggle__input:disabled~.ui-toggle__thumb{opacity:var(--ui-opacity-disabled, 0.5);cursor:not-allowed}.ui-toggle:has(.ui-toggle__input:disabled){cursor:not-allowed}}
118
- @layer components.tokens{.ui-breadcrumb{--ui-_height: var(--ui-breadcrumb-height, var(--ui-row-1, 1rem));--ui-_gap: var(--ui-breadcrumb-gap, calc(0.5rem * 1));--ui-_separator-color: var(--ui-breadcrumb-separator-color, var(--ui-color-text-muted));--ui-_link-color: var(--ui-breadcrumb-link-color, var(--ui-color-text-muted));--ui-_current-color: var(--ui-breadcrumb-current-color, var(--ui-color-text))}}
119
- @layer components.styles{.ui-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-_gap);block-size:var(--ui-_height);padding:0;margin:0;font-size:var(--ui-font-size-sm, 0.875rem);line-height:1;list-style:none}.ui-breadcrumb__item{display:flex;align-items:center;gap:var(--ui-_gap);block-size:var(--ui-_height)}.ui-breadcrumb__item:not(:last-child)::after{content:var(--ui-breadcrumb-separator, "/");color:var(--ui-_separator-color)}.ui-breadcrumb__link{text-decoration:none;color:var(--ui-_link-color);transition:color var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}.ui-breadcrumb__link:hover{text-decoration:underline;color:var(--ui-color-primary)}.ui-breadcrumb__item:last-child .ui-breadcrumb__link,.ui-breadcrumb__current{color:var(--ui-_current-color);pointer-events:none}.ui-breadcrumb__item--hidden{display:none}.ui-breadcrumb__ellipsis{color:var(--ui-_separator-color)}}
120
- @layer components.tokens{.ui-dropdown-menu{--ui-_z: var(--ui-dropdown-menu-z, 200);--ui-_panel-offset: var(--ui-dropdown-menu-panel-offset, var(--ui-space-1, 0.5rem));--ui-_panel-min-width: var(--ui-dropdown-menu-panel-min-width, auto)}}
121
- @layer components.styles{.ui-dropdown-menu{display:inline-block;position:relative}.ui-dropdown-menu__trigger{display:inline-flex;align-items:center;gap:var(--ui-space-0, 0.25rem)}.ui-dropdown-menu__trigger-icon{display:inline-flex;font-size:.6em;transition:transform var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-dropdown-menu--open .ui-dropdown-menu__trigger-icon{transform:rotate(180deg)}.ui-dropdown-menu__panel{position:absolute;inset-block-start:calc(100% + var(--ui-_panel-offset));inset-inline-start:0;z-index:var(--ui-_z);min-inline-size:var(--ui-_panel-min-width);opacity:0;pointer-events:none;transform:translateY(calc(0.5rem * -1));transition:opacity var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease),transform var(--ui-duration-fast, 150ms) var(--ui-ease-default, ease)}.ui-dropdown-menu--open .ui-dropdown-menu__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.ui-dropdown-menu--top .ui-dropdown-menu__panel{inset-block-start:auto;inset-block-end:calc(100% + var(--ui-_panel-offset));transform:translateY(0.5rem)}.ui-dropdown-menu--top.ui-dropdown-menu--open .ui-dropdown-menu__panel{transform:translateY(0)}.ui-dropdown-menu--align-end .ui-dropdown-menu__panel{inset-inline-start:auto;inset-inline-end:0}.ui-dropdown-menu--full-width .ui-dropdown-menu__panel{min-inline-size:100%}}
122
- @layer components.tokens{.ui-menu{--ui-_min-width: var(--ui-menu-min-width, calc(0.5rem * 16));--ui-_max-height: var(--ui-menu-max-height, calc(0.5rem * 40));--ui-_padding: var(--ui-menu-padding, calc(0.5rem * 1));--ui-_radius: var(--ui-menu-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-menu-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-menu-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_shadow: var(--ui-menu-shadow, var(--ui-shadow-lg));--ui-_item-padding: var(--ui-menu-item-padding, calc(0.5rem * 1) calc(0.5rem * 2));--ui-_item-radius: var(--ui-menu-item-radius, var(--ui-radius-sm, 0.25rem));--ui-_item-bg-hover: var(--ui-menu-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}
123
- @layer components.styles{.ui-menu{min-inline-size:var(--ui-_min-width);max-block-size:var(--ui-_max-height);padding:var(--ui-_padding);overflow-y:auto;background:var(--ui-_bg);border-radius:var(--ui-_radius);outline:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);box-shadow:var(--ui-_shadow);outline-offset:calc(var(--ui-border-width-sm, 0.0625rem)*-1)}.ui-menu__group{padding:0;margin:0;list-style:none}.ui-menu__label{padding:var(--ui-_item-padding);font-size:var(--ui-font-size-xs, 0.75rem);font-weight:var(--ui-weight-medium, 500);line-height:var(--ui-row-1, 1rem);letter-spacing:.05em;text-transform:uppercase;color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}.ui-menu__item{display:flex;align-items:center;gap:calc(0.5rem*1);padding:var(--ui-_item-padding);font-size:var(--ui-font-size-sm, 0.875rem);line-height:var(--ui-row-1, 1rem);text-decoration:none;color:var(--ui-color-text, hsl(220, 10%, 10%));background:rgba(0,0,0,0);border:none;border-radius:var(--ui-_item-radius);cursor:pointer;transition:background var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}.ui-menu__item:hover,.ui-menu__item:focus-visible{background:var(--ui-_item-bg-hover);outline:none}.ui-menu__item--danger{color:var(--ui-color-danger, oklch(60% 0.22 25deg))}.ui-menu__item--danger:hover,.ui-menu__item--danger:focus-visible{color:var(--ui-color-danger, oklch(60% 0.22 25deg))}.ui-menu__item--disabled,.ui-menu__item[aria-disabled=true]{opacity:var(--ui-opacity-disabled, 0.5);pointer-events:none}.ui-menu__item-icon{flex-shrink:0;block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}.ui-menu__item-shortcut{margin-inline-start:auto;font-size:var(--ui-font-size-xs, 0.75rem);color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}.ui-menu__separator{display:flex;align-items:center;block-size:calc(0.5rem*2);margin:0}.ui-menu__separator::before{content:"";flex:1;block-size:var(--ui-border-width-sm, 1px);background:var(--ui-color-border, hsl(220, 10%, 90%))}.ui-menu__item--check,.ui-menu__item--radio{position:relative;padding-inline-start:calc(0.5rem*4)}.ui-menu__item-indicator{display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-start:calc(0.5rem*1);block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}}
124
- @layer components.tokens{.ui-nav{--ui-_gap: var(--ui-nav-gap, var(--ui-space-1, 0.5rem));--ui-_item-height: var(--ui-nav-item-height, var(--ui-row-2, 2rem));--ui-_item-padding-x: var(--ui-nav-item-padding-x, var(--ui-space-2, 1rem));--ui-_item-font-size: var(--ui-nav-item-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_item-font-weight: var(--ui-nav-item-font-weight, var(--ui-weight-medium, 500));--ui-_item-color: var(--ui-nav-item-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_item-color-hover: var(--ui-nav-item-color-hover, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_item-radius: var(--ui-nav-item-radius, var(--ui-radius-sm, 0.25rem));--ui-_border-color: var(--ui-nav-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.ui-nav--pills{--ui-_item-bg-hover: var(--ui-nav-item-bg-hover, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_item-bg-active: var(--ui-nav-item-bg-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}
125
- @layer components.styles{.ui-nav__list{display:flex;align-items:stretch;gap:var(--ui-_gap);box-sizing:border-box;block-size:var(--ui-_item-height);padding:0;margin:0;list-style:none;box-shadow:inset 0 calc(var(--ui-border-width-sm, 0.0625rem)*-1) 0 var(--ui-_border-color)}.ui-nav__item{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--ui-_item-height);padding-inline:var(--ui-_item-padding-x);font-family:var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:var(--ui-_item-font-size);font-weight:var(--ui-_item-font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--ui-_item-color);background:rgba(0,0,0,0);border:none;box-shadow:inset 0 calc(var(--ui-border-width-md, 0.125rem)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--ui-duration-base) var(--ui-ease-default),background var(--ui-duration-base) var(--ui-ease-default),box-shadow var(--ui-duration-base) var(--ui-ease-default)}.ui-nav__item:hover{color:var(--ui-_item-color-hover)}.ui-nav__item--active{color:var(--ui-_item-color-active);box-shadow:inset 0 calc(var(--ui-border-width-md, 0.125rem)*-1) 0 var(--ui-_item-color-active)}.ui-nav__item--disabled{opacity:var(--ui-opacity-disabled, 0.5);pointer-events:none}.ui-nav--pills .ui-nav__list{box-shadow:none}.ui-nav--pills .ui-nav__item{border-radius:var(--ui-_item-radius);box-shadow:none}.ui-nav--pills .ui-nav__item:hover{background:var(--ui-_item-bg-hover)}.ui-nav--pills .ui-nav__item--active{color:var(--ui-_item-color-active);background:var(--ui-_item-bg-active)}.ui-nav--vertical .ui-nav__list{flex-direction:column;align-items:stretch;block-size:auto;box-shadow:inset calc(var(--ui-border-width-sm, 0.0625rem)*-1) 0 0 var(--ui-_border-color)}.ui-nav--vertical .ui-nav__item{box-shadow:inset calc(var(--ui-border-width-md, 0.125rem)*-1) 0 0 rgba(0,0,0,0)}.ui-nav--vertical .ui-nav__item--active{box-shadow:inset calc(var(--ui-border-width-md, 0.125rem)*-1) 0 0 var(--ui-_item-color-active)}.ui-nav--vertical.ui-nav--pills .ui-nav__list{box-shadow:none}.ui-nav--vertical.ui-nav--pills .ui-nav__item{box-shadow:none}}
126
- @layer components.tokens{.ui-pagination{--ui-_gap: var(--ui-pagination-gap, calc(0.5rem * 0.5));--ui-_item-size: var(--ui-pagination-item-size, calc(0.5rem * 4));--ui-_item-radius: var(--ui-pagination-item-radius, var(--ui-radius-sm, 0.25rem));--ui-_item-bg: var(--ui-pagination-item-bg, transparent);--ui-_item-bg-hover: var(--ui-pagination-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_item-bg-active: var(--ui-pagination-item-bg-active, var(--ui-color-primary));--ui-_item-color: var(--ui-pagination-item-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_item-color-active: var(--ui-pagination-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}
127
- @layer components.styles{.ui-pagination{display:flex;align-items:center;gap:var(--ui-_gap)}.ui-pagination__list{display:flex;align-items:center;gap:var(--ui-_gap);padding:0;margin:0;list-style:none}.ui-pagination__item{display:flex}.ui-pagination__link{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ui-_item-size);min-inline-size:var(--ui-_item-size);padding-inline:calc(0.5rem*1);font-size:var(--ui-font-size-sm, 0.875rem);text-decoration:none;color:var(--ui-_item-color);background:var(--ui-_item-bg);border-radius:var(--ui-_item-radius);transition:background var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease),color var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}.ui-pagination__link:hover{background:var(--ui-_item-bg-hover)}.ui-pagination__link[aria-current=page],.ui-pagination__link--active{color:var(--ui-_item-color-active);background:var(--ui-_item-bg-active);pointer-events:none}.ui-pagination__link[aria-disabled=true],.ui-pagination__link--disabled{opacity:var(--ui-opacity-disabled, 0.5);pointer-events:none}.ui-pagination__prev,.ui-pagination__next{display:inline-flex;align-items:center;gap:calc(0.5rem*.5);padding-inline:calc(0.5rem*1.5)}.ui-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ui-_item-size);min-inline-size:var(--ui-_item-size);color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}.ui-pagination--sm{--ui-_item-size: calc(0.5rem * 3);--ui-_gap: calc(0.5rem * 0.25)}.ui-pagination--lg{--ui-_item-size: calc(0.5rem * 5);--ui-_gap: calc(0.5rem * 0.75)}}
128
- @layer components.tokens{.ui-tabs{--ui-_border-color: var(--ui-tabs-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_tab-height: var(--ui-tabs-tab-height, var(--ui-row-2, 2rem));--ui-_tab-padding-x: var(--ui-tabs-tab-padding-x, var(--ui-space-2, 1rem));--ui-_tab-padding-y: var(--ui-tabs-tab-padding-y, var(--ui-space-1, 0.5rem));--ui-_tab-font-size: var(--ui-tabs-tab-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_tab-bg: var(--ui-tabs-tab-bg, transparent);--ui-_tab-bg-active: var(--ui-tabs-tab-bg-active, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_panel-padding: var(--ui-tabs-panel-padding, var(--ui-space-3, 1.5rem))}.ui-tabs--sm{--ui-_tab-height: var(--ui-tabs-tab-height-sm, var(--ui-row-1, 1rem));--ui-_tab-padding-x: var(--ui-tabs-tab-padding-x-sm, var(--ui-space-1, 0.5rem));--ui-_tab-font-size: var(--ui-tabs-tab-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-tabs--lg{--ui-_tab-height: var(--ui-tabs-tab-height-lg, calc(1rem * 2.5));--ui-_tab-padding-x: var(--ui-tabs-tab-padding-x-lg, var(--ui-space-3, 1.5rem));--ui-_tab-font-size: var(--ui-tabs-tab-font-size-lg, var(--ui-font-size-md, 1rem))}}
129
- @layer components.styles{.ui-tabs__list{display:flex;align-items:stretch;gap:var(--ui-space-1, 0.5rem);box-sizing:border-box;block-size:var(--ui-_tab-height);box-shadow:inset 0 calc(var(--ui-border-width-sm, 0.0625rem)*-1) 0 var(--ui-_border-color)}.ui-tabs__tab{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--ui-_tab-height);padding-inline:var(--ui-_tab-padding-x);margin:0;font-family:var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:var(--ui-_tab-font-size);font-weight:var(--ui-weight-medium, 500);line-height:1;color:var(--ui-color-text-muted, hsl(220, 10%, 45%));background:var(--ui-_tab-bg);border:none;box-shadow:inset 0 calc(var(--ui-border-width-md, 0.125rem)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--ui-duration-base) var(--ui-ease-default),box-shadow var(--ui-duration-base) var(--ui-ease-default)}.ui-tabs__tab:hover{color:var(--ui-color-text, hsl(220, 10%, 10%))}.ui-tabs__tab--active{color:var(--ui-color-primary, oklch(55% 0.22 250deg));background:var(--ui-_tab-bg-active);box-shadow:inset 0 calc(var(--ui-border-width-md, 0.125rem)*-1) 0 var(--ui-color-primary, oklch(55% 0.22 250deg))}.ui-tabs__panel{display:none;padding:var(--ui-_panel-padding);line-height:var(--ui-row-1, 1rem)}.ui-tabs__panel--active{display:block}.ui-tabs--vertical{display:flex}.ui-tabs--vertical>.ui-tabs__list{flex-direction:column;block-size:auto;inline-size:auto;box-shadow:inset calc(var(--ui-border-width-sm, 0.0625rem)*-1) 0 0 var(--ui-_border-color)}.ui-tabs--vertical>.ui-tabs__list>.ui-tabs__tab{block-size:var(--ui-_tab-height);box-shadow:inset calc(var(--ui-border-width-md, 0.125rem)*-1) 0 0 rgba(0,0,0,0)}.ui-tabs--vertical>.ui-tabs__list>.ui-tabs__tab--active{box-shadow:inset calc(var(--ui-border-width-md, 0.125rem)*-1) 0 0 var(--ui-color-primary, oklch(55% 0.22 250deg))}.ui-tabs--vertical>.ui-tabs__panel{flex:1}}
130
- @layer components.tokens{.ui-dialog{--ui-_header-padding: var(--ui-dialog-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_body-padding: var(--ui-dialog-body-padding, calc(0.5rem * 3));--ui-_footer-padding: var(--ui-dialog-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_border-color: var(--ui-dialog-border-color, var(--ui-color-border, rgb(0 0 0 / 0.1)))}}
131
- @layer components.styles{.ui-dialog .ui-modal__content{padding:0}.ui-dialog__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--ui-_header-padding);border-block-end:1px solid var(--ui-_border-color)}.ui-dialog__title{margin:0;font-size:var(--ui-font-size-lg, 1.25rem);font-weight:var(--ui-weight-semibold, 600);line-height:calc(0.5rem*3)}.ui-dialog__close{flex-shrink:0;margin-inline-start:auto}.ui-dialog__body{flex:1 1 auto;padding:var(--ui-_body-padding);overflow-y:auto}.ui-dialog__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*1.5);padding:var(--ui-_footer-padding);border-block-start:1px solid var(--ui-_border-color)}.ui-dialog--borderless .ui-dialog__header{border-block-end:none}.ui-dialog--borderless .ui-dialog__footer{border-block-start:none}}
132
- @layer components.tokens{.ui-drawer{--ui-_size: var(--ui-drawer-size, calc(0.5rem * 40));--ui-_max-size: var(--ui-drawer-max-size, 90%);--ui-_bg: var(--ui-drawer-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_shadow: var(--ui-drawer-shadow, var(--ui-shadow-lg));--ui-_header-padding: var(--ui-drawer-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_body-padding: var(--ui-drawer-body-padding, calc(0.5rem * 3));--ui-_footer-padding: var(--ui-drawer-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_border-color: var(--ui-drawer-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.ui-drawer--sm{--ui-_size: calc(0.5rem * 30)}.ui-drawer--lg{--ui-_size: calc(0.5rem * 50)}.ui-drawer--full{--ui-_size: 100%;--ui-_max-size: 100%}}
133
- @layer components.styles{.ui-drawer-overlay{position:fixed;inset:0;z-index:var(--ui-z-drawer, 900);background:var(--ui-overlay-bg, rgba(0, 0, 0, 0.5))}.ui-drawer-overlay[data-state=open]{animation:drawer-overlay-in var(--ui-duration-normal, 200ms) var(--ui-ease-out, ease-out)}.ui-drawer-overlay[data-state=closed]{animation:drawer-overlay-out var(--ui-duration-fast, 100ms) var(--ui-ease-in, ease-in)}@keyframes drawer-overlay-in{from{opacity:0}}@keyframes drawer-overlay-out{to{opacity:0}}.ui-drawer{display:flex;flex-direction:column;position:fixed;z-index:var(--ui-z-drawer, 900);background:var(--ui-_bg);box-shadow:var(--ui-_shadow)}.ui-drawer--end{inset-block:0;inset-inline-end:0;inline-size:var(--ui-_size);max-inline-size:var(--ui-_max-size);box-shadow:calc(var(--ui-border-width-sm, 1px)*-1) 0 0 var(--ui-_border-color)}.ui-drawer--start{inset-block:0;inset-inline-start:0;inline-size:var(--ui-_size);max-inline-size:var(--ui-_max-size);box-shadow:var(--ui-border-width-sm, 1px) 0 0 var(--ui-_border-color)}.ui-drawer--top{inset-block-start:0;inset-inline:0;block-size:var(--ui-_size);max-block-size:var(--ui-_max-size);box-shadow:0 var(--ui-border-width-sm, 1px) 0 var(--ui-_border-color)}.ui-drawer--bottom{inset-block-end:0;inset-inline:0;block-size:var(--ui-_size);max-block-size:var(--ui-_max-size);box-shadow:0 calc(var(--ui-border-width-sm, 1px)*-1) 0 var(--ui-_border-color)}.ui-drawer--end[data-state=open]{animation:drawer-slide-in-end var(--ui-duration-normal, 200ms) var(--ui-ease-out, ease-out)}.ui-drawer--end[data-state=closed]{animation:drawer-slide-out-end var(--ui-duration-fast, 100ms) var(--ui-ease-in, ease-in)}.ui-drawer--start[data-state=open]{animation:drawer-slide-in-start var(--ui-duration-normal, 200ms) var(--ui-ease-out, ease-out)}.ui-drawer--start[data-state=closed]{animation:drawer-slide-out-start var(--ui-duration-fast, 100ms) var(--ui-ease-in, ease-in)}.ui-drawer--top[data-state=open]{animation:drawer-slide-in-top var(--ui-duration-normal, 200ms) var(--ui-ease-out, ease-out)}.ui-drawer--top[data-state=closed]{animation:drawer-slide-out-top var(--ui-duration-fast, 100ms) var(--ui-ease-in, ease-in)}.ui-drawer--bottom[data-state=open]{animation:drawer-slide-in-bottom var(--ui-duration-normal, 200ms) var(--ui-ease-out, ease-out)}.ui-drawer--bottom[data-state=closed]{animation:drawer-slide-out-bottom var(--ui-duration-fast, 100ms) var(--ui-ease-in, ease-in)}@keyframes drawer-slide-in-end{from{transform:translateX(100%)}}@keyframes drawer-slide-out-end{to{transform:translateX(100%)}}@keyframes drawer-slide-in-start{from{transform:translateX(-100%)}}@keyframes drawer-slide-out-start{to{transform:translateX(-100%)}}@keyframes drawer-slide-in-top{from{transform:translateY(-100%)}}@keyframes drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes drawer-slide-in-bottom{from{transform:translateY(100%)}}@keyframes drawer-slide-out-bottom{to{transform:translateY(100%)}}.ui-drawer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--ui-_header-padding);box-shadow:inset 0 calc(var(--ui-border-width-sm, 1px)*-1) 0 var(--ui-_border-color)}.ui-drawer__title{margin:0;font-size:var(--ui-font-size-lg, 1.25rem);font-weight:var(--ui-weight-semibold, 600);line-height:var(--ui-row-1, 1rem)}.ui-drawer__description{margin:0;font-size:var(--ui-font-size-sm, 0.875rem);line-height:var(--ui-row-1, 1rem);color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}.ui-drawer__close{flex-shrink:0;margin-inline-start:auto}.ui-drawer__body{flex:1 1 auto;padding:var(--ui-_body-padding);overflow-y:auto;line-height:var(--ui-row-1, 1rem)}.ui-drawer__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*2);padding:var(--ui-_footer-padding);box-shadow:inset 0 var(--ui-border-width-sm, 1px) 0 var(--ui-_border-color)}@media(prefers-reduced-motion: reduce){.ui-drawer-overlay[data-state],.ui-drawer[data-state]{animation:none}}}
134
- @layer components.tokens{.ui-modal{--ui-_bg: var(--ui-modal-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_radius: var(--ui-modal-radius, var(--ui-radius-lg, calc(0.5rem * 1.5)));--ui-_shadow: var(--ui-modal-shadow, 0 calc(0.5rem * 3) calc(0.5rem * 6) rgb(0 0 0 / 0.25));--ui-_padding: var(--ui-modal-padding, calc(0.5rem * 3));--ui-_max-width: var(--ui-modal-max-width, calc(0.5rem * 60));--ui-_max-height: var(--ui-modal-max-height, calc(100vh - 0.5rem * 8));--ui-_z: var(--ui-modal-z, var(--ui-z-modal, 400))}.ui-modal--sm{--ui-_max-width: var(--ui-modal-max-width-sm, calc(0.5rem * 40))}.ui-modal--lg{--ui-_max-width: var(--ui-modal-max-width-lg, calc(0.5rem * 80))}.ui-modal--full{--ui-_max-width: calc(100vw - 0.5rem * 4);--ui-_max-height: calc(100vh - 0.5rem * 4);--ui-_radius: 0}}
135
- @layer components.styles{.ui-modal{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--ui-_z);padding:calc(0.5rem*2)}.ui-modal__content{display:flex;flex-direction:column;position:relative;inline-size:100%;max-block-size:var(--ui-_max-height);max-inline-size:var(--ui-_max-width);padding:var(--ui-_padding);overflow:hidden;background:var(--ui-_bg);border-radius:var(--ui-_radius);box-shadow:var(--ui-_shadow)}.ui-modal__body{flex:1 1 auto;overflow-y:auto}.ui-modal--entering .ui-modal__content,.ui-modal--visible .ui-modal__content{opacity:1;transform:scale(1)}.ui-modal--exiting .ui-modal__content,.ui-modal--hidden .ui-modal__content{opacity:0;transform:scale(0.95)}.ui-modal--animate .ui-modal__content{transition:opacity var(--ui-duration-normal, 200ms) var(--ui-ease-default, ease),transform var(--ui-duration-normal, 200ms) var(--ui-ease-default, ease)}.ui-modal--hidden{visibility:hidden;pointer-events:none}}
136
- @layer components.tokens{.ui-overlay{--ui-_bg: var(--ui-overlay-bg, rgb(0 0 0 / 0.5));--ui-_z: var(--ui-overlay-z, var(--ui-z-overlay, 300))}.ui-overlay--light{--ui-_bg: var(--ui-overlay-bg-light, rgb(255 255 255 / 0.7))}.ui-overlay--blur{--ui-_bg: var(--ui-overlay-bg-blur, rgb(0 0 0 / 0.3))}}
137
- @layer components.styles{.ui-overlay{position:fixed;inset:0;z-index:var(--ui-_z);background:var(--ui-_bg)}.ui-overlay--blur{backdrop-filter:blur(calc(0.5rem * 0.5))}.ui-overlay--entering,.ui-overlay--visible{opacity:1}.ui-overlay--exiting,.ui-overlay--hidden{opacity:0;pointer-events:none}.ui-overlay--animate{transition:opacity var(--ui-duration-normal, 200ms) var(--ui-ease-default, ease)}}
138
- @layer components.tokens{.ui-popover{--ui-_bg: var(--ui-popover-bg, var(--ui-color-bg, white));--ui-_border-color: var(--ui-popover-border-color, var(--ui-color-border, rgb(0 0 0 / 0.1)));--ui-_radius: var(--ui-popover-radius, var(--ui-radius-md, calc(0.5rem * 1)));--ui-_shadow: var(--ui-popover-shadow, 0 calc(0.5rem / 2) calc(0.5rem * 2) rgb(0 0 0 / 0.15));--ui-_padding: var(--ui-popover-padding, calc(0.5rem * 2));--ui-_max-width: var(--ui-popover-max-width, calc(0.5rem * 40));--ui-_z: var(--ui-popover-z, var(--ui-z-popover, 500));--ui-_arrow-size: var(--ui-popover-arrow-size, calc(0.5rem))}}
139
- @layer components.styles{.ui-popover{position:absolute;z-index:var(--ui-_z);max-inline-size:var(--ui-_max-width);padding:var(--ui-_padding);line-height:var(--ui-row-1, 1rem);background:var(--ui-_bg);border-radius:var(--ui-_radius);outline:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);box-shadow:var(--ui-_shadow);outline-offset:calc(var(--ui-border-width-sm, 0.0625rem)*-1)}.ui-popover__header{padding-block-end:calc(0.5rem*2);margin-block-end:calc(0.5rem*2);box-shadow:inset 0 calc(var(--ui-border-width-sm, 1px)*-1) 0 var(--ui-_border-color)}.ui-popover__title{margin:0;font-size:var(--ui-font-size-md, 1rem);font-weight:var(--ui-weight-semibold, 600)}.ui-popover--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--ui-_bg);transform:translateX(-50%)}.ui-popover--top::before{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:calc(var(--ui-_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-start-color:var(--ui-_border-color);transform:translateX(-50%)}.ui-popover--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--ui-_bg);transform:translateX(-50%)}.ui-popover--bottom::before{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:calc(var(--ui-_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-end-color:var(--ui-_border-color);transform:translateX(-50%)}.ui-popover--visible{opacity:1}.ui-popover--hidden{opacity:0;pointer-events:none}.ui-popover--animate{transition:opacity var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}}
140
- @layer components.tokens{.ui-tooltip{--ui-_bg: var(--ui-tooltip-bg, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_color: var(--ui-tooltip-color, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_radius: var(--ui-tooltip-radius, var(--ui-radius-sm, calc(0.5rem / 2)));--ui-_padding-x: var(--ui-tooltip-padding-x, calc(0.5rem * 1));--ui-_padding-y: var(--ui-tooltip-padding-y, calc(0.5rem / 2));--ui-_font-size: var(--ui-tooltip-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_z: var(--ui-tooltip-z, var(--ui-z-tooltip, 500));--ui-_arrow-size: var(--ui-tooltip-arrow-size, calc(0.5rem / 2))}}
141
- @layer components.styles{.ui-tooltip{position:absolute;z-index:var(--ui-_z);max-inline-size:calc(0.5rem*25);padding:var(--ui-_padding-y) var(--ui-_padding-x);font-size:var(--ui-_font-size);line-height:calc(0.5rem*2);text-align:center;white-space:nowrap;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-tooltip--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--ui-_bg);transform:translateX(-50%)}.ui-tooltip--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--ui-_bg);transform:translateX(-50%)}.ui-tooltip--start::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:100%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-inline-start-color:var(--ui-_bg);transform:translateY(-50%)}.ui-tooltip--end::after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:100%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-inline-end-color:var(--ui-_bg);transform:translateY(-50%)}.ui-tooltip--visible{opacity:1}.ui-tooltip--hidden{opacity:0;pointer-events:none}.ui-tooltip--animate{transition:opacity var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease)}}
142
- @layer components.tokens{.ui-blockquote{--ui-_border-color: var(--ui-blockquote-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-width: var(--ui-blockquote-border-width, var(--ui-border-width-lg, 0.25rem));--ui-_padding-inline: var(--ui-blockquote-padding-inline, var(--ui-space-3, 1.5rem));--ui-_color: var(--ui-blockquote-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_font-size: var(--ui-blockquote-font-size, var(--ui-font-size-lg, 1.25rem));--ui-_line-height: var(--ui-blockquote-line-height, var(--ui-leading-lg, 2rem))}.ui-blockquote--accent{--ui-_border-color: var(--ui-color-primary, oklch(55% 0.22 250deg))}}
143
- @layer components.styles{.ui-blockquote{padding-inline-start:var(--ui-_padding-inline);margin:0;font-size:var(--ui-_font-size);font-style:italic;line-height:var(--ui-_line-height);color:var(--ui-_color);border-inline-start:var(--ui-_border-width) solid var(--ui-_border-color)}.ui-blockquote__cite{display:block;margin-block-start:var(--ui-space-1, 0.5rem);font-size:var(--ui-font-size-sm, 0.875rem);font-style:normal;line-height:var(--ui-leading-sm, 1.5rem);color:var(--ui-color-text-muted, hsl(220, 10%, 45%))}}
144
- @layer components.tokens{.ui-code{--ui-_font-size: var(--ui-code-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_bg: var(--ui-code-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_padding-x: var(--ui-code-padding-x, var(--ui-space-1, 0.5rem));--ui-_padding-y: var(--ui-code-padding-y, var(--ui-space-0, 0.25rem));--ui-_radius: var(--ui-code-radius, var(--ui-radius-sm, 0.25rem))}.ui-code--sm{--ui-_font-size: var(--ui-font-size-xs, 0.75rem)}.ui-code-block{--ui-_font-size: var(--ui-code-font-size-block, var(--ui-font-size-sm, 0.875rem));--ui-_bg: var(--ui-code-bg-block, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_padding: var(--ui-code-padding-block, var(--ui-space-3, 1.5rem));--ui-_radius: var(--ui-code-radius-block, var(--ui-radius-md, 0.5rem));--ui-_border-color: var(--ui-code-border-color-block, var(--ui-color-border, hsl(220, 10%, 90%)))}}
145
- @layer components.styles{.ui-code{padding:var(--ui-_padding-y) var(--ui-_padding-x);font-family:var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);font-size:var(--ui-_font-size);line-height:var(--ui-leading-tight-sm, 1rem);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-code-block{display:block;padding:calc(var(--ui-_padding) - var(--ui-border-width-sm, 0.0625rem));overflow-x:auto;font-family:var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);font-size:var(--ui-_font-size);line-height:var(--ui-leading-tight-sm, 1rem);white-space:pre;background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius)}.ui-code-block code{padding:0;font-size:inherit;background:none}}
146
- @layer components.tokens{.ui-code-block{--ui-_bg: var(--ui-code-block-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_color: var(--ui-code-block-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_border-color: var(--ui-code-block-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_padding: var(--ui-code-block-padding, var(--ui-space-3, 1.5rem));--ui-_font-size: var(--ui-code-block-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_line-height: var(--ui-code-block-line-height, var(--ui-leading-tight-sm, 1rem));--ui-_radius: var(--ui-code-block-radius, var(--ui-radius-md, 0.5rem))}.ui-code-block--compact{--ui-_padding: var(--ui-code-block-padding-compact, var(--ui-space-1, 0.5rem))}.ui-code-block--line-numbers{--ui-_line-number-color: var(--ui-code-block-line-number-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_line-number-border-color: var(--ui-code-block-line-number-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}}
147
- @layer components.styles{.ui-code-block{display:block;padding:calc(var(--ui-_padding) - var(--ui-border-width-sm, 0.0625rem));overflow-x:auto;font-family:var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);font-size:var(--ui-_font-size);line-height:var(--ui-_line-height);white-space:pre;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius)}.ui-code-block__code{padding:0;font:inherit;color:inherit;background:none;border:none}.ui-code-block--line-numbers{counter-reset:line-number;padding-inline-start:0}.ui-code-block--line-numbers .ui-code-block__line{display:block}.ui-code-block--line-numbers .ui-code-block__line-number{display:inline-block;counter-increment:line-number;box-sizing:border-box;min-inline-size:var(--ui-space-4, 2rem);padding-inline-end:var(--ui-space-2, 1rem);margin-inline-end:var(--ui-space-2, 1rem);font-variant-numeric:tabular-nums;text-align:end;color:var(--ui-_line-number-color);border-inline-end:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_line-number-border-color);user-select:none}.ui-code-block--line-numbers .ui-code-block__line-number::before{content:counter(line-number)}}
92
+ @layer components.tokens{.ui-form-error{--ui-_leading-tight-sm: var(--ui-leading-tight-sm, var(--ui-row-1));--ui-_color: var(--ui-form-error-color, var(--ui-color-danger));--ui-_size: var(--ui-form-error-size, var(--ui-font-size-sm, 0.875rem));--ui-_gap: var(--ui-form-error-gap, 0)}}
93
+ @layer components.styles{.ui-form-error{display:flex;align-items:flex-start;gap:var(--ui-_gap);margin-block-start:var(--ui-_gap);font-size:var(--ui-_size);line-height:var(--ui-_leading-tight-sm);color:var(--ui-_color)}.ui-form-error__icon{flex-shrink:0}}
94
+ @layer components.tokens{.ui-form-helper{--ui-_leading-tight-sm: var(--ui-leading-tight-sm, var(--ui-row-1));--ui-_color: var(--ui-form-helper-color, var(--ui-color-text-muted));--ui-_size: var(--ui-form-helper-size, var(--ui-font-size-sm, 0.875rem));--ui-_gap: var(--ui-form-helper-gap, 0)}}
95
+ @layer components.styles{.ui-form-helper{display:block;margin-block-start:var(--ui-_gap);font-size:var(--ui-_size);line-height:var(--ui-_leading-tight-sm);color:var(--ui-_color)}}
96
+ @layer components.tokens{.ui-input{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--ui-_space-half: var(--ui-space-half, 0.25rem);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_height: var(--ui-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-input-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.ui-input--sm{--ui-_height: var(--ui-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-input--lg{--ui-_height: var(--ui-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-input-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-input--filled{--ui-_bg: var(--ui-input-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_border-color: transparent}.ui-input--ghost{--ui-_bg: transparent;--ui-_border-color: transparent}.ui-input--error{--ui-_border-color: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-input--success{--ui-_border-color: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
97
+ @layer components.styles{.ui-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);padding-inline:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-input::placeholder{color:var(--ui-_placeholder)}.ui-input:hover:not(:disabled,:focus-visible){border-color:var(--ui-_color-border-strong)}.ui-input:focus-visible,.ui-input--focus{border-color:var(--ui-_border-color-focus);outline:var(--ui-_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--ui-_border-width-sm);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-input:disabled,.ui-input--disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-input:read-only{background:var(--ui-_color-bg-subtle)}.ui-input--block{inline-size:100%}.ui-input-group{display:inline-flex;align-items:stretch;position:relative}.ui-input-group .ui-input{flex:1}.ui-input-group--has-prefix .ui-input{padding-inline-start:calc(var(--ui-_height) + var(--ui-_space-half))}.ui-input-group--has-suffix .ui-input{padding-inline-end:calc(var(--ui-_height) + var(--ui-_space-half))}.ui-input-group__addon{display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;inline-size:var(--ui-_height, 2rem);color:var(--ui-_color-text-muted);pointer-events:none}.ui-input-group__addon--start{inset-inline-start:0}.ui-input-group__addon--end{inset-inline-end:0}.ui-input-group__addon--interactive{cursor:pointer;pointer-events:auto}}
98
+ @layer components.tokens{.ui-label{--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_leading-tight-sm: var(--ui-leading-tight-sm, var(--ui-row-1));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_weight-normal: var(--ui-weight-normal, 400);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_font-size: var(--ui-label-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_color: var(--ui-label-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_required-color: var(--ui-label-required-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-label--lg{--ui-_font-size: var(--ui-label-font-size-lg, var(--ui-font-size-md, 1rem))}}
99
+ @layer components.styles{.ui-label{display:inline-flex;align-items:baseline;gap:0;font-size:var(--ui-_font-size);font-weight:var(--ui-_weight-medium);line-height:var(--ui-_leading-tight-sm);color:var(--ui-_color);cursor:pointer}.ui-label[aria-disabled=true]{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-label__required{color:var(--ui-_required-color)}.ui-label__optional{font-weight:var(--ui-_weight-normal);color:var(--ui-_color-text-muted)}}
100
+ @layer components.tokens{.ui-number-input{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_size-sm: var(--ui-size-sm, 0.75rem);--ui-_height: var(--ui-number-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-number-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-number-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-number-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-number-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-number-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-number-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_text: var(--ui-number-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_button-color: var(--ui-number-input-button-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_button-bg: var(--ui-number-input-button-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_button-hover-bg: var(--ui-number-input-button-hover-bg, var(--ui-color-border, hsl(220, 10%, 90%)))}.ui-number-input--sm{--ui-_height: var(--ui-number-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-number-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-number-input--lg{--ui-_height: var(--ui-number-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-number-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-number-input-font-size-lg, var(--ui-font-size-md, 1rem))}}
101
+ @layer components.styles{.ui-number-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-number-input:focus-within{border-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-number-input--block{inline-size:100%}.ui-number-input--disabled,.ui-number-input:has(.ui-number-input__field:disabled){opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-number-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0 var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;text-align:center;color:var(--ui-_text);background:rgba(0,0,0,0);border:none;outline:none}.ui-number-input__field::-webkit-outer-spin-button,.ui-number-input__field::-webkit-inner-spin-button{margin:0;appearance:none}.ui-number-input__field[type=number]{appearance:textfield}.ui-number-input__decrement,.ui-number-input__increment{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:100%;inline-size:var(--ui-_height);padding:0;margin:0;color:var(--ui-_button-color);background:var(--ui-_button-bg);border:none;cursor:pointer;transition:background var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-number-input__decrement:hover:not(:disabled),.ui-number-input__increment:hover:not(:disabled){background:var(--ui-_button-hover-bg)}.ui-number-input__decrement:focus-visible,.ui-number-input__increment:focus-visible{outline:2px solid var(--ui-_color-focus);outline-offset:-2px}.ui-number-input__decrement:disabled,.ui-number-input__increment:disabled{cursor:not-allowed}.ui-number-input__decrement svg,.ui-number-input__increment svg{block-size:var(--ui-_size-sm);inline-size:var(--ui-_size-sm);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-number-input__decrement{border-start-start-radius:calc(var(--ui-_radius) - var(--ui-_border-width-sm));border-end-start-radius:calc(var(--ui-_radius) - var(--ui-_border-width-sm));border-inline-end:var(--ui-_border-width-sm) solid var(--ui-_border-color)}.ui-number-input__increment{border-start-end-radius:calc(var(--ui-_radius) - var(--ui-_border-width-sm));border-end-end-radius:calc(var(--ui-_radius) - var(--ui-_border-width-sm));border-inline-start:var(--ui-_border-width-sm) solid var(--ui-_border-color)}}
102
+ @layer components.tokens{.ui-password-input{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_space-half: var(--ui-space-half, 0.25rem);--ui-_radius-sm: var(--ui-radius-sm, 0.25rem);--ui-_size-md: var(--ui-size-md, 1rem);--ui-_height: var(--ui-password-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-password-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-password-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-password-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-password-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-password-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-password-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_text: var(--ui-password-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-password-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_toggle-color: var(--ui-password-input-toggle-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_toggle-hover-bg: var(--ui-password-input-toggle-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.ui-password-input--sm{--ui-_height: var(--ui-password-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-password-input-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-password-input--lg{--ui-_height: var(--ui-password-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-password-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-password-input-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-password-input--error{--ui-_border-color: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-password-input-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-password-input--success{--ui-_border-color: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-password-input-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
103
+ @layer components.styles{.ui-password-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-password-input:focus-within,.ui-password-input--focus{border-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-password-input--block{inline-size:100%}.ui-password-input--disabled,.ui-password-input:has(.ui-password-input__field:disabled){opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-password-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-start:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_text);background:rgba(0,0,0,0);border:none;outline:none}.ui-password-input__field::placeholder{color:var(--ui-_placeholder)}.ui-password-input__toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--ui-_height) - var(--ui-_space-half)*2);inline-size:calc(var(--ui-_height) - var(--ui-_space-half)*2);margin-inline-end:calc(var(--ui-_space-half));color:var(--ui-_toggle-color);background:rgba(0,0,0,0);border:none;border-radius:var(--ui-_radius-sm);cursor:pointer;transition:background var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-password-input__toggle:hover{background:var(--ui-_toggle-hover-bg)}.ui-password-input__toggle:focus-visible{outline:2px solid var(--ui-_color-focus);outline-offset:-2px}.ui-password-input__toggle svg{block-size:var(--ui-_size-md);inline-size:var(--ui-_size-md);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}
104
+ @layer components.tokens{.ui-radio{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_size: var(--ui-radio-size, calc(0.5rem * 2));--ui-_bg: var(--ui-radio-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_bg-checked: var(--ui-radio-bg-checked, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_border-color: var(--ui-radio-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-radio-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_dot-color: var(--ui-radio-dot-color, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}.ui-radio--lg{--ui-_size: var(--ui-radio-size-lg, calc(0.5rem * 3))}.ui-radio--error{--ui-_border-color: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-radio-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-radio--success{--ui-_border-color: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-radio-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
105
+ @layer components.styles{.ui-radio{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--ui-_size);inline-size:var(--ui-_size);margin:0;vertical-align:middle;background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:50%;cursor:pointer;appearance:none;transition:background-color var(--ui-_duration-fast) var(--ui-_ease-default),border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-radio::before{content:"";block-size:50%;inline-size:50%;background-color:var(--ui-_dot-color);border-radius:50%;opacity:0;transform:scale(0);transition:opacity var(--ui-_duration-fast) var(--ui-_ease-default),transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-radio:hover:not(:disabled){border-color:var(--ui-_border-color-focus)}.ui-radio:focus-visible{border-color:var(--ui-_border-color-focus);outline:var(--ui-_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--ui-_border-width-sm);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-radio:checked{background:var(--ui-_bg-checked);border-color:var(--ui-_bg-checked)}.ui-radio:checked::before{opacity:1;transform:scale(1)}.ui-radio:disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}}
106
+ @layer components.tokens{.ui-radio-group{--ui-_leading-tight-sm: var(--ui-leading-tight-sm, var(--ui-row-1, 1rem));--ui-_row-1: var(--ui-row-1, 1rem);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_space-2: var(--ui-space-2, 1rem);--ui-_spacing: var(--ui-radio-group-spacing, var(--ui-space-1, 0.5rem));--ui-_legend-size: var(--ui-radio-group-legend-size, var(--ui-font-size-sm, 0.875rem));--ui-_legend-weight: var(--ui-radio-group-legend-weight, var(--ui-weight-medium, 500));--ui-_legend-color: var(--ui-radio-group-legend-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_legend-spacing: var(--ui-radio-group-legend-spacing, var(--ui-space-1, 0.5rem));--ui-_item-gap: var(--ui-radio-group-item-gap, var(--ui-space-1, 0.5rem))}.ui-radio-group--compact{--ui-_spacing: var(--ui-radio-group-spacing-compact, 0);--ui-_legend-spacing: var(--ui-radio-group-legend-spacing-compact, 0);--ui-_item-gap: var(--ui-radio-group-item-gap-compact, 0)}.ui-radio-group--error{--ui-_legend-color: var(--ui-radio-group-error-color, var(--ui-color-danger, oklch(60% 0.22 25deg)))}}
107
+ @layer components.styles{.ui-radio-group{display:flex;flex-direction:column;gap:var(--ui-_legend-spacing);min-inline-size:0;padding:0;margin:0;border:none}.ui-radio-group__legend{padding:0;font-size:var(--ui-_legend-size);font-weight:var(--ui-_legend-weight);line-height:var(--ui-_leading-tight-sm);color:var(--ui-_legend-color)}.ui-radio-group__items{display:flex;flex-direction:column;gap:var(--ui-_spacing)}.ui-radio-group__item{display:flex;align-items:center;gap:var(--ui-_item-gap);line-height:var(--ui-_row-1);cursor:pointer}.ui-radio-group__item:has(:disabled){opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-radio-group--horizontal>.ui-radio-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--ui-_space-2)}.ui-radio-group:disabled,.ui-radio-group[aria-disabled=true]{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}}
108
+ @layer components.tokens{.ui-search-input{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_space-half: var(--ui-space-half, 0.25rem);--ui-_radius-sm: var(--ui-radius-sm, 0.25rem);--ui-_height: var(--ui-search-input-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-search-input-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-search-input-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-search-input-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-search-input-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-search-input-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-search-input-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_text: var(--ui-search-input-text, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-search-input-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_icon-color: var(--ui-search-input-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_icon-size: var(--ui-search-input-icon-size, var(--ui-size-md, 1rem));--ui-_clear-color: var(--ui-search-input-clear-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_clear-hover-bg: var(--ui-search-input-clear-hover-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)))}.ui-search-input--sm{--ui-_height: var(--ui-search-input-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-search-input-font-size-sm, var(--ui-font-size-xs, 0.75rem));--ui-_icon-size: var(--ui-search-input-icon-size-sm, var(--ui-size-sm, 0.75rem))}.ui-search-input--lg{--ui-_height: var(--ui-search-input-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-search-input-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-search-input-font-size-lg, var(--ui-font-size-md, 1rem));--ui-_icon-size: var(--ui-search-input-icon-size-lg, var(--ui-size-lg, 1.25rem))}}
109
+ @layer components.styles{.ui-search-input{display:inline-flex;align-items:center;block-size:var(--ui-_height);background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius);transition:border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-search-input:focus-within,.ui-search-input--focus{border-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-search-input--block{inline-size:100%}.ui-search-input--disabled,.ui-search-input:has(.ui-search-input__field:disabled){opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-search-input__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--ui-_height);color:var(--ui-_icon-color);pointer-events:none}.ui-search-input__icon svg{block-size:var(--ui-_icon-size);inline-size:var(--ui-_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-search-input__field{flex:1;block-size:100%;min-inline-size:0;padding:0;padding-inline-end:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_text);background:rgba(0,0,0,0);border:none;outline:none}.ui-search-input__field::placeholder{color:var(--ui-_placeholder)}.ui-search-input__field::-webkit-search-cancel-button,.ui-search-input__field::-webkit-search-decoration{appearance:none}.ui-search-input--has-clear .ui-search-input__field{padding-inline-end:0}.ui-search-input__clear{display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:calc(var(--ui-_height) - var(--ui-_space-half)*2);inline-size:calc(var(--ui-_height) - var(--ui-_space-half)*2);margin-inline-end:calc(var(--ui-_space-half));color:var(--ui-_clear-color);background:rgba(0,0,0,0);border:none;border-radius:var(--ui-_radius-sm);cursor:pointer;transition:background var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-search-input__clear:hover{background:var(--ui-_clear-hover-bg)}.ui-search-input__clear:focus-visible{outline:2px solid var(--ui-_color-focus);outline-offset:-2px}.ui-search-input__clear svg{block-size:var(--ui-_icon-size);inline-size:var(--ui-_icon-size);fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}
110
+ @layer components.tokens{.ui-select{--ui-_space-half: var(--ui-space-half, 0.25rem);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_height: var(--ui-select-height, var(--ui-row-2, 2rem));--ui-_padding-x: var(--ui-select-padding-x, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-select-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-select-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-select-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-select-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-select-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-select-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_icon-color: var(--ui-select-icon-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.ui-select--sm{--ui-_height: var(--ui-select-height-sm, calc(1rem * 1.5));--ui-_font-size: var(--ui-select-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-select--lg{--ui-_height: var(--ui-select-height-lg, calc(1rem * 2.5));--ui-_padding-x: var(--ui-select-padding-x-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-select-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-select--filled{--ui-_bg: var(--ui-select-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_border-color: transparent}.ui-select--ghost{--ui-_bg: transparent;--ui-_border-color: transparent}.ui-select--error{--ui-_border-color: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-select-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-select--success{--ui-_border-color: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-select-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
111
+ @layer components.styles{.ui-select{display:inline-block;block-size:var(--ui-_height);padding-inline-start:var(--ui-_padding-x);padding-inline-end:calc(var(--ui-_height) - var(--ui-_space-half));font-family:inherit;font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_color);background-color:var(--ui-_bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius);cursor:pointer;appearance:none;transition:border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default);background-repeat:no-repeat;background-position:right var(--ui-_space-half) center;background-size:calc(var(--ui-_height)*.5)}.ui-select:hover:not(:disabled,:focus-visible){border-color:var(--ui-_color-border-strong)}.ui-select:focus-visible,.ui-select--focus{border-color:var(--ui-_border-color-focus);outline:var(--ui-_border-width-md) solid rgba(0,0,0,0);outline-offset:var(--ui-_border-width-sm);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-select:disabled,.ui-select--disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-select--block{inline-size:100%}.ui-select:invalid,.ui-select--placeholder{color:var(--ui-_color-text-muted)}}
112
+ @layer components.tokens{.ui-slider{--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_height: var(--ui-slider-height, var(--ui-row-2, 2rem));--ui-_track-height: var(--ui-slider-track-height, 0.5rem);--ui-_track-bg: var(--ui-slider-track-bg, var(--ui-color-bg-subtle, rgba(0, 0, 0, 0.1)));--ui-_track-fill: var(--ui-slider-track-fill, var(--ui-color-primary));--ui-_track-radius: var(--ui-slider-track-radius, var(--ui-radius-full, 9999px));--ui-_thumb-size: var(--ui-slider-thumb-size, calc(0.5rem * 2.5));--ui-_thumb-bg: var(--ui-slider-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_thumb-border-color: var(--ui-slider-thumb-border-color, var(--ui-color-primary));--ui-_thumb-border-width: var(--ui-slider-thumb-border-width, var(--ui-border-width-md, 0.125rem));--ui-_thumb-radius: var(--ui-slider-thumb-radius, var(--ui-radius-full, 9999px));--ui-_thumb-shadow: var(--ui-slider-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));--ui-_focus-ring: var(--ui-slider-focus-ring, var(--ui-color-focus, oklch(75% 0.15 250deg)))}.ui-slider--sm{--ui-_height: var(--ui-slider-height-sm, calc(1rem * 1.5));--ui-_track-height: calc(0.5rem * 0.5);--ui-_thumb-size: calc(0.5rem * 2)}.ui-slider--lg{--ui-_height: var(--ui-slider-height-lg, calc(1rem * 2.5));--ui-_track-height: calc(0.5rem * 1.5);--ui-_thumb-size: calc(0.5rem * 3)}.ui-slider--success{--ui-_track-fill: var(--ui-color-success);--ui-_thumb-border-color: var(--ui-color-success)}.ui-slider--warning{--ui-_track-fill: var(--ui-color-warning);--ui-_thumb-border-color: var(--ui-color-warning)}.ui-slider--danger{--ui-_track-fill: var(--ui-color-danger);--ui-_thumb-border-color: var(--ui-color-danger)}}
113
+ @layer components.styles{.ui-slider{display:inline-flex;align-items:center;block-size:var(--ui-_height);inline-size:100%;padding:0;margin:0;background:rgba(0,0,0,0);cursor:pointer;appearance:none}.ui-slider::-webkit-slider-runnable-track{block-size:var(--ui-_track-height);background:var(--ui-_track-bg);border-radius:var(--ui-_track-radius)}.ui-slider::-moz-range-track{block-size:var(--ui-_track-height);background:var(--ui-_track-bg);border:none;border-radius:var(--ui-_track-radius)}.ui-slider::-moz-range-progress{block-size:var(--ui-_track-height);background:var(--ui-_track-fill);border-radius:var(--ui-_track-radius)}.ui-slider::-webkit-slider-thumb{block-size:var(--ui-_thumb-size);inline-size:var(--ui-_thumb-size);margin-block-start:calc((var(--ui-_track-height) - var(--ui-_thumb-size))/2);background:var(--ui-_thumb-bg);border:var(--ui-_thumb-border-width) solid var(--ui-_thumb-border-color);border-radius:var(--ui-_thumb-radius);box-shadow:var(--ui-_thumb-shadow);appearance:none;transition:box-shadow var(--ui-_duration-fast) var(--ui-_ease-default),transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-slider::-moz-range-thumb{block-size:var(--ui-_thumb-size);inline-size:var(--ui-_thumb-size);background:var(--ui-_thumb-bg);border:var(--ui-_thumb-border-width) solid var(--ui-_thumb-border-color);border-radius:var(--ui-_thumb-radius);box-shadow:var(--ui-_thumb-shadow);transition:box-shadow var(--ui-_duration-fast) var(--ui-_ease-default),transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-slider:focus-visible{outline:var(--ui-_border-width-md) solid rgba(0,0,0,0)}.ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_focus-ring)}.ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_focus-ring)}.ui-slider:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}.ui-slider:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.1)}.ui-slider:disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}}
114
+ @layer components.tokens{.ui-textarea{--ui-_row-1: var(--ui-row-1, 1rem);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-border-strong: var(--ui-color-border-strong, hsl(220, 10%, 80%));--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_color-focus: var(--ui-color-focus, oklch(75% 0.15 250deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_color-bg-subtle: var(--ui-color-bg-subtle, hsl(220, 10%, 96%));--ui-_min-height: var(--ui-textarea-min-height, calc(1rem * 4));--ui-_padding-x: var(--ui-textarea-padding-x, var(--ui-space-1, 0.5rem));--ui-_padding-y: var(--ui-textarea-padding-y, var(--ui-space-1, 0.5rem));--ui-_font-size: var(--ui-textarea-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_radius: var(--ui-textarea-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-textarea-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-textarea-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-color-focus: var(--ui-textarea-border-color-focus, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_color: var(--ui-textarea-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_placeholder: var(--ui-textarea-placeholder, var(--ui-color-text-muted, hsl(220, 10%, 45%)))}.ui-textarea--sm{--ui-_min-height: var(--ui-textarea-min-height-sm, calc(1rem * 3));--ui-_font-size: var(--ui-textarea-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-textarea--lg{--ui-_min-height: var(--ui-textarea-min-height-lg, calc(1rem * 6));--ui-_padding-x: var(--ui-textarea-padding-x-lg, var(--ui-space-2, 1rem));--ui-_padding-y: var(--ui-textarea-padding-y-lg, var(--ui-space-2, 1rem));--ui-_font-size: var(--ui-textarea-font-size-lg, var(--ui-font-size-md, 1rem))}.ui-textarea--filled{--ui-_bg: var(--ui-textarea-filled-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_border-color: transparent}.ui-textarea--ghost{--ui-_bg: transparent;--ui-_border-color: transparent}.ui-textarea--error{--ui-_border-color: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)));--ui-_border-color-focus: var(--ui-textarea-error-border, var(--ui-color-danger, oklch(60% 0.22 25deg)))}.ui-textarea--success{--ui-_border-color: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)));--ui-_border-color-focus: var(--ui-textarea-success-border, var(--ui-color-success, oklch(60% 0.18 145deg)))}}
115
+ @layer components.styles{.ui-textarea{display:block;box-sizing:border-box;inline-size:100%;min-block-size:var(--ui-_min-height);padding-block:var(--ui-_padding-y);padding-inline:var(--ui-_padding-x);font-family:inherit;font-size:var(--ui-_font-size);line-height:var(--ui-_row-1);color:var(--ui-_color);background:var(--ui-_bg);border:none;border-radius:var(--ui-_radius);outline:var(--ui-_border-width-sm) solid var(--ui-_border-color);transition:border-color var(--ui-_duration-fast) var(--ui-_ease-default),box-shadow var(--ui-_duration-fast) var(--ui-_ease-default);outline-offset:calc(var(--ui-_border-width-sm)*-1);resize:vertical}.ui-textarea::placeholder{color:var(--ui-_placeholder)}.ui-textarea:hover:not(:disabled,:focus-visible){outline-color:var(--ui-_color-border-strong)}.ui-textarea:focus-visible,.ui-textarea--focus{outline-color:var(--ui-_border-color-focus);box-shadow:0 0 0 var(--ui-_border-width-md) var(--ui-_color-focus)}.ui-textarea:disabled,.ui-textarea--disabled{opacity:var(--ui-_opacity-disabled);cursor:not-allowed;resize:none}.ui-textarea:read-only{background:var(--ui-_color-bg-subtle);resize:none}.ui-textarea--resize-none{resize:none}.ui-textarea--resize-horizontal{resize:horizontal}.ui-textarea--resize-both{resize:both}}
116
+ @layer components.tokens{.ui-toggle{--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-focus: var(--ui-color-focus, var(--ui-color-primary));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_track-width: var(--ui-toggle-track-width, calc(0.5rem * 5));--ui-_track-height: var(--ui-toggle-track-height, calc(0.5rem * 3));--ui-_track-bg: var(--ui-toggle-track-bg, var(--ui-color-bg-subtle, rgba(0, 0, 0, 0.1)));--ui-_track-bg-checked: var(--ui-toggle-track-bg-checked, var(--ui-color-primary));--ui-_track-radius: var(--ui-toggle-track-radius, calc(0.5rem * 1.5));--ui-_thumb-size: var(--ui-toggle-thumb-size, calc(0.5rem * 2.5));--ui-_thumb-bg: var(--ui-toggle-thumb-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_thumb-offset: var(--ui-toggle-thumb-offset, calc(0.5rem / 4))}.ui-toggle--sm{--ui-_track-width: calc(0.5rem * 4);--ui-_track-height: calc(0.5rem * 2);--ui-_track-radius: 0.5rem;--ui-_thumb-size: calc(0.5rem * 1.5)}.ui-toggle--lg{--ui-_track-width: calc(0.5rem * 6);--ui-_track-height: calc(0.5rem * 4);--ui-_track-radius: calc(0.5rem * 2);--ui-_thumb-size: calc(0.5rem * 3.5)}}
117
+ @layer components.styles{.ui-toggle{display:inline-flex;flex-shrink:0;align-items:center;position:relative;block-size:var(--ui-_track-height);inline-size:var(--ui-_track-width);background:var(--ui-_track-bg);border-radius:var(--ui-_track-radius);cursor:pointer;transition:background var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-toggle__input{position:absolute;inset:0;block-size:100%;inline-size:100%;margin:0;opacity:0;cursor:pointer}.ui-toggle__track{position:absolute;inset:0;background:var(--ui-_track-bg);border-radius:var(--ui-_track-radius);transition:background var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-toggle__thumb{position:absolute;inset-block-start:var(--ui-_thumb-offset);inset-inline-start:var(--ui-_thumb-offset);block-size:var(--ui-_thumb-size);inline-size:var(--ui-_thumb-size);background:var(--ui-_thumb-bg);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-toggle__input:checked~.ui-toggle__track{background:var(--ui-_track-bg-checked)}.ui-toggle__input:checked~.ui-toggle__thumb{transform:translateX(calc(var(--ui-_track-width) - var(--ui-_thumb-size) - var(--ui-_thumb-offset) * 2))}.ui-toggle__input:focus-visible~.ui-toggle__track{outline:2px solid var(--ui-_color-focus);outline-offset:calc(0.5rem/4)}.ui-toggle__input:disabled~.ui-toggle__track,.ui-toggle__input:disabled~.ui-toggle__thumb{opacity:var(--ui-_opacity-disabled);cursor:not-allowed}.ui-toggle:has(.ui-toggle__input:disabled){cursor:not-allowed}}
118
+ @layer components.tokens{.ui-breadcrumb{--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_breadcrumb-separator: var(--ui-breadcrumb-separator, "/");--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-primary: var(--ui-color-primary);--ui-_height: var(--ui-breadcrumb-height, var(--ui-row-1, 1rem));--ui-_gap: var(--ui-breadcrumb-gap, calc(0.5rem * 1));--ui-_separator-color: var(--ui-breadcrumb-separator-color, var(--ui-color-text-muted));--ui-_link-color: var(--ui-breadcrumb-link-color, var(--ui-color-text-muted));--ui-_current-color: var(--ui-breadcrumb-current-color, var(--ui-color-text))}}
119
+ @layer components.styles{.ui-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-_gap);block-size:var(--ui-_height);padding:0;margin:0;font-size:var(--ui-_font-size-sm);line-height:1;list-style:none}.ui-breadcrumb__item{display:flex;align-items:center;gap:var(--ui-_gap);block-size:var(--ui-_height)}.ui-breadcrumb__item:not(:last-child)::after{content:var(--ui-_breadcrumb-separator);color:var(--ui-_separator-color)}.ui-breadcrumb__link{text-decoration:none;color:var(--ui-_link-color);transition:color var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-breadcrumb__link:hover{text-decoration:underline;color:var(--ui-_color-primary)}.ui-breadcrumb__item:last-child .ui-breadcrumb__link,.ui-breadcrumb__current{color:var(--ui-_current-color);pointer-events:none}.ui-breadcrumb__item--hidden{display:none}.ui-breadcrumb__ellipsis{color:var(--ui-_separator-color)}}
120
+ @layer components.tokens{.ui-dropdown-menu{--ui-_space-0: var(--ui-space-0, 0.25rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_z: var(--ui-dropdown-menu-z, 200);--ui-_panel-offset: var(--ui-dropdown-menu-panel-offset, var(--ui-space-1, 0.5rem));--ui-_panel-min-width: var(--ui-dropdown-menu-panel-min-width, auto)}}
121
+ @layer components.styles{.ui-dropdown-menu{display:inline-block;position:relative}.ui-dropdown-menu__trigger{display:inline-flex;align-items:center;gap:var(--ui-_space-0)}.ui-dropdown-menu__trigger-icon{display:inline-flex;font-size:.6em;transition:transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-dropdown-menu--open .ui-dropdown-menu__trigger-icon{transform:rotate(180deg)}.ui-dropdown-menu__panel{position:absolute;inset-block-start:calc(100% + var(--ui-_panel-offset));inset-inline-start:0;z-index:var(--ui-_z);min-inline-size:var(--ui-_panel-min-width);opacity:0;pointer-events:none;transform:translateY(calc(0.5rem * -1));transition:opacity var(--ui-_duration-fast) var(--ui-_ease-default),transform var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-dropdown-menu--open .ui-dropdown-menu__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.ui-dropdown-menu--top .ui-dropdown-menu__panel{inset-block-start:auto;inset-block-end:calc(100% + var(--ui-_panel-offset));transform:translateY(0.5rem)}.ui-dropdown-menu--top.ui-dropdown-menu--open .ui-dropdown-menu__panel{transform:translateY(0)}.ui-dropdown-menu--align-end .ui-dropdown-menu__panel{inset-inline-start:auto;inset-inline-end:0}.ui-dropdown-menu--full-width .ui-dropdown-menu__panel{min-inline-size:100%}}
122
+ @layer components.tokens{.ui-menu{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_font-size-xs: var(--ui-font-size-xs, 0.75rem);--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_row-1: var(--ui-row-1, 1rem);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-danger: var(--ui-color-danger, oklch(60% 0.22 25deg));--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_color-border: var(--ui-color-border, hsl(220, 10%, 90%));--ui-_min-width: var(--ui-menu-min-width, calc(0.5rem * 16));--ui-_max-height: var(--ui-menu-max-height, calc(0.5rem * 40));--ui-_padding: var(--ui-menu-padding, calc(0.5rem * 1));--ui-_radius: var(--ui-menu-radius, var(--ui-radius-md, 0.5rem));--ui-_bg: var(--ui-menu-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_border-color: var(--ui-menu-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_shadow: var(--ui-menu-shadow, var(--ui-shadow-lg));--ui-_item-padding: var(--ui-menu-item-padding, calc(0.5rem * 1) calc(0.5rem * 2));--ui-_item-radius: var(--ui-menu-item-radius, var(--ui-radius-sm, 0.25rem));--ui-_item-bg-hover: var(--ui-menu-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)))}}
123
+ @layer components.styles{.ui-menu{min-inline-size:var(--ui-_min-width);max-block-size:var(--ui-_max-height);padding:var(--ui-_padding);overflow-y:auto;background:var(--ui-_bg);border-radius:var(--ui-_radius);outline:var(--ui-_border-width-sm) solid var(--ui-_border-color);box-shadow:var(--ui-_shadow);outline-offset:calc(var(--ui-_border-width-sm)*-1)}.ui-menu__group{padding:0;margin:0;list-style:none}.ui-menu__label{padding:var(--ui-_item-padding);font-size:var(--ui-_font-size-xs);font-weight:var(--ui-_weight-medium);line-height:var(--ui-_row-1);letter-spacing:.05em;text-transform:uppercase;color:var(--ui-_color-text-muted)}.ui-menu__item{display:flex;align-items:center;gap:calc(0.5rem*1);padding:var(--ui-_item-padding);font-size:var(--ui-_font-size-sm);line-height:var(--ui-_row-1);text-decoration:none;color:var(--ui-_color-text);background:rgba(0,0,0,0);border:none;border-radius:var(--ui-_item-radius);cursor:pointer;transition:background var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-menu__item:hover,.ui-menu__item:focus-visible{background:var(--ui-_item-bg-hover);outline:none}.ui-menu__item--danger{color:var(--ui-_color-danger)}.ui-menu__item--danger:hover,.ui-menu__item--danger:focus-visible{color:var(--ui-_color-danger)}.ui-menu__item--disabled,.ui-menu__item[aria-disabled=true]{opacity:var(--ui-_opacity-disabled);pointer-events:none}.ui-menu__item-icon{flex-shrink:0;block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}.ui-menu__item-shortcut{margin-inline-start:auto;font-size:var(--ui-_font-size-xs);color:var(--ui-_color-text-muted)}.ui-menu__separator{display:flex;align-items:center;block-size:calc(0.5rem*2);margin:0}.ui-menu__separator::before{content:"";flex:1;block-size:var(--ui-_border-width-sm);background:var(--ui-_color-border)}.ui-menu__item--check,.ui-menu__item--radio{position:relative;padding-inline-start:calc(0.5rem*4)}.ui-menu__item-indicator{display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-start:calc(0.5rem*1);block-size:calc(0.5rem*2);inline-size:calc(0.5rem*2)}}
124
+ @layer components.tokens{.ui-nav{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_duration-base: var(--ui-duration-base);--ui-_ease-default: var(--ui-ease-default);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_gap: var(--ui-nav-gap, var(--ui-space-1, 0.5rem));--ui-_item-height: var(--ui-nav-item-height, var(--ui-row-2, 2rem));--ui-_item-padding-x: var(--ui-nav-item-padding-x, var(--ui-space-2, 1rem));--ui-_item-font-size: var(--ui-nav-item-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_item-font-weight: var(--ui-nav-item-font-weight, var(--ui-weight-medium, 500));--ui-_item-color: var(--ui-nav-item-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_item-color-hover: var(--ui-nav-item-color-hover, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_item-radius: var(--ui-nav-item-radius, var(--ui-radius-sm, 0.25rem));--ui-_border-color: var(--ui-nav-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.ui-nav--pills{--ui-_item-bg-hover: var(--ui-nav-item-bg-hover, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_item-bg-active: var(--ui-nav-item-bg-active, var(--ui-color-primary, oklch(55% 0.22 250deg)));--ui-_item-color-active: var(--ui-nav-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}
125
+ @layer components.styles{.ui-nav__list{display:flex;align-items:stretch;gap:var(--ui-_gap);box-sizing:border-box;block-size:var(--ui-_item-height);padding:0;margin:0;list-style:none;box-shadow:inset 0 calc(var(--ui-_border-width-sm)*-1) 0 var(--ui-_border-color)}.ui-nav__item{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--ui-_item-height);padding-inline:var(--ui-_item-padding-x);font-family:var(--ui-_font-sans);font-size:var(--ui-_item-font-size);font-weight:var(--ui-_item-font-weight);line-height:1;text-decoration:none;white-space:nowrap;color:var(--ui-_item-color);background:rgba(0,0,0,0);border:none;box-shadow:inset 0 calc(var(--ui-_border-width-md)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--ui-_duration-base) var(--ui-_ease-default),background var(--ui-_duration-base) var(--ui-_ease-default),box-shadow var(--ui-_duration-base) var(--ui-_ease-default)}.ui-nav__item:hover{color:var(--ui-_item-color-hover)}.ui-nav__item--active{color:var(--ui-_item-color-active);box-shadow:inset 0 calc(var(--ui-_border-width-md)*-1) 0 var(--ui-_item-color-active)}.ui-nav__item--disabled{opacity:var(--ui-_opacity-disabled);pointer-events:none}.ui-nav--pills .ui-nav__list{box-shadow:none}.ui-nav--pills .ui-nav__item{border-radius:var(--ui-_item-radius);box-shadow:none}.ui-nav--pills .ui-nav__item:hover{background:var(--ui-_item-bg-hover)}.ui-nav--pills .ui-nav__item--active{color:var(--ui-_item-color-active);background:var(--ui-_item-bg-active)}.ui-nav--vertical .ui-nav__list{flex-direction:column;align-items:stretch;block-size:auto;box-shadow:inset calc(var(--ui-_border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-nav--vertical .ui-nav__item{box-shadow:inset calc(var(--ui-_border-width-md)*-1) 0 0 rgba(0,0,0,0)}.ui-nav--vertical .ui-nav__item--active{box-shadow:inset calc(var(--ui-_border-width-md)*-1) 0 0 var(--ui-_item-color-active)}.ui-nav--vertical.ui-nav--pills .ui-nav__list{box-shadow:none}.ui-nav--vertical.ui-nav--pills .ui-nav__item{box-shadow:none}}
126
+ @layer components.tokens{.ui-pagination{--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_opacity-disabled: var(--ui-opacity-disabled, 0.5);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_gap: var(--ui-pagination-gap, calc(0.5rem * 0.5));--ui-_item-size: var(--ui-pagination-item-size, calc(0.5rem * 4));--ui-_item-radius: var(--ui-pagination-item-radius, var(--ui-radius-sm, 0.25rem));--ui-_item-bg: var(--ui-pagination-item-bg, transparent);--ui-_item-bg-hover: var(--ui-pagination-item-bg-hover, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_item-bg-active: var(--ui-pagination-item-bg-active, var(--ui-color-primary));--ui-_item-color: var(--ui-pagination-item-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_item-color-active: var(--ui-pagination-item-color-active, var(--ui-color-text-inverse, hsl(220, 10%, 98%)))}}
127
+ @layer components.styles{.ui-pagination{display:flex;align-items:center;gap:var(--ui-_gap)}.ui-pagination__list{display:flex;align-items:center;gap:var(--ui-_gap);padding:0;margin:0;list-style:none}.ui-pagination__item{display:flex}.ui-pagination__link{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ui-_item-size);min-inline-size:var(--ui-_item-size);padding-inline:calc(0.5rem*1);font-size:var(--ui-_font-size-sm);text-decoration:none;color:var(--ui-_item-color);background:var(--ui-_item-bg);border-radius:var(--ui-_item-radius);transition:background var(--ui-_duration-fast) var(--ui-_ease-default),color var(--ui-_duration-fast) var(--ui-_ease-default)}.ui-pagination__link:hover{background:var(--ui-_item-bg-hover)}.ui-pagination__link[aria-current=page],.ui-pagination__link--active{color:var(--ui-_item-color-active);background:var(--ui-_item-bg-active);pointer-events:none}.ui-pagination__link[aria-disabled=true],.ui-pagination__link--disabled{opacity:var(--ui-_opacity-disabled);pointer-events:none}.ui-pagination__prev,.ui-pagination__next{display:inline-flex;align-items:center;gap:calc(0.5rem*.5);padding-inline:calc(0.5rem*1.5)}.ui-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ui-_item-size);min-inline-size:var(--ui-_item-size);color:var(--ui-_color-text-muted)}.ui-pagination--sm{--ui-_item-size: calc(0.5rem * 3);--ui-_gap: calc(0.5rem * 0.25)}.ui-pagination--lg{--ui-_item-size: calc(0.5rem * 5);--ui-_gap: calc(0.5rem * 0.75)}}
128
+ @layer components.tokens{.ui-tabs{--ui-_space-1: var(--ui-space-1, 0.5rem);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_font-sans: var(--ui-font-sans, system-ui, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);--ui-_weight-medium: var(--ui-weight-medium, 500);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_border-width-md: var(--ui-border-width-md, 0.125rem);--ui-_duration-base: var(--ui-duration-base);--ui-_ease-default: var(--ui-ease-default);--ui-_color-text: var(--ui-color-text, hsl(220, 10%, 10%));--ui-_color-primary: var(--ui-color-primary, oklch(55% 0.22 250deg));--ui-_row-1: var(--ui-row-1, 1rem);--ui-_border-color: var(--ui-tabs-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_tab-height: var(--ui-tabs-tab-height, var(--ui-row-2, 2rem));--ui-_tab-padding-x: var(--ui-tabs-tab-padding-x, var(--ui-space-2, 1rem));--ui-_tab-padding-y: var(--ui-tabs-tab-padding-y, var(--ui-space-1, 0.5rem));--ui-_tab-font-size: var(--ui-tabs-tab-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_tab-bg: var(--ui-tabs-tab-bg, transparent);--ui-_tab-bg-active: var(--ui-tabs-tab-bg-active, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_panel-padding: var(--ui-tabs-panel-padding, var(--ui-space-3, 1.5rem))}.ui-tabs--sm{--ui-_tab-height: var(--ui-tabs-tab-height-sm, var(--ui-row-1, 1rem));--ui-_tab-padding-x: var(--ui-tabs-tab-padding-x-sm, var(--ui-space-1, 0.5rem));--ui-_tab-font-size: var(--ui-tabs-tab-font-size-sm, var(--ui-font-size-xs, 0.75rem))}.ui-tabs--lg{--ui-_tab-height: var(--ui-tabs-tab-height-lg, calc(1rem * 2.5));--ui-_tab-padding-x: var(--ui-tabs-tab-padding-x-lg, var(--ui-space-3, 1.5rem));--ui-_tab-font-size: var(--ui-tabs-tab-font-size-lg, var(--ui-font-size-md, 1rem))}}
129
+ @layer components.styles{.ui-tabs__list{display:flex;align-items:stretch;gap:var(--ui-_space-1);box-sizing:border-box;block-size:var(--ui-_tab-height);box-shadow:inset 0 calc(var(--ui-_border-width-sm)*-1) 0 var(--ui-_border-color)}.ui-tabs__tab{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--ui-_tab-height);padding-inline:var(--ui-_tab-padding-x);margin:0;font-family:var(--ui-_font-sans);font-size:var(--ui-_tab-font-size);font-weight:var(--ui-_weight-medium);line-height:1;color:var(--ui-_color-text-muted);background:var(--ui-_tab-bg);border:none;box-shadow:inset 0 calc(var(--ui-_border-width-md)*-1) 0 rgba(0,0,0,0);cursor:pointer;transition:color var(--ui-_duration-base) var(--ui-_ease-default),box-shadow var(--ui-_duration-base) var(--ui-_ease-default)}.ui-tabs__tab:hover{color:var(--ui-_color-text)}.ui-tabs__tab--active{color:var(--ui-_color-primary);background:var(--ui-_tab-bg-active);box-shadow:inset 0 calc(var(--ui-_border-width-md)*-1) 0 var(--ui-_color-primary)}.ui-tabs__panel{display:none;padding:var(--ui-_panel-padding);line-height:var(--ui-_row-1)}.ui-tabs__panel--active{display:block}.ui-tabs--vertical{display:flex}.ui-tabs--vertical>.ui-tabs__list{flex-direction:column;block-size:auto;inline-size:auto;box-shadow:inset calc(var(--ui-_border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-tabs--vertical>.ui-tabs__list>.ui-tabs__tab{block-size:var(--ui-_tab-height);box-shadow:inset calc(var(--ui-_border-width-md)*-1) 0 0 rgba(0,0,0,0)}.ui-tabs--vertical>.ui-tabs__list>.ui-tabs__tab--active{box-shadow:inset calc(var(--ui-_border-width-md)*-1) 0 0 var(--ui-_color-primary)}.ui-tabs--vertical>.ui-tabs__panel{flex:1}}
130
+ @layer components.tokens{.ui-dialog{--ui-_font-size-lg: var(--ui-font-size-lg, 1.25rem);--ui-_weight-semibold: var(--ui-weight-semibold, 600);--ui-_header-padding: var(--ui-dialog-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_body-padding: var(--ui-dialog-body-padding, calc(0.5rem * 3));--ui-_footer-padding: var(--ui-dialog-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_border-color: var(--ui-dialog-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}}
131
+ @layer components.styles{.ui-dialog .ui-modal__content{padding:0}.ui-dialog__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--ui-_header-padding);border-block-end:1px solid var(--ui-_border-color)}.ui-dialog__title{margin:0;font-size:var(--ui-_font-size-lg);font-weight:var(--ui-_weight-semibold);line-height:calc(0.5rem*3)}.ui-dialog__close{flex-shrink:0;margin-inline-start:auto}.ui-dialog__body{flex:1 1 auto;padding:var(--ui-_body-padding);overflow-y:auto}.ui-dialog__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*1.5);padding:var(--ui-_footer-padding);border-block-start:1px solid var(--ui-_border-color)}.ui-dialog--borderless .ui-dialog__header{border-block-end:none}.ui-dialog--borderless .ui-dialog__footer{border-block-start:none}}
132
+ @layer components.tokens{.ui-drawer{--ui-_z-drawer: var(--ui-z-drawer, 800);--ui-_overlay-bg: var(--ui-overlay-bg, rgba(0, 0, 0, 0.5));--ui-_duration-normal: var(--ui-duration-normal, 200ms);--ui-_ease-out: var(--ui-ease-out, ease-out);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-in: var(--ui-ease-in, ease-in);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_font-size-lg: var(--ui-font-size-lg, 1.25rem);--ui-_weight-semibold: var(--ui-weight-semibold, 600);--ui-_row-1: var(--ui-row-1, 1rem);--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_size: var(--ui-drawer-size, calc(0.5rem * 40));--ui-_max-size: var(--ui-drawer-max-size, 90%);--ui-_bg: var(--ui-drawer-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_shadow: var(--ui-drawer-shadow, var(--ui-shadow-lg));--ui-_header-padding: var(--ui-drawer-header-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_body-padding: var(--ui-drawer-body-padding, calc(0.5rem * 3));--ui-_footer-padding: var(--ui-drawer-footer-padding, calc(0.5rem * 2) calc(0.5rem * 3));--ui-_border-color: var(--ui-drawer-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}.ui-drawer--sm{--ui-_size: calc(0.5rem * 30)}.ui-drawer--lg{--ui-_size: calc(0.5rem * 50)}.ui-drawer--full{--ui-_size: 100%;--ui-_max-size: 100%}}
133
+ @layer components.styles{.ui-drawer-overlay{position:fixed;inset:0;z-index:var(--ui-_z-drawer);background:var(--ui-_overlay-bg)}.ui-drawer-overlay[data-state=open]{animation:drawer-overlay-in var(--ui-_duration-normal) var(--ui-_ease-out)}.ui-drawer-overlay[data-state=closed]{animation:drawer-overlay-out var(--ui-_duration-fast) var(--ui-_ease-in)}@keyframes drawer-overlay-in{from{opacity:0}}@keyframes drawer-overlay-out{to{opacity:0}}.ui-drawer{display:flex;flex-direction:column;position:fixed;z-index:var(--ui-_z-drawer);background:var(--ui-_bg);box-shadow:var(--ui-_shadow)}.ui-drawer--end{inset-block:0;inset-inline-end:0;inline-size:var(--ui-_size);max-inline-size:var(--ui-_max-size);box-shadow:calc(var(--ui-_border-width-sm)*-1) 0 0 var(--ui-_border-color)}.ui-drawer--start{inset-block:0;inset-inline-start:0;inline-size:var(--ui-_size);max-inline-size:var(--ui-_max-size);box-shadow:var(--ui-_border-width-sm) 0 0 var(--ui-_border-color)}.ui-drawer--top{inset-block-start:0;inset-inline:0;block-size:var(--ui-_size);max-block-size:var(--ui-_max-size);box-shadow:0 var(--ui-_border-width-sm) 0 var(--ui-_border-color)}.ui-drawer--bottom{inset-block-end:0;inset-inline:0;block-size:var(--ui-_size);max-block-size:var(--ui-_max-size);box-shadow:0 calc(var(--ui-_border-width-sm)*-1) 0 var(--ui-_border-color)}.ui-drawer--end[data-state=open]{animation:drawer-slide-in-end var(--ui-_duration-normal) var(--ui-_ease-out)}.ui-drawer--end[data-state=closed]{animation:drawer-slide-out-end var(--ui-_duration-fast) var(--ui-_ease-in)}.ui-drawer--start[data-state=open]{animation:drawer-slide-in-start var(--ui-_duration-normal) var(--ui-_ease-out)}.ui-drawer--start[data-state=closed]{animation:drawer-slide-out-start var(--ui-_duration-fast) var(--ui-_ease-in)}.ui-drawer--top[data-state=open]{animation:drawer-slide-in-top var(--ui-_duration-normal) var(--ui-_ease-out)}.ui-drawer--top[data-state=closed]{animation:drawer-slide-out-top var(--ui-_duration-fast) var(--ui-_ease-in)}.ui-drawer--bottom[data-state=open]{animation:drawer-slide-in-bottom var(--ui-_duration-normal) var(--ui-_ease-out)}.ui-drawer--bottom[data-state=closed]{animation:drawer-slide-out-bottom var(--ui-_duration-fast) var(--ui-_ease-in)}@keyframes drawer-slide-in-end{from{transform:translateX(100%)}}@keyframes drawer-slide-out-end{to{transform:translateX(100%)}}@keyframes drawer-slide-in-start{from{transform:translateX(-100%)}}@keyframes drawer-slide-out-start{to{transform:translateX(-100%)}}@keyframes drawer-slide-in-top{from{transform:translateY(-100%)}}@keyframes drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes drawer-slide-in-bottom{from{transform:translateY(100%)}}@keyframes drawer-slide-out-bottom{to{transform:translateY(100%)}}.ui-drawer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:calc(0.5rem*2);padding:var(--ui-_header-padding);box-shadow:inset 0 calc(var(--ui-_border-width-sm)*-1) 0 var(--ui-_border-color)}.ui-drawer__title{margin:0;font-size:var(--ui-_font-size-lg);font-weight:var(--ui-_weight-semibold);line-height:var(--ui-_row-1)}.ui-drawer__description{margin:0;font-size:var(--ui-_font-size-sm);line-height:var(--ui-_row-1);color:var(--ui-_color-text-muted)}.ui-drawer__close{flex-shrink:0;margin-inline-start:auto}.ui-drawer__body{flex:1 1 auto;padding:var(--ui-_body-padding);overflow-y:auto;line-height:var(--ui-_row-1)}.ui-drawer__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:calc(0.5rem*2);padding:var(--ui-_footer-padding);box-shadow:inset 0 var(--ui-_border-width-sm) 0 var(--ui-_border-color)}@media(prefers-reduced-motion: reduce){.ui-drawer-overlay[data-state],.ui-drawer[data-state]{animation:none}}}
134
+ @layer components.tokens{.ui-modal{--ui-_duration-normal: var(--ui-duration-normal, 200ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_bg: var(--ui-modal-bg, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_radius: var(--ui-modal-radius, var(--ui-radius-lg, calc(0.5rem * 1.5)));--ui-_shadow: var(--ui-modal-shadow, 0 calc(0.5rem * 3) calc(0.5rem * 6) rgb(0 0 0 / 0.25));--ui-_padding: var(--ui-modal-padding, calc(0.5rem * 3));--ui-_max-width: var(--ui-modal-max-width, calc(0.5rem * 60));--ui-_max-height: var(--ui-modal-max-height, calc(100vh - 0.5rem * 8));--ui-_z: var(--ui-modal-z, var(--ui-z-modal, 400))}.ui-modal--sm{--ui-_max-width: var(--ui-modal-max-width-sm, calc(0.5rem * 40))}.ui-modal--lg{--ui-_max-width: var(--ui-modal-max-width-lg, calc(0.5rem * 80))}.ui-modal--full{--ui-_max-width: calc(100vw - 0.5rem * 4);--ui-_max-height: calc(100vh - 0.5rem * 4);--ui-_radius: 0}}
135
+ @layer components.styles{.ui-modal{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:var(--ui-_z);padding:calc(0.5rem*2)}.ui-modal__content{display:flex;flex-direction:column;position:relative;inline-size:100%;max-block-size:var(--ui-_max-height);max-inline-size:var(--ui-_max-width);padding:var(--ui-_padding);overflow:hidden;background:var(--ui-_bg);border-radius:var(--ui-_radius);box-shadow:var(--ui-_shadow)}.ui-modal__body{flex:1 1 auto;overflow-y:auto}.ui-modal--entering .ui-modal__content,.ui-modal--visible .ui-modal__content{opacity:1;transform:scale(1)}.ui-modal--exiting .ui-modal__content,.ui-modal--hidden .ui-modal__content{opacity:0;transform:scale(0.95)}.ui-modal--animate .ui-modal__content{transition:opacity var(--ui-_duration-normal) var(--ui-_ease-default),transform var(--ui-_duration-normal) var(--ui-_ease-default)}.ui-modal--hidden{visibility:hidden;pointer-events:none}}
136
+ @layer components.tokens{.ui-overlay{--ui-_duration-normal: var(--ui-duration-normal, 200ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_bg: var(--ui-overlay-bg, rgba(0, 0, 0, 0.5));--ui-_z: var(--ui-overlay-z, var(--ui-z-overlay, 300))}.ui-overlay--light{--ui-_bg: var(--ui-overlay-bg-light, rgba(255, 255, 255, 0.7))}.ui-overlay--blur{--ui-_bg: var(--ui-overlay-bg-blur, rgba(0, 0, 0, 0.3))}}
137
+ @layer components.styles{.ui-overlay{position:fixed;inset:0;z-index:var(--ui-_z);background:var(--ui-_bg)}.ui-overlay--blur{backdrop-filter:blur(calc(0.5rem * 0.5))}.ui-overlay--entering,.ui-overlay--visible{opacity:1}.ui-overlay--exiting,.ui-overlay--hidden{opacity:0;pointer-events:none}.ui-overlay--animate{transition:opacity var(--ui-_duration-normal) var(--ui-_ease-default)}}
138
+ @layer components.tokens{.ui-popover{--ui-_row-1: var(--ui-row-1, 1rem);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_font-size-md: var(--ui-font-size-md, 1rem);--ui-_weight-semibold: var(--ui-weight-semibold, 600);--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_bg: var(--ui-popover-bg, var(--ui-color-bg, white));--ui-_border-color: var(--ui-popover-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_radius: var(--ui-popover-radius, var(--ui-radius-md, calc(0.5rem * 1)));--ui-_shadow: var(--ui-popover-shadow, 0 calc(0.5rem / 2) calc(0.5rem * 2) rgb(0 0 0 / 0.15));--ui-_padding: var(--ui-popover-padding, calc(0.5rem * 2));--ui-_max-width: var(--ui-popover-max-width, calc(0.5rem * 40));--ui-_z: var(--ui-popover-z, var(--ui-z-popover, 500));--ui-_arrow-size: var(--ui-popover-arrow-size, calc(0.5rem))}}
139
+ @layer components.styles{.ui-popover{position:absolute;z-index:var(--ui-_z);max-inline-size:var(--ui-_max-width);padding:var(--ui-_padding);line-height:var(--ui-_row-1);background:var(--ui-_bg);border-radius:var(--ui-_radius);outline:var(--ui-_border-width-sm) solid var(--ui-_border-color);box-shadow:var(--ui-_shadow);outline-offset:calc(var(--ui-_border-width-sm)*-1)}.ui-popover__header{padding-block-end:calc(0.5rem*2);margin-block-end:calc(0.5rem*2);box-shadow:inset 0 calc(var(--ui-_border-width-sm)*-1) 0 var(--ui-_border-color)}.ui-popover__title{margin:0;font-size:var(--ui-_font-size-md);font-weight:var(--ui-_weight-semibold)}.ui-popover--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--ui-_bg);transform:translateX(-50%)}.ui-popover--top::before{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:calc(var(--ui-_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-start-color:var(--ui-_border-color);transform:translateX(-50%)}.ui-popover--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--ui-_bg);transform:translateX(-50%)}.ui-popover--bottom::before{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:calc(var(--ui-_arrow-size) + 1px) solid rgba(0,0,0,0);border-block-end-color:var(--ui-_border-color);transform:translateX(-50%)}.ui-popover--visible{opacity:1}.ui-popover--hidden{opacity:0;pointer-events:none}.ui-popover--animate{transition:opacity var(--ui-_duration-fast) var(--ui-_ease-default)}}
140
+ @layer components.tokens{.ui-tooltip{--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_bg: var(--ui-tooltip-bg, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_color: var(--ui-tooltip-color, var(--ui-color-bg, hsl(220, 10%, 98%)));--ui-_radius: var(--ui-tooltip-radius, var(--ui-radius-sm, calc(0.5rem / 2)));--ui-_padding-x: var(--ui-tooltip-padding-x, calc(0.5rem * 1));--ui-_padding-y: var(--ui-tooltip-padding-y, calc(0.5rem / 2));--ui-_font-size: var(--ui-tooltip-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_z: var(--ui-tooltip-z, var(--ui-z-tooltip, 600));--ui-_arrow-size: var(--ui-tooltip-arrow-size, calc(0.5rem / 2))}}
141
+ @layer components.styles{.ui-tooltip{position:absolute;z-index:var(--ui-_z);max-inline-size:calc(0.5rem*25);padding:var(--ui-_padding-y) var(--ui-_padding-x);font-size:var(--ui-_font-size);line-height:calc(0.5rem*2);text-align:center;white-space:nowrap;color:var(--ui-_color);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-tooltip--top::after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-start-color:var(--ui-_bg);transform:translateX(-50%)}.ui-tooltip--bottom::after{content:"";position:absolute;inset-block-end:100%;inset-inline-start:50%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-block-end-color:var(--ui-_bg);transform:translateX(-50%)}.ui-tooltip--start::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:100%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-inline-start-color:var(--ui-_bg);transform:translateY(-50%)}.ui-tooltip--end::after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:100%;border:var(--ui-_arrow-size) solid rgba(0,0,0,0);border-inline-end-color:var(--ui-_bg);transform:translateY(-50%)}.ui-tooltip--visible{opacity:1}.ui-tooltip--hidden{opacity:0;pointer-events:none}.ui-tooltip--animate{transition:opacity var(--ui-_duration-fast) var(--ui-_ease-default)}}
142
+ @layer components.tokens{.ui-blockquote{--ui-_space-1: var(--ui-space-1, 0.5rem);--ui-_font-size-sm: var(--ui-font-size-sm, 0.875rem);--ui-_leading-sm: var(--ui-leading-sm, 1.5rem);--ui-_color-text-muted: var(--ui-color-text-muted, hsl(220, 10%, 45%));--ui-_border-color: var(--ui-blockquote-border-color, var(--ui-color-border-strong, hsl(220, 10%, 80%)));--ui-_border-width: var(--ui-blockquote-border-width, var(--ui-border-width-lg, 0.25rem));--ui-_padding-inline: var(--ui-blockquote-padding-inline, var(--ui-space-3, 1.5rem));--ui-_color: var(--ui-blockquote-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_font-size: var(--ui-blockquote-font-size, var(--ui-font-size-lg, 1.25rem));--ui-_line-height: var(--ui-blockquote-line-height, var(--ui-leading-lg, 2rem))}.ui-blockquote--accent{--ui-_border-color: var(--ui-color-primary, oklch(55% 0.22 250deg))}}
143
+ @layer components.styles{.ui-blockquote{padding-inline-start:var(--ui-_padding-inline);margin:0;font-size:var(--ui-_font-size);font-style:italic;line-height:var(--ui-_line-height);color:var(--ui-_color);border-inline-start:var(--ui-_border-width) solid var(--ui-_border-color)}.ui-blockquote__cite{display:block;margin-block-start:var(--ui-_space-1);font-size:var(--ui-_font-size-sm);font-style:normal;line-height:var(--ui-_leading-sm);color:var(--ui-_color-text-muted)}}
144
+ @layer components.tokens{.ui-code{--ui-_font-mono: var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);--ui-_leading-tight-sm: var(--ui-leading-tight-sm, 1rem);--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_font-size: var(--ui-code-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_bg: var(--ui-code-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_padding-x: var(--ui-code-padding-x, var(--ui-space-1, 0.5rem));--ui-_padding-y: var(--ui-code-padding-y, var(--ui-space-0, 0.25rem));--ui-_radius: var(--ui-code-radius, var(--ui-radius-sm, 0.25rem))}.ui-code--sm{--ui-_font-size: var(--ui-font-size-xs, 0.75rem)}.ui-code-block{--ui-_font-size: var(--ui-code-font-size-block, var(--ui-font-size-sm, 0.875rem));--ui-_bg: var(--ui-code-bg-block, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_padding: var(--ui-code-padding-block, var(--ui-space-3, 1.5rem));--ui-_radius: var(--ui-code-radius-block, var(--ui-radius-md, 0.5rem));--ui-_border-color: var(--ui-code-border-color-block, var(--ui-color-border, hsl(220, 10%, 90%)))}}
145
+ @layer components.styles{.ui-code{padding:var(--ui-_padding-y) var(--ui-_padding-x);font-family:var(--ui-_font-mono);font-size:var(--ui-_font-size);line-height:var(--ui-_leading-tight-sm);background:var(--ui-_bg);border-radius:var(--ui-_radius)}.ui-code-block{display:block;padding:calc(var(--ui-_padding) - var(--ui-_border-width-sm));overflow-x:auto;font-family:var(--ui-_font-mono);font-size:var(--ui-_font-size);line-height:var(--ui-_leading-tight-sm);white-space:pre;background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius)}.ui-code-block code{padding:0;font-size:inherit;background:none}}
146
+ @layer components.tokens{.ui-code-block{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_font-mono: var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace);--ui-_space-4: var(--ui-space-4, 2rem);--ui-_space-2: var(--ui-space-2, 1rem);--ui-_bg: var(--ui-code-block-bg, var(--ui-color-bg-muted, hsl(220, 10%, 90%)));--ui-_color: var(--ui-code-block-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_border-color: var(--ui-code-block-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_padding: var(--ui-code-block-padding, var(--ui-space-3, 1.5rem));--ui-_font-size: var(--ui-code-block-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_line-height: var(--ui-code-block-line-height, var(--ui-leading-tight-sm, 1rem));--ui-_radius: var(--ui-code-block-radius, var(--ui-radius-md, 0.5rem))}.ui-code-block--compact{--ui-_padding: var(--ui-code-block-padding-compact, var(--ui-space-1, 0.5rem))}.ui-code-block--line-numbers{--ui-_line-number-color: var(--ui-code-block-line-number-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_line-number-border-color: var(--ui-code-block-line-number-border-color, var(--ui-color-border, hsl(220, 10%, 90%)))}}
147
+ @layer components.styles{.ui-code-block{display:block;padding:calc(var(--ui-_padding) - var(--ui-_border-width-sm));overflow-x:auto;font-family:var(--ui-_font-mono);font-size:var(--ui-_font-size);line-height:var(--ui-_line-height);white-space:pre;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius)}.ui-code-block__code{padding:0;font:inherit;color:inherit;background:none;border:none}.ui-code-block--line-numbers{counter-reset:line-number;padding-inline-start:0}.ui-code-block--line-numbers .ui-code-block__line{display:block}.ui-code-block--line-numbers .ui-code-block__line-number{display:inline-block;counter-increment:line-number;box-sizing:border-box;min-inline-size:var(--ui-_space-4);padding-inline-end:var(--ui-_space-2);margin-inline-end:var(--ui-_space-2);font-variant-numeric:tabular-nums;text-align:end;color:var(--ui-_line-number-color);border-inline-end:var(--ui-_border-width-sm) solid var(--ui-_line-number-border-color);user-select:none}.ui-code-block--line-numbers .ui-code-block__line-number::before{content:counter(line-number)}}
148
148
  @layer components.tokens{.ui-heading{--ui-_font-size: var(--ui-heading-font-size, var(--ui-font-size-xl, 1.5rem));--ui-_line-height: var(--ui-heading-line-height, var(--ui-leading-xl, 2rem));--ui-_weight: var(--ui-heading-weight, var(--ui-weight-bold, 700));--ui-_color: var(--ui-heading-color, var(--ui-color-text, hsl(220, 10%, 10%)))}.ui-heading--4xl{--ui-_font-size: var(--ui-heading-font-size-4xl, var(--ui-font-size-4xl, 2.5rem));--ui-_line-height: var(--ui-heading-line-height-4xl, var(--ui-leading-4xl, 3rem))}.ui-heading--3xl{--ui-_font-size: var(--ui-heading-font-size-3xl, var(--ui-font-size-3xl, 2rem));--ui-_line-height: var(--ui-heading-line-height-3xl, var(--ui-leading-3xl, 2.5rem))}.ui-heading--2xl{--ui-_font-size: var(--ui-heading-font-size-2xl, var(--ui-font-size-2xl, 1.75rem));--ui-_line-height: var(--ui-heading-line-height-2xl, var(--ui-leading-2xl, 2rem))}.ui-heading--xl{--ui-_font-size: var(--ui-heading-font-size-xl, var(--ui-font-size-xl, 1.5rem));--ui-_line-height: var(--ui-heading-line-height-xl, var(--ui-leading-xl, 2rem))}.ui-heading--lg{--ui-_font-size: var(--ui-heading-font-size-lg, var(--ui-font-size-lg, 1.25rem));--ui-_line-height: var(--ui-heading-line-height-lg, var(--ui-leading-lg, 2rem))}.ui-heading--md{--ui-_font-size: var(--ui-heading-font-size-md, var(--ui-font-size-md, 1rem));--ui-_line-height: var(--ui-heading-line-height-md, var(--ui-leading-tight-md, 1.5rem))}.ui-heading--sm{--ui-_font-size: var(--ui-heading-font-size-sm, var(--ui-font-size-sm, 0.875rem));--ui-_line-height: var(--ui-heading-line-height-sm, var(--ui-leading-tight-sm, 1rem))}}
149
149
  @layer components.styles{.ui-heading{margin:0;font-size:var(--ui-_font-size);font-weight:var(--ui-_weight);line-height:var(--ui-_line-height);color:var(--ui-_color)}}
150
- @layer components.tokens{.ui-kbd{--ui-_font-size: var(--ui-kbd-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_font-family: var(--ui-kbd-font-family, var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace));--ui-_padding-x: var(--ui-kbd-padding-x, var(--ui-space-0, 0.25rem));--ui-_padding-y: var(--ui-kbd-padding-y, var(--ui-space-0, 0.25rem));--ui-_bg: var(--ui-kbd-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_border-color: var(--ui-kbd-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_radius: var(--ui-kbd-radius, var(--ui-radius-sm, 0.25rem));--ui-_color: var(--ui-kbd-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}
151
- @layer components.styles{.ui-kbd{display:inline-flex;align-items:center;padding:var(--ui-_padding-y) var(--ui-_padding-x);font-family:var(--ui-_font-family);font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-border-width-sm, 0.0625rem) solid var(--ui-_border-color);border-radius:var(--ui-_radius);box-shadow:0 var(--ui-space-quarter, 0.125rem) 0 var(--ui-_border-color)}}
152
- @layer components.tokens{.ui-link{--ui-_color: var(--ui-link-color, var(--ui-color-primary));--ui-_color-hover: var(--ui-link-color-hover, var(--ui-color-primary-hover, color-mix(in srgb, var(--ui-_color) 85%, black)));--ui-_color-visited: var(--ui-link-color-visited, var(--ui-_color));--ui-_decoration: var(--ui-link-decoration, underline);--ui-_decoration-hover: var(--ui-link-decoration-hover, underline)}.ui-link--muted{--ui-_color: var(--ui-link-color-muted, var(--ui-color-text-muted));--ui-_color-hover: var(--ui-link-color-muted-hover, var(--ui-color-text))}.ui-link--subtle{--ui-_decoration: none;--ui-_decoration-hover: underline}}
153
- @layer components.styles{.ui-link{text-decoration:var(--ui-_decoration);color:var(--ui-_color);cursor:pointer;transition:color var(--ui-duration-fast, 100ms) var(--ui-ease-default, ease);text-underline-offset:calc(0.5rem/4)}.ui-link:hover{text-decoration:var(--ui-_decoration-hover);color:var(--ui-_color-hover)}.ui-link:focus-visible{border-radius:calc(0.5rem/4);outline:2px solid var(--ui-color-focus, var(--ui-color-primary));outline-offset:calc(0.5rem/4)}.ui-link:visited{color:var(--ui-_color-visited)}.ui-link--disabled,.ui-link[aria-disabled=true]{color:var(--ui-color-text-muted);opacity:.6;cursor:not-allowed;pointer-events:none}.ui-link--external::after{content:"↗";display:inline-block;margin-inline-start:calc(0.5rem/4);font-size:.75em}}
150
+ @layer components.tokens{.ui-kbd{--ui-_border-width-sm: var(--ui-border-width-sm, 0.0625rem);--ui-_space-quarter: var(--ui-space-quarter, 0.125rem);--ui-_font-size: var(--ui-kbd-font-size, var(--ui-font-size-sm, 0.875rem));--ui-_font-family: var(--ui-kbd-font-family, var(--ui-font-mono, ui-monospace, sfmono-regular, SF Mono, menlo, consolas, Liberation Mono, monospace));--ui-_padding-x: var(--ui-kbd-padding-x, var(--ui-space-0, 0.25rem));--ui-_padding-y: var(--ui-kbd-padding-y, var(--ui-space-0, 0.25rem));--ui-_bg: var(--ui-kbd-bg, var(--ui-color-bg-subtle, hsl(220, 10%, 96%)));--ui-_border-color: var(--ui-kbd-border-color, var(--ui-color-border, hsl(220, 10%, 90%)));--ui-_radius: var(--ui-kbd-radius, var(--ui-radius-sm, 0.25rem));--ui-_color: var(--ui-kbd-color, var(--ui-color-text, hsl(220, 10%, 10%)))}}
151
+ @layer components.styles{.ui-kbd{display:inline-flex;align-items:center;padding:var(--ui-_padding-y) var(--ui-_padding-x);font-family:var(--ui-_font-family);font-size:var(--ui-_font-size);line-height:1;color:var(--ui-_color);background:var(--ui-_bg);border:var(--ui-_border-width-sm) solid var(--ui-_border-color);border-radius:var(--ui-_radius);box-shadow:0 var(--ui-_space-quarter) 0 var(--ui-_border-color)}}
152
+ @layer components.tokens{.ui-link{--ui-_duration-fast: var(--ui-duration-fast, 100ms);--ui-_ease-default: var(--ui-ease-default, ease);--ui-_color-focus: var(--ui-color-focus, var(--ui-color-primary));--ui-_color-text-muted: var(--ui-color-text-muted);--ui-_color: var(--ui-link-color, var(--ui-color-primary));--ui-_color-hover: var(--ui-link-color-hover, var(--ui-color-primary-hover, color-mix(in srgb, var(--ui-_color) 85%, black)));--ui-_color-visited: var(--ui-link-color-visited, var(--ui-_color));--ui-_decoration: var(--ui-link-decoration, underline);--ui-_decoration-hover: var(--ui-link-decoration-hover, underline)}.ui-link--muted{--ui-_color: var(--ui-link-color-muted, var(--ui-color-text-muted));--ui-_color-hover: var(--ui-link-color-muted-hover, var(--ui-color-text))}.ui-link--subtle{--ui-_decoration: none;--ui-_decoration-hover: underline}}
153
+ @layer components.styles{.ui-link{text-decoration:var(--ui-_decoration);color:var(--ui-_color);cursor:pointer;transition:color var(--ui-_duration-fast) var(--ui-_ease-default);text-underline-offset:calc(0.5rem/4)}.ui-link:hover{text-decoration:var(--ui-_decoration-hover);color:var(--ui-_color-hover)}.ui-link:focus-visible{border-radius:calc(0.5rem/4);outline:2px solid var(--ui-_color-focus);outline-offset:calc(0.5rem/4)}.ui-link:visited{color:var(--ui-_color-visited)}.ui-link--disabled,.ui-link[aria-disabled=true]{color:var(--ui-_color-text-muted);opacity:.6;cursor:not-allowed;pointer-events:none}.ui-link--external::after{content:"↗";display:inline-block;margin-inline-start:calc(0.5rem/4);font-size:.75em}}
154
154
  @layer components.tokens{.ui-list{--ui-_spacing: var(--ui-list-spacing, 0.5rem);--ui-_marker-color: var(--ui-list-marker-color, var(--ui-color-text-muted, hsl(220, 10%, 45%)));--ui-_indent: var(--ui-list-indent, var(--ui-space-3, 1.5rem));--ui-_line-height: var(--ui-list-line-height, var(--ui-leading-md, 1.5rem))}.ui-list--compact{--ui-_spacing: 0}.ui-list--loose{--ui-_spacing: calc(0.5rem * 2)}}
155
155
  @layer components.styles{.ui-list{display:flex;flex-direction:column;gap:var(--ui-_spacing);padding-inline-start:var(--ui-_indent);margin:0;line-height:var(--ui-_line-height)}.ui-list::marker,.ui-list li::marker{color:var(--ui-_marker-color)}.ui-list--unstyled{padding-inline-start:0;list-style:none}.ui-list--inline{flex-direction:row;flex-wrap:wrap;padding-inline-start:0;list-style:none}.ui-list .ui-list{margin-block-start:var(--ui-_spacing)}.ui-list__item{line-height:var(--ui-_line-height)}}
156
156
  @layer components.tokens{.ui-mark{--ui-_bg: var(--ui-mark-bg, var(--ui-color-warning, oklch(75% 0.18 70deg)));--ui-_color: var(--ui-mark-color, var(--ui-color-text, hsl(220, 10%, 10%)));--ui-_padding-x: var(--ui-mark-padding-x, var(--ui-space-quarter, 0.125rem));--ui-_padding-y: var(--ui-mark-padding-y, 0);--ui-_radius: var(--ui-mark-radius, var(--ui-radius-sm, 0.25rem))}}