@ac-design/design-system 1.0.3 → 2.0.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 (186) hide show
  1. package/README.md +27 -18
  2. package/dist/lib/charts/ChartFrame.js +5 -0
  3. package/dist/lib/charts/ChartFrame.vue.d.ts +69 -0
  4. package/dist/lib/charts/ChartFrame.vue_vue_type_script_setup_true_lang.js +168 -0
  5. package/dist/lib/charts/index.d.ts +7 -0
  6. package/dist/lib/charts/index.js +5 -0
  7. package/dist/lib/charts/shared.d.ts +60 -0
  8. package/dist/lib/charts/shared.js +114 -0
  9. package/dist/lib/charts/xy.d.ts +65 -0
  10. package/dist/lib/charts/xy.js +92 -0
  11. package/dist/lib/compat.css +1707 -1042
  12. package/dist/lib/components/AcAccordion.vue_vue_type_script_setup_true_lang.js +2 -2
  13. package/dist/lib/components/AcAccordionItem.vue.d.ts +1 -1
  14. package/dist/lib/components/AcAccordionItem.vue_vue_type_script_setup_true_lang.js +5 -5
  15. package/dist/lib/components/AcAlert.vue.d.ts +1 -1
  16. package/dist/lib/components/AcAlert.vue_vue_type_script_setup_true_lang.js +19 -25
  17. package/dist/lib/components/AcAppSwitcher.vue_vue_type_script_setup_true_lang.js +19 -19
  18. package/dist/lib/components/AcAreaChart.js +5 -0
  19. package/dist/lib/components/AcAreaChart.vue.d.ts +44 -0
  20. package/dist/lib/components/AcAreaChart.vue_vue_type_script_setup_true_lang.js +215 -0
  21. package/dist/lib/components/AcAvatar.vue_vue_type_script_setup_true_lang.js +8 -8
  22. package/dist/lib/components/AcBadge.vue.d.ts +16 -7
  23. package/dist/lib/components/AcBadge.vue_vue_type_script_setup_true_lang.js +59 -43
  24. package/dist/lib/components/AcBanner.vue.d.ts +1 -1
  25. package/dist/lib/components/AcBanner.vue_vue_type_script_setup_true_lang.js +30 -30
  26. package/dist/lib/components/AcBarChart.js +5 -0
  27. package/dist/lib/components/AcBarChart.vue.d.ts +43 -0
  28. package/dist/lib/components/AcBarChart.vue_vue_type_script_setup_true_lang.js +217 -0
  29. package/dist/lib/components/AcBreadcrumb.vue_vue_type_script_setup_true_lang.js +27 -26
  30. package/dist/lib/components/AcBulkActionBar.js +5 -0
  31. package/dist/lib/components/AcBulkActionBar.vue.d.ts +43 -0
  32. package/dist/lib/components/AcBulkActionBar.vue_vue_type_script_setup_true_lang.js +84 -0
  33. package/dist/lib/components/AcButton.vue.d.ts +3 -3
  34. package/dist/lib/components/AcButton.vue_vue_type_script_setup_true_lang.js +42 -34
  35. package/dist/lib/components/AcButtons.vue_vue_type_script_setup_true_lang.js +1 -1
  36. package/dist/lib/components/AcCard.vue.d.ts +10 -2
  37. package/dist/lib/components/AcCard.vue_vue_type_script_setup_true_lang.js +37 -11
  38. package/dist/lib/components/AcCellValue.vue.d.ts +4 -1
  39. package/dist/lib/components/AcCellValue.vue_vue_type_script_setup_true_lang.js +214 -179
  40. package/dist/lib/components/AcCheckBox.vue.d.ts +17 -3
  41. package/dist/lib/components/AcCheckBox.vue_vue_type_script_setup_true_lang.js +126 -29
  42. package/dist/lib/components/AcCheckRadio.vue.d.ts +1 -1
  43. package/dist/lib/components/AcCheckRadio.vue_vue_type_script_setup_true_lang.js +33 -21
  44. package/dist/lib/components/AcCircularProgress.js +5 -0
  45. package/dist/lib/components/AcCircularProgress.vue.d.ts +44 -0
  46. package/dist/lib/components/AcCircularProgress.vue_vue_type_script_setup_true_lang.js +111 -0
  47. package/dist/lib/components/AcClusterSwitcher.vue_vue_type_script_setup_true_lang.js +142 -167
  48. package/dist/lib/components/AcCodeEditor.vue_vue_type_script_setup_true_lang.js +9 -9
  49. package/dist/lib/components/AcColorInput.js +5 -0
  50. package/dist/lib/components/AcColorInput.vue.d.ts +54 -0
  51. package/dist/lib/components/AcColorInput.vue_vue_type_script_setup_true_lang.js +187 -0
  52. package/dist/lib/components/AcConfirmModal.js +5 -0
  53. package/dist/lib/components/AcConfirmModal.vue.d.ts +56 -0
  54. package/dist/lib/components/AcConfirmModal.vue_vue_type_script_setup_true_lang.js +92 -0
  55. package/dist/lib/components/AcContentHeader.vue.d.ts +1 -1
  56. package/dist/lib/components/AcContentHeader.vue_vue_type_script_setup_true_lang.js +5 -4
  57. package/dist/lib/components/AcContentLayout.vue_vue_type_script_setup_true_lang.js +2 -2
  58. package/dist/lib/components/AcCopyButton.js +5 -0
  59. package/dist/lib/components/AcCopyButton.vue.d.ts +43 -0
  60. package/dist/lib/components/AcCopyButton.vue_vue_type_script_setup_true_lang.js +92 -0
  61. package/dist/lib/components/AcDatePicker.vue.d.ts +5 -5
  62. package/dist/lib/components/AcDatePicker.vue_vue_type_script_setup_true_lang.js +204 -213
  63. package/dist/lib/components/AcDeleteModal.vue.d.ts +4 -4
  64. package/dist/lib/components/AcDeleteModal.vue_vue_type_script_setup_true_lang.js +37 -46
  65. package/dist/lib/components/AcDonutChart.js +5 -0
  66. package/dist/lib/components/AcDonutChart.vue.d.ts +73 -0
  67. package/dist/lib/components/AcDonutChart.vue_vue_type_script_setup_true_lang.js +210 -0
  68. package/dist/lib/components/AcDropdown.vue.d.ts +1 -1
  69. package/dist/lib/components/AcDropdown.vue_vue_type_script_setup_true_lang.js +9 -9
  70. package/dist/lib/components/AcDropdownDivider.vue_vue_type_script_setup_true_lang.js +2 -2
  71. package/dist/lib/components/AcDropdownItem.vue.d.ts +1 -1
  72. package/dist/lib/components/AcDropdownItem.vue_vue_type_script_setup_true_lang.js +3 -3
  73. package/dist/lib/components/AcEmptyState.vue.d.ts +4 -1
  74. package/dist/lib/components/AcEmptyState.vue_vue_type_script_setup_true_lang.js +50 -39
  75. package/dist/lib/components/AcFeatureCard.vue_vue_type_script_setup_true_lang.js +14 -13
  76. package/dist/lib/components/AcFileEditor.vue_vue_type_script_setup_true_lang.js +16 -16
  77. package/dist/lib/components/AcFileUpload.vue.d.ts +2 -2
  78. package/dist/lib/components/AcFileUpload.vue_vue_type_script_setup_true_lang.js +55 -53
  79. package/dist/lib/components/AcFontScale.vue_vue_type_script_setup_true_lang.js +2 -2
  80. package/dist/lib/components/AcFooter.js +5 -0
  81. package/dist/lib/components/AcFooter.vue.d.ts +37 -0
  82. package/dist/lib/components/AcFooter.vue_vue_type_script_setup_true_lang.js +107 -0
  83. package/dist/lib/components/AcForm.vue.d.ts +3 -0
  84. package/dist/lib/components/AcForm.vue_vue_type_script_setup_true_lang.js +4 -2
  85. package/dist/lib/components/AcFormArray.vue.d.ts +2 -2
  86. package/dist/lib/components/AcFormArray.vue_vue_type_script_setup_true_lang.js +149 -147
  87. package/dist/lib/components/AcFormFooter.vue.d.ts +2 -2
  88. package/dist/lib/components/AcFormFooter.vue_vue_type_script_setup_true_lang.js +2 -2
  89. package/dist/lib/components/AcFormSection.vue.d.ts +7 -0
  90. package/dist/lib/components/AcFormSection.vue_vue_type_script_setup_true_lang.js +31 -21
  91. package/dist/lib/components/AcHeader.vue.d.ts +3 -3
  92. package/dist/lib/components/AcHeader.vue_vue_type_script_setup_true_lang.js +22 -22
  93. package/dist/lib/components/AcInfoTable.vue_vue_type_script_setup_true_lang.js +17 -13
  94. package/dist/lib/components/AcInput.vue.d.ts +3 -3
  95. package/dist/lib/components/AcInput.vue_vue_type_script_setup_true_lang.js +98 -87
  96. package/dist/lib/components/AcKbd.vue_vue_type_script_setup_true_lang.js +1 -1
  97. package/dist/lib/components/AcKeyValueInput.js +5 -0
  98. package/dist/lib/components/AcKeyValueInput.vue.d.ts +114 -0
  99. package/dist/lib/components/AcKeyValueInput.vue_vue_type_script_setup_true_lang.js +320 -0
  100. package/dist/lib/components/AcLineChart.js +5 -0
  101. package/dist/lib/components/AcLineChart.vue.d.ts +38 -0
  102. package/dist/lib/components/AcLineChart.vue_vue_type_script_setup_true_lang.js +187 -0
  103. package/dist/lib/components/AcLocaleSwitcher.js +5 -0
  104. package/dist/lib/components/AcLocaleSwitcher.vue.d.ts +46 -0
  105. package/dist/lib/components/AcLocaleSwitcher.vue_vue_type_script_setup_true_lang.js +103 -0
  106. package/dist/lib/components/AcModal.vue_vue_type_script_setup_true_lang.js +23 -23
  107. package/dist/lib/components/AcNavbar.vue_vue_type_script_setup_true_lang.js +6 -6
  108. package/dist/lib/components/AcNavbarItem.vue.d.ts +1 -1
  109. package/dist/lib/components/AcNavbarItem.vue_vue_type_script_setup_true_lang.js +22 -22
  110. package/dist/lib/components/AcNotificationMenu.vue_vue_type_script_setup_true_lang.js +26 -26
  111. package/dist/lib/components/AcNumberInput.js +5 -0
  112. package/dist/lib/components/AcNumberInput.vue.d.ts +79 -0
  113. package/dist/lib/components/AcNumberInput.vue_vue_type_script_setup_true_lang.js +251 -0
  114. package/dist/lib/components/AcPage.vue.d.ts +2 -2
  115. package/dist/lib/components/AcPage.vue_vue_type_script_setup_true_lang.js +2 -2
  116. package/dist/lib/components/AcPagination.vue.d.ts +20 -3
  117. package/dist/lib/components/AcPagination.vue_vue_type_script_setup_true_lang.js +81 -53
  118. package/dist/lib/components/AcPreloader.vue.d.ts +1 -1
  119. package/dist/lib/components/AcPreloader.vue_vue_type_script_setup_true_lang.js +3 -3
  120. package/dist/lib/components/AcProgress.vue.d.ts +2 -2
  121. package/dist/lib/components/AcProgress.vue_vue_type_script_setup_true_lang.js +4 -4
  122. package/dist/lib/components/AcResourceCard.vue.d.ts +2 -2
  123. package/dist/lib/components/AcResourceCard.vue_vue_type_script_setup_true_lang.js +13 -13
  124. package/dist/lib/components/AcSearchBar.vue.d.ts +1 -1
  125. package/dist/lib/components/AcSearchBar.vue_vue_type_script_setup_true_lang.js +9 -8
  126. package/dist/lib/components/AcSectionContent.vue.d.ts +2 -2
  127. package/dist/lib/components/AcSectionContent.vue_vue_type_script_setup_true_lang.js +8 -8
  128. package/dist/lib/components/AcSegmentedControl.vue.d.ts +1 -1
  129. package/dist/lib/components/AcSegmentedControl.vue_vue_type_script_setup_true_lang.js +4 -4
  130. package/dist/lib/components/AcSelect.vue.d.ts +4 -4
  131. package/dist/lib/components/AcSelect.vue_vue_type_script_setup_true_lang.js +230 -227
  132. package/dist/lib/components/AcSidePanel.vue_vue_type_script_setup_true_lang.js +31 -31
  133. package/dist/lib/components/AcSideTabs.vue.d.ts +1 -1
  134. package/dist/lib/components/AcSideTabs.vue_vue_type_script_setup_true_lang.js +37 -37
  135. package/dist/lib/components/AcSidebar.vue.d.ts +3 -3
  136. package/dist/lib/components/AcSidebar.vue_vue_type_script_setup_true_lang.js +75 -75
  137. package/dist/lib/components/AcSidebarItem.vue_vue_type_script_setup_true_lang.js +33 -32
  138. package/dist/lib/components/AcSidebarSection.vue_vue_type_script_setup_true_lang.js +6 -6
  139. package/dist/lib/components/AcSkeleton.vue_vue_type_script_setup_true_lang.js +8 -8
  140. package/dist/lib/components/AcSlider.vue.d.ts +1 -1
  141. package/dist/lib/components/AcSlider.vue_vue_type_script_setup_true_lang.js +174 -172
  142. package/dist/lib/components/AcStatCard.vue.d.ts +3 -3
  143. package/dist/lib/components/AcStatCard.vue_vue_type_script_setup_true_lang.js +90 -85
  144. package/dist/lib/components/AcStatusBar.vue.d.ts +1 -1
  145. package/dist/lib/components/AcStatusBar.vue_vue_type_script_setup_true_lang.js +6 -6
  146. package/dist/lib/components/AcSteps.vue_vue_type_script_setup_true_lang.js +28 -28
  147. package/dist/lib/components/AcSwitch.vue_vue_type_script_setup_true_lang.js +39 -34
  148. package/dist/lib/components/AcSwitchCard.js +5 -0
  149. package/dist/lib/components/AcSwitchCard.vue.d.ts +59 -0
  150. package/dist/lib/components/AcSwitchCard.vue_vue_type_script_setup_true_lang.js +119 -0
  151. package/dist/lib/components/AcTable.vue_vue_type_script_setup_true_lang.js +87 -87
  152. package/dist/lib/components/AcTabs.vue_vue_type_script_setup_true_lang.js +4 -4
  153. package/dist/lib/components/AcTag.vue.d.ts +1 -1
  154. package/dist/lib/components/AcTag.vue_vue_type_script_setup_true_lang.js +22 -22
  155. package/dist/lib/components/AcTagInput.js +5 -0
  156. package/dist/lib/components/AcTagInput.vue.d.ts +74 -0
  157. package/dist/lib/components/AcTagInput.vue_vue_type_script_setup_true_lang.js +291 -0
  158. package/dist/lib/components/AcTextarea.vue.d.ts +3 -3
  159. package/dist/lib/components/AcTextarea.vue_vue_type_script_setup_true_lang.js +89 -64
  160. package/dist/lib/components/AcThemeMode.vue_vue_type_script_setup_true_lang.js +3 -3
  161. package/dist/lib/components/AcTimePicker.js +5 -0
  162. package/dist/lib/components/AcTimePicker.vue.d.ts +65 -0
  163. package/dist/lib/components/AcTimePicker.vue_vue_type_script_setup_true_lang.js +463 -0
  164. package/dist/lib/components/AcToaster.vue_vue_type_script_setup_true_lang.js +65 -71
  165. package/dist/lib/components/AcTooltip.vue.d.ts +1 -1
  166. package/dist/lib/components/AcTooltip.vue_vue_type_script_setup_true_lang.js +77 -67
  167. package/dist/lib/components/AcUsageCard.vue_vue_type_script_setup_true_lang.js +27 -27
  168. package/dist/lib/components/AcUserMenu.vue_vue_type_script_setup_true_lang.js +111 -103
  169. package/dist/lib/components/index.d.ts +14 -2
  170. package/dist/lib/components/status.d.ts +26 -0
  171. package/dist/lib/components/status.js +110 -0
  172. package/dist/lib/composables/copyText.d.ts +2 -1
  173. package/dist/lib/composables/copyText.js +2 -2
  174. package/dist/lib/composables/useApiPagination.d.ts +55 -0
  175. package/dist/lib/composables/useApiPagination.js +58 -0
  176. package/dist/lib/composables/useBulkSelection.d.ts +44 -0
  177. package/dist/lib/composables/useBulkSelection.js +41 -0
  178. package/dist/lib/composables/useFormValidation.d.ts +65 -0
  179. package/dist/lib/composables/useFormValidation.js +148 -0
  180. package/dist/lib/composables/useTablePagination.d.ts +49 -0
  181. package/dist/lib/composables/useTablePagination.js +41 -0
  182. package/dist/lib/editor/theme.js +65 -62
  183. package/dist/lib/index.d.ts +14 -0
  184. package/dist/lib/index.js +95 -78
  185. package/dist/lib/theme.css +391 -272
  186. package/package.json +11 -4
package/dist/lib/compat.css CHANGED
@@ -13,40 +13,42 @@ th:is([data-ac-ds], [data-ac-ds] *), b:is([data-ac-ds], [data-ac-ds] *), strong:
13
13
  code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), samp:is([data-ac-ds], [data-ac-ds] *), pre:is([data-ac-ds], [data-ac-ds] *) { background-color: transparent; color: inherit; }
14
14
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
15
15
  :root, :host {
16
- --font-sans: "Geist Variable", "Geist", ui-sans-serif, system-ui, sans-serif;
17
- --font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
16
+ --font-sans: "Roboto Variable", "Roboto", ui-sans-serif, system-ui, sans-serif;
17
+ --font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
18
18
  --spacing: calc(4px * var(--ac-scale));
19
19
  --container-md: 448px;
20
20
  --container-3xl: 768px;
21
21
  --container-5xl: 1024px;
22
- --container-7xl: 1280px;
23
22
  --text-xs: calc(12px * var(--ac-scale));
24
23
  --text-xs--line-height: calc(16px * var(--ac-scale));
25
24
  --text-sm: calc(11px * var(--ac-scale));
26
25
  --text-sm--line-height: calc(16px * var(--ac-scale));
27
- --text-base: calc(13px * var(--ac-scale));
26
+ --text-base: calc(14px * var(--ac-scale));
28
27
  --text-base--line-height: calc(20px * var(--ac-scale));
29
- --text-lg: calc(14px * var(--ac-scale));
30
- --text-lg--line-height: calc(22px * var(--ac-scale));
31
- --text-xl: calc(16px * var(--ac-scale));
32
- --text-xl--line-height: calc(26px * var(--ac-scale));
33
- --text-2xl: calc(18px * var(--ac-scale));
28
+ --text-lg: calc(16px * var(--ac-scale));
29
+ --text-lg--line-height: calc(24px * var(--ac-scale));
30
+ --text-xl: calc(18px * var(--ac-scale));
31
+ --text-xl--line-height: calc(28px * var(--ac-scale));
32
+ --text-2xl: calc(20px * var(--ac-scale));
34
33
  --text-2xl--line-height: calc(28px * var(--ac-scale));
35
34
  --text-3xl: calc(24px * var(--ac-scale));
36
35
  --text-3xl--line-height: calc(32px * var(--ac-scale));
37
36
  --font-weight-normal: 400;
38
37
  --font-weight-medium: 500;
39
38
  --font-weight-semibold: 600;
39
+ --font-weight-bold: 700;
40
40
  --tracking-tight: -0.025em;
41
41
  --tracking-normal: 0em;
42
42
  --tracking-wide: 0.025em;
43
- --tracking-wider: 0.05em;
43
+ --leading-tight: 1.25;
44
+ --leading-snug: 1.375;
45
+ --leading-relaxed: 1.625;
44
46
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
45
47
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
46
48
  --animate-spin: ac-spin 1s linear infinite;
47
49
  --animate-ping: ac-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
48
50
  --animate-pulse: ac-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
49
- --blur-md: 12px;
51
+ --blur-sm: 8px;
50
52
  --default-transition-duration: 150ms;
51
53
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
52
54
  --default-font-family: var(--font-sans);
@@ -56,130 +58,87 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), sam
56
58
  --color-brand-navy: #193d4b;
57
59
  --color-brand-green: #00a651;
58
60
  --color-primary: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light));
59
- --color-primary-hover: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-light) - 3%));
61
+ --color-primary-hover: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light) / 0.9);
62
+ --color-primary-strong: hsl(var(--primary-hue) 94% 25%);
60
63
  --color-primary-10: hsl(var(--primary-hue) var(--primary-saturation) 10%);
61
- --color-primary-20: hsl(var(--primary-hue) var(--primary-saturation) 20%);
62
- --color-primary-30: hsl(var(--primary-hue) var(--primary-saturation) 30%);
63
- --color-primary-40: hsl(var(--primary-hue) var(--primary-saturation) 40%);
64
- --color-primary-70: hsl(var(--primary-hue) var(--primary-saturation) 70%);
65
- --color-primary-80: hsl(var(--primary-hue) var(--primary-saturation) 80%);
66
64
  --color-primary-90: hsl(var(--primary-hue) var(--primary-saturation) 90%);
67
- --color-primary-93: hsl(var(--primary-hue) var(--primary-saturation) 93%);
68
- --color-primary-95: hsl(var(--primary-hue) var(--primary-saturation) 95%);
69
- --color-primary-97: hsl(var(--primary-hue) var(--primary-saturation) 97%);
70
65
  --color-secondary: hsl(var(--secondary-hue) var(--secondary-saturation) var(--secondary-light));
71
- --color-secondary-10: hsl(var(--secondary-hue) var(--secondary-saturation) 10%);
72
66
  --color-secondary-20: hsl(var(--secondary-hue) var(--secondary-saturation) 20%);
73
67
  --color-secondary-40: hsl(var(--secondary-hue) var(--secondary-saturation) 40%);
74
68
  --color-secondary-70: hsl(var(--secondary-hue) var(--secondary-saturation) 70%);
75
- --color-secondary-90: hsl(var(--secondary-hue) var(--secondary-saturation) 90%);
76
69
  --color-secondary-95: hsl(var(--secondary-hue) var(--secondary-saturation) 95%);
77
- --color-green-10: hsl(141 53% 10%);
78
- --color-green-20: hsl(141 53% 20%);
79
- --color-green-30: hsl(141 53% 30%);
80
- --color-green-40: hsl(141 53% 40%);
81
- --color-green-50: hsl(141 53% 50%);
82
- --color-green-70: hsl(141 53% 70%);
83
- --color-green-80: hsl(141 53% 80%);
84
- --color-green-90: hsl(141 53% 90%);
85
- --color-green-93: hsl(141 53% 93%);
86
- --color-green-95: hsl(141 53% 95%);
87
- --color-green-97: hsl(141 53% 97%);
88
- --color-blue-10: hsl(217 71% 10%);
89
- --color-blue-20: hsl(217 71% 20%);
90
- --color-blue-30: hsl(217 71% 30%);
91
- --color-blue-40: hsl(217 71% 40%);
92
- --color-blue-50: hsl(217 71% 50%);
93
- --color-blue-80: hsl(217 71% 80%);
94
- --color-blue-90: hsl(217 71% 90%);
95
- --color-blue-93: hsl(217 71% 93%);
96
- --color-blue-95: hsl(217 71% 95%);
97
- --color-blue-97: hsl(217 71% 97%);
98
- --color-purple-20: hsl(286 66% 20%);
99
- --color-purple-40: hsl(286 66% 40%);
100
- --color-purple-50: hsl(286 66% 50%);
101
- --color-purple-90: hsl(286 66% 90%);
102
- --color-purple-95: hsl(286 66% 95%);
103
- --color-yellow-10: hsl(38 93% 10%);
104
- --color-yellow-20: hsl(38 93% 20%);
105
- --color-yellow-30: hsl(38 93% 30%);
106
- --color-yellow-40: hsl(38 93% 40%);
107
- --color-yellow-50: hsl(38 93% 50%);
108
- --color-yellow-70: hsl(38 93% 70%);
109
- --color-yellow-80: hsl(38 93% 80%);
110
- --color-yellow-90: hsl(38 93% 90%);
111
- --color-yellow-93: hsl(38 93% 93%);
112
- --color-yellow-95: hsl(38 93% 95%);
113
- --color-yellow-97: hsl(38 93% 97%);
114
- --color-red-10: hsl(348 100% 10%);
115
- --color-red-20: hsl(348 100% 20%);
116
- --color-red-30: hsl(348 100% 30%);
117
- --color-red-40: hsl(348 100% 40%);
118
- --color-red-50: hsl(348 100% 50%);
119
- --color-red-60: hsl(348 100% 60%);
120
- --color-red-80: hsl(348 100% 80%);
121
- --color-red-90: hsl(348 100% 90%);
122
- --color-red-93: hsl(348 100% 93%);
123
- --color-red-95: hsl(348 100% 95%);
124
- --color-red-97: hsl(348 100% 97%);
125
- --color-gray-10: hsl(0 0% 10%);
126
- --color-gray-20: hsl(0 0% 20%);
127
- --color-gray-40: hsl(0 0% 40%);
128
- --color-gray-50: hsl(0 0% 50%);
129
- --color-gray-70: hsl(0 0% 70%);
130
- --color-gray-95: hsl(0 0% 95%);
131
- --color-success: hsl(141 53% 34%);
132
- --color-info: var(--color-blue-50);
133
- --color-warning: var(--color-yellow-50);
134
- --color-danger: var(--color-red-40);
135
- --color-success-hover: hsl(141 53% 30%);
136
- --color-info-hover: hsl(217 71% 42%);
137
- --color-warning-hover: hsl(38 93% 58%);
138
- --color-danger-hover: hsl(348 100% 33%);
139
- --color-on-warning: hsl(38 93% 8%);
140
- --color-slate-5: #020617;
141
- --color-slate-10: #0f172a;
142
- --color-slate-20: #1e293b;
143
- --color-slate-30: #334155;
144
- --color-slate-40: #475569;
145
- --color-slate-50: #64748b;
146
- --color-slate-60: #94a3b8;
147
- --color-slate-70: #cbd5e1;
148
- --color-slate-80: #e2e8f0;
149
- --color-slate-90: #f1f5f9;
150
- --color-slate-95: #f8fafc;
151
- --color-heading: var(--color-slate-5);
152
- --color-body: var(--color-slate-30);
153
- --color-label: var(--color-slate-40);
154
- --color-muted: var(--color-slate-50);
155
- --color-border-light: var(--color-slate-90);
156
- --color-border: var(--color-slate-80);
157
- --color-border-dark: var(--color-slate-70);
158
- --color-sidebar: hsl(var(--primary-hue) 10% 5%);
159
- --color-surface: var(--color-white);
160
- --color-surface-muted: var(--color-slate-95);
161
- --color-surface-sunken: var(--color-slate-90);
162
- --color-ring: hsl(var(--primary-hue) var(--primary-saturation) 40% / 0.28);
163
- --color-overlay: rgb(2 6 23 / 0.4);
70
+ --color-green-30: hsl(149 65% 30%);
71
+ --color-blue-40: hsl(215 85% 40%);
72
+ --color-purple-40: hsl(262 75% 40%);
73
+ --color-purple-50: hsl(262 75% 50%);
74
+ --color-yellow-30: hsl(38 92% 30%);
75
+ --color-red-40: hsl(0 75% 40%);
76
+ --color-success: #00a651;
77
+ --color-info: #0069ff;
78
+ --color-warning: #f59e0b;
79
+ --color-danger: #ef4444;
80
+ --color-pending: #8b5cf6;
81
+ --color-success-hover: rgb(0 166 81 / 0.9);
82
+ --color-info-hover: rgb(0 105 255 / 0.9);
83
+ --color-warning-hover: rgb(245 158 11 / 0.9);
84
+ --color-danger-hover: rgb(239 68 68 / 0.9);
85
+ --color-on-warning: #1c1300;
86
+ --color-success-strong: #047a3c;
87
+ --color-info-strong: #0050c4;
88
+ --color-warning-strong: #a15c07;
89
+ --color-danger-strong: #c81e1e;
90
+ --color-pending-strong: #6d28d9;
91
+ --color-slate-20: #252525;
92
+ --color-slate-50: #5c5c5c;
93
+ --color-slate-60: #8f8f8f;
94
+ --color-slate-80: #ebebeb;
95
+ --color-slate-90: #f0f0f0;
96
+ --color-slate-95: #f7f7f7;
97
+ --color-heading: #252525;
98
+ --color-body: #252525;
99
+ --color-muted: #5c5c5c;
100
+ --color-border: #ebebeb;
101
+ --color-border-dark: #d6d6d6;
102
+ --color-sidebar: #171717;
103
+ --color-background: #f9fafb;
104
+ --color-surface: #ffffff;
105
+ --color-surface-muted: #f8f8f8;
106
+ --color-surface-sunken: #f0f0f0;
107
+ --color-accent: #eaf0f4;
108
+ --color-accent-hover: #f2f9fd;
109
+ --color-accent-active: #dae9f5;
110
+ --color-ring: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light));
111
+ --color-overlay: rgb(0 0 0 / 0.6);
112
+ --color-tooltip: #171717;
113
+ --color-on-tooltip: #f5f5f5;
114
+ --color-chart-1: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light));
115
+ --color-chart-2: #0069ff;
116
+ --color-chart-3: #d97706;
117
+ --color-chart-4: #8b5cf6;
118
+ --color-chart-5: #ef4444;
119
+ --color-chart-6: #0891b2;
120
+ --color-chart-7: #737373;
121
+ --color-chart-8: #b5b5b5;
122
+ --font-heading: "Google Sans Flex Variable", "Google Sans Flex", "Roboto Variable", "Roboto", ui-sans-serif, system-ui, sans-serif;
164
123
  --text-xm: calc(10px * var(--ac-scale));
165
124
  --text-xm--line-height: calc(14px * var(--ac-scale));
166
125
  --text-3xl--letter-spacing: -0.02em;
167
- --text-h1: calc(32px * var(--ac-scale));
168
- --text-h2: calc(26px * var(--ac-scale));
169
- --text-h3: calc(22px * var(--ac-scale));
126
+ --text-h1: calc(30px * var(--ac-scale));
127
+ --text-h2: calc(24px * var(--ac-scale));
128
+ --text-h3: calc(20px * var(--ac-scale));
170
129
  --text-h4: calc(18px * var(--ac-scale));
171
- --text-h5: calc(15px * var(--ac-scale));
172
- --text-h6: calc(13px * var(--ac-scale));
173
- --radius-2: calc(2px * var(--ac-scale));
130
+ --text-h5: calc(16px * var(--ac-scale));
131
+ --text-h6: calc(14px * var(--ac-scale));
132
+ --container-page: 1200px;
174
133
  --radius-4: calc(4px * var(--ac-scale));
175
134
  --radius-6: calc(6px * var(--ac-scale));
176
135
  --radius-8: calc(8px * var(--ac-scale));
177
136
  --radius-10: calc(10px * var(--ac-scale));
178
- --radius-12: calc(12px * var(--ac-scale));
179
- --radius-50: calc(50px * var(--ac-scale));
180
- --shadow-md: 0 2px 4px -1px rgb(15 23 42 / 0.05), 0 4px 10px -2px rgb(15 23 42 / 0.07);
137
+ --radius-14: calc(14px * var(--ac-scale));
138
+ --radius-16: calc(16px * var(--ac-scale));
139
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
181
140
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
182
- --animate-pop-in: ac-pop-in 0.2s var(--ease-out-soft) both;
141
+ --animate-pop-in: ac-pop-in 0.15s var(--ease-out-soft) both;
183
142
  }
184
143
  *:is([data-ac-ds], [data-ac-ds] *), :is([data-ac-ds], [data-ac-ds] *)::after, :is([data-ac-ds], [data-ac-ds] *)::before, :is([data-ac-ds], [data-ac-ds] *)::backdrop, :is([data-ac-ds], [data-ac-ds] *)::file-selector-button {
185
144
  box-sizing: border-box;
@@ -384,15 +343,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
384
343
  .inset-y-0:where([data-ac-ds], [data-ac-ds] *) {
385
344
  inset-block: 0px !important;
386
345
  }
387
- .-top-0\.5:where([data-ac-ds], [data-ac-ds] *) {
388
- top: calc(var(--spacing) * -0.5) !important;
389
- }
390
- .-top-px:where([data-ac-ds], [data-ac-ds] *) {
391
- top: -1px !important;
346
+ .-top-1:where([data-ac-ds], [data-ac-ds] *) {
347
+ top: calc(var(--spacing) * -1) !important;
392
348
  }
393
349
  .top-0:where([data-ac-ds], [data-ac-ds] *) {
394
350
  top: 0px !important;
395
351
  }
352
+ .top-0\.5:where([data-ac-ds], [data-ac-ds] *) {
353
+ top: calc(var(--spacing) * 0.5) !important;
354
+ }
396
355
  .top-1:where([data-ac-ds], [data-ac-ds] *) {
397
356
  top: var(--spacing) !important;
398
357
  }
@@ -402,14 +361,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
402
361
  .top-1\/2:where([data-ac-ds], [data-ac-ds] *) {
403
362
  top: calc(1 / 2 * 100%) !important;
404
363
  }
364
+ .top-2:where([data-ac-ds], [data-ac-ds] *) {
365
+ top: calc(var(--spacing) * 2) !important;
366
+ }
405
367
  .top-3:where([data-ac-ds], [data-ac-ds] *) {
406
368
  top: calc(var(--spacing) * 3) !important;
407
369
  }
408
- .top-3\.5:where([data-ac-ds], [data-ac-ds] *) {
409
- top: calc(var(--spacing) * 3.5) !important;
370
+ .top-4:where([data-ac-ds], [data-ac-ds] *) {
371
+ top: calc(var(--spacing) * 4) !important;
410
372
  }
411
- .top-9:where([data-ac-ds], [data-ac-ds] *) {
412
- top: calc(var(--spacing) * 9) !important;
373
+ .top-10:where([data-ac-ds], [data-ac-ds] *) {
374
+ top: calc(var(--spacing) * 10) !important;
413
375
  }
414
376
  .top-full:where([data-ac-ds], [data-ac-ds] *) {
415
377
  top: 100% !important;
@@ -429,9 +391,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
429
391
  .right-2:where([data-ac-ds], [data-ac-ds] *) {
430
392
  right: calc(var(--spacing) * 2) !important;
431
393
  }
432
- .right-2\.5:where([data-ac-ds], [data-ac-ds] *) {
433
- right: calc(var(--spacing) * 2.5) !important;
434
- }
435
394
  .right-3:where([data-ac-ds], [data-ac-ds] *) {
436
395
  right: calc(var(--spacing) * 3) !important;
437
396
  }
@@ -441,8 +400,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
441
400
  .bottom-0:where([data-ac-ds], [data-ac-ds] *) {
442
401
  bottom: 0px !important;
443
402
  }
444
- .bottom-1:where([data-ac-ds], [data-ac-ds] *) {
445
- bottom: var(--spacing) !important;
403
+ .bottom-2:where([data-ac-ds], [data-ac-ds] *) {
404
+ bottom: calc(var(--spacing) * 2) !important;
446
405
  }
447
406
  .bottom-3:where([data-ac-ds], [data-ac-ds] *) {
448
407
  bottom: calc(var(--spacing) * 3) !important;
@@ -453,14 +412,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
453
412
  .left-0:where([data-ac-ds], [data-ac-ds] *) {
454
413
  left: 0px !important;
455
414
  }
415
+ .left-0\.5:where([data-ac-ds], [data-ac-ds] *) {
416
+ left: calc(var(--spacing) * 0.5) !important;
417
+ }
456
418
  .left-1\/2:where([data-ac-ds], [data-ac-ds] *) {
457
419
  left: calc(1 / 2 * 100%) !important;
458
420
  }
459
- .left-2\.5:where([data-ac-ds], [data-ac-ds] *) {
460
- left: calc(var(--spacing) * 2.5) !important;
461
- }
462
- .left-2\.25:where([data-ac-ds], [data-ac-ds] *) {
463
- left: calc(var(--spacing) * 2.25) !important;
421
+ .left-3:where([data-ac-ds], [data-ac-ds] *) {
422
+ left: calc(var(--spacing) * 3) !important;
464
423
  }
465
424
  .left-3\.5:where([data-ac-ds], [data-ac-ds] *) {
466
425
  left: calc(var(--spacing) * 3.5) !important;
@@ -468,8 +427,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
468
427
  .left-4:where([data-ac-ds], [data-ac-ds] *) {
469
428
  left: calc(var(--spacing) * 4) !important;
470
429
  }
471
- .left-\[calc\(50\%\+22px\)\]:where([data-ac-ds], [data-ac-ds] *) {
472
- left: calc(50% + 22px) !important;
430
+ .left-5:where([data-ac-ds], [data-ac-ds] *) {
431
+ left: calc(var(--spacing) * 5) !important;
432
+ }
433
+ .left-\[calc\(50\%\+26px\)\]:where([data-ac-ds], [data-ac-ds] *) {
434
+ left: calc(50% + 26px) !important;
473
435
  }
474
436
  .isolate:where([data-ac-ds], [data-ac-ds] *) {
475
437
  isolation: isolate !important;
@@ -498,6 +460,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
498
460
  .z-\[100\]:where([data-ac-ds], [data-ac-ds] *) {
499
461
  z-index: 100 !important;
500
462
  }
463
+ .order-last:where([data-ac-ds], [data-ac-ds] *) {
464
+ order: 9999 !important;
465
+ }
501
466
  .container:where([data-ac-ds], [data-ac-ds] *) {
502
467
  width: 100% !important;
503
468
  @media (width >= 40rem) {
@@ -522,14 +487,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
522
487
  .m-auto:where([data-ac-ds], [data-ac-ds] *) {
523
488
  margin: auto !important;
524
489
  }
525
- .-mx-1:where([data-ac-ds], [data-ac-ds] *) {
526
- margin-inline: calc(var(--spacing) * -1) !important;
490
+ .-mx-2:where([data-ac-ds], [data-ac-ds] *) {
491
+ margin-inline: calc(var(--spacing) * -2) !important;
527
492
  }
528
493
  .mx-1:where([data-ac-ds], [data-ac-ds] *) {
529
494
  margin-inline: var(--spacing) !important;
530
495
  }
531
- .mx-2:where([data-ac-ds], [data-ac-ds] *) {
532
- margin-inline: calc(var(--spacing) * 2) !important;
496
+ .mx-1\.5:where([data-ac-ds], [data-ac-ds] *) {
497
+ margin-inline: calc(var(--spacing) * 1.5) !important;
533
498
  }
534
499
  .mx-auto:where([data-ac-ds], [data-ac-ds] *) {
535
500
  margin-inline: auto !important;
@@ -540,6 +505,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
540
505
  .-my-1:where([data-ac-ds], [data-ac-ds] *) {
541
506
  margin-block: calc(var(--spacing) * -1) !important;
542
507
  }
508
+ .-my-1\.5:where([data-ac-ds], [data-ac-ds] *) {
509
+ margin-block: calc(var(--spacing) * -1.5) !important;
510
+ }
543
511
  .my-1:where([data-ac-ds], [data-ac-ds] *) {
544
512
  margin-block: var(--spacing) !important;
545
513
  }
@@ -564,6 +532,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
564
532
  .mt-2:where([data-ac-ds], [data-ac-ds] *) {
565
533
  margin-top: calc(var(--spacing) * 2) !important;
566
534
  }
535
+ .mt-2\.5:where([data-ac-ds], [data-ac-ds] *) {
536
+ margin-top: calc(var(--spacing) * 2.5) !important;
537
+ }
567
538
  .mt-3:where([data-ac-ds], [data-ac-ds] *) {
568
539
  margin-top: calc(var(--spacing) * 3) !important;
569
540
  }
@@ -573,6 +544,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
573
544
  .mt-5:where([data-ac-ds], [data-ac-ds] *) {
574
545
  margin-top: calc(var(--spacing) * 5) !important;
575
546
  }
547
+ .mt-6:where([data-ac-ds], [data-ac-ds] *) {
548
+ margin-top: calc(var(--spacing) * 6) !important;
549
+ }
576
550
  .mt-auto:where([data-ac-ds], [data-ac-ds] *) {
577
551
  margin-top: auto !important;
578
552
  }
@@ -588,12 +562,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
588
562
  .-mr-1\.5:where([data-ac-ds], [data-ac-ds] *) {
589
563
  margin-right: calc(var(--spacing) * -1.5) !important;
590
564
  }
565
+ .-mr-2:where([data-ac-ds], [data-ac-ds] *) {
566
+ margin-right: calc(var(--spacing) * -2) !important;
567
+ }
568
+ .mr-1:where([data-ac-ds], [data-ac-ds] *) {
569
+ margin-right: var(--spacing) !important;
570
+ }
591
571
  .mr-1\.5:where([data-ac-ds], [data-ac-ds] *) {
592
572
  margin-right: calc(var(--spacing) * 1.5) !important;
593
573
  }
594
- .-mb-px:where([data-ac-ds], [data-ac-ds] *) {
595
- margin-bottom: -1px !important;
596
- }
597
574
  .mb-1:where([data-ac-ds], [data-ac-ds] *) {
598
575
  margin-bottom: var(--spacing) !important;
599
576
  }
@@ -606,15 +583,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
606
583
  .mb-3:where([data-ac-ds], [data-ac-ds] *) {
607
584
  margin-bottom: calc(var(--spacing) * 3) !important;
608
585
  }
586
+ .mb-4:where([data-ac-ds], [data-ac-ds] *) {
587
+ margin-bottom: calc(var(--spacing) * 4) !important;
588
+ }
609
589
  .mb-5:where([data-ac-ds], [data-ac-ds] *) {
610
590
  margin-bottom: calc(var(--spacing) * 5) !important;
611
591
  }
612
592
  .-ml-0\.5:where([data-ac-ds], [data-ac-ds] *) {
613
593
  margin-left: calc(var(--spacing) * -0.5) !important;
614
594
  }
615
- .-ml-1:where([data-ac-ds], [data-ac-ds] *) {
616
- margin-left: calc(var(--spacing) * -1) !important;
617
- }
618
595
  .-ml-1\.5:where([data-ac-ds], [data-ac-ds] *) {
619
596
  margin-left: calc(var(--spacing) * -1.5) !important;
620
597
  }
@@ -624,8 +601,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
624
601
  .ml-1:where([data-ac-ds], [data-ac-ds] *) {
625
602
  margin-left: var(--spacing) !important;
626
603
  }
627
- .ml-4\.5:where([data-ac-ds], [data-ac-ds] *) {
628
- margin-left: calc(var(--spacing) * 4.5) !important;
604
+ .ml-5:where([data-ac-ds], [data-ac-ds] *) {
605
+ margin-left: calc(var(--spacing) * 5) !important;
629
606
  }
630
607
  .ml-auto:where([data-ac-ds], [data-ac-ds] *) {
631
608
  margin-left: auto !important;
@@ -678,14 +655,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
678
655
  .ac-scrollbar:where([data-ac-ds], [data-ac-ds] *) {
679
656
  overflow: auto !important;
680
657
  scrollbar-width: thin !important;
681
- scrollbar-color: var(--color-slate-70) transparent !important;
658
+ scrollbar-color: rgb(176 176 176 / 0.55) transparent !important;
682
659
  &:where([data-ac-ds], [data-ac-ds] *)::-webkit-scrollbar {
683
- width: 6px !important;
684
- height: 6px !important;
660
+ width: 4px !important;
661
+ height: 4px !important;
685
662
  }
686
663
  &:where([data-ac-ds], [data-ac-ds] *)::-webkit-scrollbar-thumb {
687
- background-color: var(--color-slate-70) !important;
688
- border-radius: 50px !important;
664
+ background-color: #b0b0b0 !important;
665
+ border-radius: 9999px !important;
689
666
  }
690
667
  &:where([data-ac-ds], [data-ac-ds] *)::-webkit-scrollbar-track {
691
668
  background: transparent !important;
@@ -727,10 +704,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
727
704
  width: calc(var(--spacing) * 5) !important;
728
705
  height: calc(var(--spacing) * 5) !important;
729
706
  }
730
- .size-5\.5:where([data-ac-ds], [data-ac-ds] *) {
731
- width: calc(var(--spacing) * 5.5) !important;
732
- height: calc(var(--spacing) * 5.5) !important;
733
- }
734
707
  .size-6:where([data-ac-ds], [data-ac-ds] *) {
735
708
  width: calc(var(--spacing) * 6) !important;
736
709
  height: calc(var(--spacing) * 6) !important;
@@ -759,9 +732,13 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
759
732
  width: calc(var(--spacing) * 12) !important;
760
733
  height: calc(var(--spacing) * 12) !important;
761
734
  }
762
- .size-14:where([data-ac-ds], [data-ac-ds] *) {
763
- width: calc(var(--spacing) * 14) !important;
764
- height: calc(var(--spacing) * 14) !important;
735
+ .size-16:where([data-ac-ds], [data-ac-ds] *) {
736
+ width: calc(var(--spacing) * 16) !important;
737
+ height: calc(var(--spacing) * 16) !important;
738
+ }
739
+ .size-20:where([data-ac-ds], [data-ac-ds] *) {
740
+ width: calc(var(--spacing) * 20) !important;
741
+ height: calc(var(--spacing) * 20) !important;
765
742
  }
766
743
  .size-full:where([data-ac-ds], [data-ac-ds] *) {
767
744
  width: 100% !important;
@@ -803,9 +780,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
803
780
  .h-6:where([data-ac-ds], [data-ac-ds] *) {
804
781
  height: calc(var(--spacing) * 6) !important;
805
782
  }
806
- .h-6\.5:where([data-ac-ds], [data-ac-ds] *) {
807
- height: calc(var(--spacing) * 6.5) !important;
808
- }
809
783
  .h-7:where([data-ac-ds], [data-ac-ds] *) {
810
784
  height: calc(var(--spacing) * 7) !important;
811
785
  }
@@ -815,6 +789,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
815
789
  .h-9:where([data-ac-ds], [data-ac-ds] *) {
816
790
  height: calc(var(--spacing) * 9) !important;
817
791
  }
792
+ .h-9\.5:where([data-ac-ds], [data-ac-ds] *) {
793
+ height: calc(var(--spacing) * 9.5) !important;
794
+ }
818
795
  .h-10:where([data-ac-ds], [data-ac-ds] *) {
819
796
  height: calc(var(--spacing) * 10) !important;
820
797
  }
@@ -824,8 +801,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
824
801
  .h-12:where([data-ac-ds], [data-ac-ds] *) {
825
802
  height: calc(var(--spacing) * 12) !important;
826
803
  }
827
- .h-14:where([data-ac-ds], [data-ac-ds] *) {
828
- height: calc(var(--spacing) * 14) !important;
804
+ .h-13:where([data-ac-ds], [data-ac-ds] *) {
805
+ height: calc(var(--spacing) * 13) !important;
806
+ }
807
+ .h-18:where([data-ac-ds], [data-ac-ds] *) {
808
+ height: calc(var(--spacing) * 18) !important;
809
+ }
810
+ .h-32:where([data-ac-ds], [data-ac-ds] *) {
811
+ height: calc(var(--spacing) * 32) !important;
812
+ }
813
+ .h-48:where([data-ac-ds], [data-ac-ds] *) {
814
+ height: calc(var(--spacing) * 48) !important;
829
815
  }
830
816
  .h-full:where([data-ac-ds], [data-ac-ds] *) {
831
817
  height: 100% !important;
@@ -857,8 +843,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
857
843
  .min-h-10:where([data-ac-ds], [data-ac-ds] *) {
858
844
  min-height: calc(var(--spacing) * 10) !important;
859
845
  }
860
- .min-h-11:where([data-ac-ds], [data-ac-ds] *) {
861
- min-height: calc(var(--spacing) * 11) !important;
846
+ .min-h-12:where([data-ac-ds], [data-ac-ds] *) {
847
+ min-height: calc(var(--spacing) * 12) !important;
862
848
  }
863
849
  .min-h-16:where([data-ac-ds], [data-ac-ds] *) {
864
850
  min-height: calc(var(--spacing) * 16) !important;
@@ -890,8 +876,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
890
876
  .w-3\/5:where([data-ac-ds], [data-ac-ds] *) {
891
877
  width: calc(3 / 5 * 100%) !important;
892
878
  }
893
- .w-6:where([data-ac-ds], [data-ac-ds] *) {
894
- width: calc(var(--spacing) * 6) !important;
879
+ .w-5:where([data-ac-ds], [data-ac-ds] *) {
880
+ width: calc(var(--spacing) * 5) !important;
895
881
  }
896
882
  .w-7:where([data-ac-ds], [data-ac-ds] *) {
897
883
  width: calc(var(--spacing) * 7) !important;
@@ -947,11 +933,17 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
947
933
  .w-60:where([data-ac-ds], [data-ac-ds] *) {
948
934
  width: calc(var(--spacing) * 60) !important;
949
935
  }
936
+ .w-64:where([data-ac-ds], [data-ac-ds] *) {
937
+ width: calc(var(--spacing) * 64) !important;
938
+ }
950
939
  .w-72:where([data-ac-ds], [data-ac-ds] *) {
951
940
  width: calc(var(--spacing) * 72) !important;
952
941
  }
953
- .w-\[calc\(100\%-44px\)\]:where([data-ac-ds], [data-ac-ds] *) {
954
- width: calc(100% - 44px) !important;
942
+ .w-76:where([data-ac-ds], [data-ac-ds] *) {
943
+ width: calc(var(--spacing) * 76) !important;
944
+ }
945
+ .w-\[calc\(100\%-52px\)\]:where([data-ac-ds], [data-ac-ds] *) {
946
+ width: calc(100% - 52px) !important;
955
947
  }
956
948
  .w-\[calc\(276px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
957
949
  width: calc(276px * var(--ac-scale)) !important;
@@ -983,9 +975,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
983
975
  .max-w-5xl:where([data-ac-ds], [data-ac-ds] *) {
984
976
  max-width: var(--container-5xl) !important;
985
977
  }
986
- .max-w-7xl:where([data-ac-ds], [data-ac-ds] *) {
987
- max-width: var(--container-7xl) !important;
988
- }
989
978
  .max-w-36:where([data-ac-ds], [data-ac-ds] *) {
990
979
  max-width: calc(var(--spacing) * 36) !important;
991
980
  }
@@ -998,9 +987,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
998
987
  .max-w-80:where([data-ac-ds], [data-ac-ds] *) {
999
988
  max-width: calc(var(--spacing) * 80) !important;
1000
989
  }
1001
- .max-w-100:where([data-ac-ds], [data-ac-ds] *) {
1002
- max-width: calc(var(--spacing) * 100) !important;
1003
- }
1004
990
  .max-w-110:where([data-ac-ds], [data-ac-ds] *) {
1005
991
  max-width: calc(var(--spacing) * 110) !important;
1006
992
  }
@@ -1022,8 +1008,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1022
1008
  .max-w-\[85\%\]:where([data-ac-ds], [data-ac-ds] *) {
1023
1009
  max-width: 85% !important;
1024
1010
  }
1025
- .max-w-\[calc\(100\%-20px\)\]:where([data-ac-ds], [data-ac-ds] *) {
1026
- max-width: calc(100% - 20px) !important;
1011
+ .max-w-\[280px\]:where([data-ac-ds], [data-ac-ds] *) {
1012
+ max-width: 280px !important;
1013
+ }
1014
+ .max-w-\[320px\]:where([data-ac-ds], [data-ac-ds] *) {
1015
+ max-width: 320px !important;
1027
1016
  }
1028
1017
  .max-w-\[calc\(100vw-16px\)\]:where([data-ac-ds], [data-ac-ds] *) {
1029
1018
  max-width: calc(100vw - 16px) !important;
@@ -1040,15 +1029,21 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1040
1029
  .max-w-md:where([data-ac-ds], [data-ac-ds] *) {
1041
1030
  max-width: var(--container-md) !important;
1042
1031
  }
1032
+ .max-w-page:where([data-ac-ds], [data-ac-ds] *) {
1033
+ max-width: var(--container-page) !important;
1034
+ }
1035
+ .max-w-prose:where([data-ac-ds], [data-ac-ds] *) {
1036
+ max-width: 65ch !important;
1037
+ }
1043
1038
  .min-w-0:where([data-ac-ds], [data-ac-ds] *) {
1044
1039
  min-width: 0px !important;
1045
1040
  }
1046
- .min-w-4:where([data-ac-ds], [data-ac-ds] *) {
1047
- min-width: calc(var(--spacing) * 4) !important;
1048
- }
1049
1041
  .min-w-4\.5:where([data-ac-ds], [data-ac-ds] *) {
1050
1042
  min-width: calc(var(--spacing) * 4.5) !important;
1051
1043
  }
1044
+ .min-w-5:where([data-ac-ds], [data-ac-ds] *) {
1045
+ min-width: calc(var(--spacing) * 5) !important;
1046
+ }
1052
1047
  .min-w-5\.5:where([data-ac-ds], [data-ac-ds] *) {
1053
1048
  min-width: calc(var(--spacing) * 5.5) !important;
1054
1049
  }
@@ -1058,6 +1053,18 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1058
1053
  .min-w-8:where([data-ac-ds], [data-ac-ds] *) {
1059
1054
  min-width: calc(var(--spacing) * 8) !important;
1060
1055
  }
1056
+ .min-w-\[64px\]:where([data-ac-ds], [data-ac-ds] *) {
1057
+ min-width: 64px !important;
1058
+ }
1059
+ .min-w-\[160px\]:where([data-ac-ds], [data-ac-ds] *) {
1060
+ min-width: 160px !important;
1061
+ }
1062
+ .min-w-\[180px\]:where([data-ac-ds], [data-ac-ds] *) {
1063
+ min-width: 180px !important;
1064
+ }
1065
+ .min-w-\[200px\]:where([data-ac-ds], [data-ac-ds] *) {
1066
+ min-width: 200px !important;
1067
+ }
1061
1068
  .flex-1:where([data-ac-ds], [data-ac-ds] *) {
1062
1069
  flex: 1 !important;
1063
1070
  }
@@ -1102,12 +1109,19 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1102
1109
  .origin-left:where([data-ac-ds], [data-ac-ds] *) {
1103
1110
  transform-origin: 0 !important;
1104
1111
  }
1112
+ .origin-right:where([data-ac-ds], [data-ac-ds] *) {
1113
+ transform-origin: 100% !important;
1114
+ }
1105
1115
  .origin-top:where([data-ac-ds], [data-ac-ds] *) {
1106
1116
  transform-origin: top !important;
1107
1117
  }
1108
1118
  .origin-top-right:where([data-ac-ds], [data-ac-ds] *) {
1109
1119
  transform-origin: 100% 0 !important;
1110
1120
  }
1121
+ .-translate-x-1:where([data-ac-ds], [data-ac-ds] *) {
1122
+ --tw-translate-x: calc(var(--spacing) * -1) !important;
1123
+ translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1124
+ }
1111
1125
  .-translate-x-1\/2:where([data-ac-ds], [data-ac-ds] *) {
1112
1126
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
1113
1127
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -1120,12 +1134,16 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1120
1134
  --tw-translate-x: 0px !important;
1121
1135
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1122
1136
  }
1137
+ .translate-x-1:where([data-ac-ds], [data-ac-ds] *) {
1138
+ --tw-translate-x: var(--spacing) !important;
1139
+ translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1140
+ }
1123
1141
  .translate-x-1\/4:where([data-ac-ds], [data-ac-ds] *) {
1124
1142
  --tw-translate-x: calc(1 / 4 * 100%) !important;
1125
1143
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1126
1144
  }
1127
- .translate-x-4:where([data-ac-ds], [data-ac-ds] *) {
1128
- --tw-translate-x: calc(var(--spacing) * 4) !important;
1145
+ .translate-x-5:where([data-ac-ds], [data-ac-ds] *) {
1146
+ --tw-translate-x: calc(var(--spacing) * 5) !important;
1129
1147
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1130
1148
  }
1131
1149
  .-translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
@@ -1136,18 +1154,31 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1136
1154
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
1137
1155
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1138
1156
  }
1157
+ .translate-y-1:where([data-ac-ds], [data-ac-ds] *) {
1158
+ --tw-translate-y: var(--spacing) !important;
1159
+ translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1160
+ }
1139
1161
  .translate-y-1\/4:where([data-ac-ds], [data-ac-ds] *) {
1140
1162
  --tw-translate-y: calc(1 / 4 * 100%) !important;
1141
1163
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
1142
1164
  }
1165
+ .scale-0:where([data-ac-ds], [data-ac-ds] *) {
1166
+ --tw-scale-x: 0% !important;
1167
+ --tw-scale-y: 0% !important;
1168
+ --tw-scale-z: 0% !important;
1169
+ scale: var(--tw-scale-x) var(--tw-scale-y) !important;
1170
+ }
1143
1171
  .scale-75:where([data-ac-ds], [data-ac-ds] *) {
1144
1172
  --tw-scale-x: 75% !important;
1145
1173
  --tw-scale-y: 75% !important;
1146
1174
  --tw-scale-z: 75% !important;
1147
1175
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
1148
1176
  }
1149
- .scale-\[0\.98\]:where([data-ac-ds], [data-ac-ds] *) {
1150
- scale: 0.98 !important;
1177
+ .scale-95:where([data-ac-ds], [data-ac-ds] *) {
1178
+ --tw-scale-x: 95% !important;
1179
+ --tw-scale-y: 95% !important;
1180
+ --tw-scale-z: 95% !important;
1181
+ scale: var(--tw-scale-x) var(--tw-scale-y) !important;
1151
1182
  }
1152
1183
  .-rotate-90:where([data-ac-ds], [data-ac-ds] *) {
1153
1184
  rotate: calc(90deg * -1) !important;
@@ -1179,6 +1210,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1179
1210
  .cursor-pointer:where([data-ac-ds], [data-ac-ds] *) {
1180
1211
  cursor: pointer !important;
1181
1212
  }
1213
+ .cursor-text:where([data-ac-ds], [data-ac-ds] *) {
1214
+ cursor: text !important;
1215
+ }
1182
1216
  .touch-none:where([data-ac-ds], [data-ac-ds] *) {
1183
1217
  touch-action: none !important;
1184
1218
  }
@@ -1209,6 +1243,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1209
1243
  .grid-cols-3:where([data-ac-ds], [data-ac-ds] *) {
1210
1244
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
1211
1245
  }
1246
+ .grid-cols-\[minmax\(0\,1fr\)_auto\]:where([data-ac-ds], [data-ac-ds] *) {
1247
+ grid-template-columns: minmax(0,1fr) auto !important;
1248
+ }
1212
1249
  .grid-rows-\[0fr\]:where([data-ac-ds], [data-ac-ds] *) {
1213
1250
  grid-template-rows: 0fr !important;
1214
1251
  }
@@ -1281,22 +1318,32 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1281
1318
  .gap-5:where([data-ac-ds], [data-ac-ds] *) {
1282
1319
  gap: calc(var(--spacing) * 5) !important;
1283
1320
  }
1321
+ .gap-6:where([data-ac-ds], [data-ac-ds] *) {
1322
+ gap: calc(var(--spacing) * 6) !important;
1323
+ }
1284
1324
  .gap-8:where([data-ac-ds], [data-ac-ds] *) {
1285
1325
  gap: calc(var(--spacing) * 8) !important;
1286
1326
  }
1287
- .gap-px:where([data-ac-ds], [data-ac-ds] *) {
1288
- gap: 1px !important;
1289
- }
1290
1327
  :where(.space-y-0\.5 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1291
1328
  --tw-space-y-reverse: 0 !important;
1292
1329
  margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)) !important;
1293
1330
  margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))) !important;
1294
1331
  }
1332
+ :where(.space-y-1 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1333
+ --tw-space-y-reverse: 0 !important;
1334
+ margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)) !important;
1335
+ margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))) !important;
1336
+ }
1295
1337
  :where(.space-y-2 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1296
1338
  --tw-space-y-reverse: 0 !important;
1297
1339
  margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
1298
1340
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
1299
1341
  }
1342
+ :where(.space-y-3 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1343
+ --tw-space-y-reverse: 0 !important;
1344
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
1345
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
1346
+ }
1300
1347
  :where(.space-y-4 > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1301
1348
  --tw-space-y-reverse: 0 !important;
1302
1349
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
@@ -1317,12 +1364,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1317
1364
  .gap-x-4:where([data-ac-ds], [data-ac-ds] *) {
1318
1365
  column-gap: calc(var(--spacing) * 4) !important;
1319
1366
  }
1320
- .gap-x-5:where([data-ac-ds], [data-ac-ds] *) {
1321
- column-gap: calc(var(--spacing) * 5) !important;
1322
- }
1323
1367
  .gap-x-6:where([data-ac-ds], [data-ac-ds] *) {
1324
1368
  column-gap: calc(var(--spacing) * 6) !important;
1325
1369
  }
1370
+ .gap-x-10:where([data-ac-ds], [data-ac-ds] *) {
1371
+ column-gap: calc(var(--spacing) * 10) !important;
1372
+ }
1326
1373
  .gap-y-0\.5:where([data-ac-ds], [data-ac-ds] *) {
1327
1374
  row-gap: calc(var(--spacing) * 0.5) !important;
1328
1375
  }
@@ -1341,6 +1388,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1341
1388
  .gap-y-3:where([data-ac-ds], [data-ac-ds] *) {
1342
1389
  row-gap: calc(var(--spacing) * 3) !important;
1343
1390
  }
1391
+ .gap-y-4:where([data-ac-ds], [data-ac-ds] *) {
1392
+ row-gap: calc(var(--spacing) * 4) !important;
1393
+ }
1344
1394
  :where(.divide-y > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1345
1395
  --tw-divide-y-reverse: 0 !important;
1346
1396
  border-bottom-style: var(--tw-border-style) !important;
@@ -1348,8 +1398,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1348
1398
  border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
1349
1399
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
1350
1400
  }
1351
- :where(.divide-border-light > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1352
- border-color: var(--color-border-light) !important;
1401
+ :where(.divide-border > :not(:last-child)):where([data-ac-ds], [data-ac-ds] *) {
1402
+ border-color: var(--color-border) !important;
1403
+ }
1404
+ .self-center:where([data-ac-ds], [data-ac-ds] *) {
1405
+ align-self: center !important;
1353
1406
  }
1354
1407
  .self-start:where([data-ac-ds], [data-ac-ds] *) {
1355
1408
  align-self: flex-start !important;
@@ -1386,9 +1439,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1386
1439
  .overflow-y-hidden:where([data-ac-ds], [data-ac-ds] *) {
1387
1440
  overflow-y: hidden !important;
1388
1441
  }
1389
- .rounded-2:where([data-ac-ds], [data-ac-ds] *) {
1390
- border-radius: var(--radius-2) !important;
1391
- }
1392
1442
  .rounded-4:where([data-ac-ds], [data-ac-ds] *) {
1393
1443
  border-radius: var(--radius-4) !important;
1394
1444
  }
@@ -1401,34 +1451,42 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1401
1451
  .rounded-10:where([data-ac-ds], [data-ac-ds] *) {
1402
1452
  border-radius: var(--radius-10) !important;
1403
1453
  }
1404
- .rounded-12:where([data-ac-ds], [data-ac-ds] *) {
1405
- border-radius: var(--radius-12) !important;
1454
+ .rounded-14:where([data-ac-ds], [data-ac-ds] *) {
1455
+ border-radius: var(--radius-14) !important;
1406
1456
  }
1407
- .rounded-50:where([data-ac-ds], [data-ac-ds] *) {
1408
- border-radius: var(--radius-50) !important;
1457
+ .rounded-16:where([data-ac-ds], [data-ac-ds] *) {
1458
+ border-radius: var(--radius-16) !important;
1409
1459
  }
1410
1460
  .rounded-full:where([data-ac-ds], [data-ac-ds] *) {
1411
1461
  border-radius: calc(infinity * 1px) !important;
1412
1462
  }
1413
- .rounded-t-10:where([data-ac-ds], [data-ac-ds] *) {
1414
- border-top-left-radius: var(--radius-10) !important;
1415
- border-top-right-radius: var(--radius-10) !important;
1463
+ .rounded-t-14:where([data-ac-ds], [data-ac-ds] *) {
1464
+ border-top-left-radius: var(--radius-14) !important;
1465
+ border-top-right-radius: var(--radius-14) !important;
1466
+ }
1467
+ .rounded-l-8:where([data-ac-ds], [data-ac-ds] *) {
1468
+ border-top-left-radius: var(--radius-8) !important;
1469
+ border-bottom-left-radius: var(--radius-8) !important;
1416
1470
  }
1417
- .rounded-l-6:where([data-ac-ds], [data-ac-ds] *) {
1418
- border-top-left-radius: var(--radius-6) !important;
1419
- border-bottom-left-radius: var(--radius-6) !important;
1471
+ .rounded-l-10:where([data-ac-ds], [data-ac-ds] *) {
1472
+ border-top-left-radius: var(--radius-10) !important;
1473
+ border-bottom-left-radius: var(--radius-10) !important;
1420
1474
  }
1421
- .rounded-r-6:where([data-ac-ds], [data-ac-ds] *) {
1422
- border-top-right-radius: var(--radius-6) !important;
1423
- border-bottom-right-radius: var(--radius-6) !important;
1475
+ .rounded-r-8:where([data-ac-ds], [data-ac-ds] *) {
1476
+ border-top-right-radius: var(--radius-8) !important;
1477
+ border-bottom-right-radius: var(--radius-8) !important;
1424
1478
  }
1425
- .rounded-b-10:where([data-ac-ds], [data-ac-ds] *) {
1479
+ .rounded-r-10:where([data-ac-ds], [data-ac-ds] *) {
1480
+ border-top-right-radius: var(--radius-10) !important;
1426
1481
  border-bottom-right-radius: var(--radius-10) !important;
1427
- border-bottom-left-radius: var(--radius-10) !important;
1428
1482
  }
1429
- .rounded-b-12:where([data-ac-ds], [data-ac-ds] *) {
1430
- border-bottom-right-radius: var(--radius-12) !important;
1431
- border-bottom-left-radius: var(--radius-12) !important;
1483
+ .rounded-b-14:where([data-ac-ds], [data-ac-ds] *) {
1484
+ border-bottom-right-radius: var(--radius-14) !important;
1485
+ border-bottom-left-radius: var(--radius-14) !important;
1486
+ }
1487
+ .rounded-b-16:where([data-ac-ds], [data-ac-ds] *) {
1488
+ border-bottom-right-radius: var(--radius-16) !important;
1489
+ border-bottom-left-radius: var(--radius-16) !important;
1432
1490
  }
1433
1491
  .border:where([data-ac-ds], [data-ac-ds] *) {
1434
1492
  border-style: var(--tw-border-style) !important;
@@ -1473,18 +1531,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1473
1531
  .focus-ring:where([data-ac-ds], [data-ac-ds] *) {
1474
1532
  outline: none !important;
1475
1533
  border-color: var(--color-primary) !important;
1476
- box-shadow: 0 0 0 3px var(--color-ring) !important;
1477
- }
1478
- .border-\[color-mix\(in_srgb\,var\(--color-primary\)_38\%\,var\(--color-border\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
1479
- border-color: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 38%,#e2e8f0) !important;
1480
- @supports (color: color-mix(in lab, red, red)) {
1481
- border-color: color-mix(in srgb,var(--color-primary) 38%,var(--color-border)) !important;
1482
- }
1483
- }
1484
- .border-black\/10:where([data-ac-ds], [data-ac-ds] *) {
1485
- border-color: color-mix(in srgb, hsl(0 0% 0%) 10%, transparent) !important;
1534
+ box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
1486
1535
  @supports (color: color-mix(in lab, red, red)) {
1487
- border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important;
1536
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
1488
1537
  }
1489
1538
  }
1490
1539
  .border-black\/15:where([data-ac-ds], [data-ac-ds] *) {
@@ -1493,25 +1542,16 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1493
1542
  border-color: color-mix(in oklab, var(--color-black) 15%, transparent) !important;
1494
1543
  }
1495
1544
  }
1496
- .border-blue-80:where([data-ac-ds], [data-ac-ds] *) {
1497
- border-color: var(--color-blue-80) !important;
1498
- }
1499
- .border-blue-90:where([data-ac-ds], [data-ac-ds] *) {
1500
- border-color: var(--color-blue-90) !important;
1501
- }
1502
1545
  .border-border:where([data-ac-ds], [data-ac-ds] *) {
1503
1546
  border-color: var(--color-border) !important;
1504
1547
  }
1505
1548
  .border-border-dark:where([data-ac-ds], [data-ac-ds] *) {
1506
1549
  border-color: var(--color-border-dark) !important;
1507
1550
  }
1508
- .border-border-light:where([data-ac-ds], [data-ac-ds] *) {
1509
- border-color: var(--color-border-light) !important;
1510
- }
1511
- .border-current\/25:where([data-ac-ds], [data-ac-ds] *) {
1512
- border-color: currentcolor !important;
1551
+ .border-border\/80:where([data-ac-ds], [data-ac-ds] *) {
1552
+ border-color: color-mix(in srgb, #ebebeb 80%, transparent) !important;
1513
1553
  @supports (color: color-mix(in lab, red, red)) {
1514
- border-color: color-mix(in oklab, currentcolor 25%, transparent) !important;
1554
+ border-color: color-mix(in oklab, var(--color-border) 80%, transparent) !important;
1515
1555
  }
1516
1556
  }
1517
1557
  .border-current\/30:where([data-ac-ds], [data-ac-ds] *) {
@@ -1523,71 +1563,167 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1523
1563
  .border-danger:where([data-ac-ds], [data-ac-ds] *) {
1524
1564
  border-color: var(--color-danger) !important;
1525
1565
  }
1526
- .border-green-70:where([data-ac-ds], [data-ac-ds] *) {
1527
- border-color: var(--color-green-70) !important;
1566
+ .border-danger\/25:where([data-ac-ds], [data-ac-ds] *) {
1567
+ border-color: color-mix(in srgb, #ef4444 25%, transparent) !important;
1568
+ @supports (color: color-mix(in lab, red, red)) {
1569
+ border-color: color-mix(in oklab, var(--color-danger) 25%, transparent) !important;
1570
+ }
1571
+ }
1572
+ .border-danger\/40:where([data-ac-ds], [data-ac-ds] *) {
1573
+ border-color: color-mix(in srgb, #ef4444 40%, transparent) !important;
1574
+ @supports (color: color-mix(in lab, red, red)) {
1575
+ border-color: color-mix(in oklab, var(--color-danger) 40%, transparent) !important;
1576
+ }
1577
+ }
1578
+ .border-danger\/50:where([data-ac-ds], [data-ac-ds] *) {
1579
+ border-color: color-mix(in srgb, #ef4444 50%, transparent) !important;
1580
+ @supports (color: color-mix(in lab, red, red)) {
1581
+ border-color: color-mix(in oklab, var(--color-danger) 50%, transparent) !important;
1582
+ }
1583
+ }
1584
+ .border-danger\/60:where([data-ac-ds], [data-ac-ds] *) {
1585
+ border-color: color-mix(in srgb, #ef4444 60%, transparent) !important;
1586
+ @supports (color: color-mix(in lab, red, red)) {
1587
+ border-color: color-mix(in oklab, var(--color-danger) 60%, transparent) !important;
1588
+ }
1589
+ }
1590
+ .border-info\/25:where([data-ac-ds], [data-ac-ds] *) {
1591
+ border-color: color-mix(in srgb, #0069ff 25%, transparent) !important;
1592
+ @supports (color: color-mix(in lab, red, red)) {
1593
+ border-color: color-mix(in oklab, var(--color-info) 25%, transparent) !important;
1594
+ }
1595
+ }
1596
+ .border-info\/40:where([data-ac-ds], [data-ac-ds] *) {
1597
+ border-color: color-mix(in srgb, #0069ff 40%, transparent) !important;
1598
+ @supports (color: color-mix(in lab, red, red)) {
1599
+ border-color: color-mix(in oklab, var(--color-info) 40%, transparent) !important;
1600
+ }
1528
1601
  }
1529
- .border-green-80:where([data-ac-ds], [data-ac-ds] *) {
1530
- border-color: var(--color-green-80) !important;
1602
+ .border-muted\/20:where([data-ac-ds], [data-ac-ds] *) {
1603
+ border-color: color-mix(in srgb, #5c5c5c 20%, transparent) !important;
1604
+ @supports (color: color-mix(in lab, red, red)) {
1605
+ border-color: color-mix(in oklab, var(--color-muted) 20%, transparent) !important;
1606
+ }
1531
1607
  }
1532
- .border-green-90:where([data-ac-ds], [data-ac-ds] *) {
1533
- border-color: var(--color-green-90) !important;
1608
+ .border-muted\/70:where([data-ac-ds], [data-ac-ds] *) {
1609
+ border-color: color-mix(in srgb, #5c5c5c 70%, transparent) !important;
1610
+ @supports (color: color-mix(in lab, red, red)) {
1611
+ border-color: color-mix(in oklab, var(--color-muted) 70%, transparent) !important;
1612
+ }
1534
1613
  }
1535
1614
  .border-primary:where([data-ac-ds], [data-ac-ds] *) {
1536
1615
  border-color: var(--color-primary) !important;
1537
1616
  }
1538
- .border-primary-80:where([data-ac-ds], [data-ac-ds] *) {
1539
- border-color: var(--color-primary-80) !important;
1617
+ .border-primary\/20:where([data-ac-ds], [data-ac-ds] *) {
1618
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
1619
+ @supports (color: color-mix(in lab, red, red)) {
1620
+ border-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
1621
+ }
1622
+ }
1623
+ .border-primary\/25:where([data-ac-ds], [data-ac-ds] *) {
1624
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 25%, transparent) !important;
1625
+ @supports (color: color-mix(in lab, red, red)) {
1626
+ border-color: color-mix(in oklab, var(--color-primary) 25%, transparent) !important;
1627
+ }
1628
+ }
1629
+ .border-primary\/30:where([data-ac-ds], [data-ac-ds] *) {
1630
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 30%, transparent) !important;
1631
+ @supports (color: color-mix(in lab, red, red)) {
1632
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important;
1633
+ }
1540
1634
  }
1541
- .border-primary-90:where([data-ac-ds], [data-ac-ds] *) {
1542
- border-color: var(--color-primary-90) !important;
1635
+ .border-primary\/35:where([data-ac-ds], [data-ac-ds] *) {
1636
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%, transparent) !important;
1637
+ @supports (color: color-mix(in lab, red, red)) {
1638
+ border-color: color-mix(in oklab, var(--color-primary) 35%, transparent) !important;
1639
+ }
1543
1640
  }
1544
- .border-red-60:where([data-ac-ds], [data-ac-ds] *) {
1545
- border-color: var(--color-red-60) !important;
1641
+ .border-primary\/40:where([data-ac-ds], [data-ac-ds] *) {
1642
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 40%, transparent) !important;
1643
+ @supports (color: color-mix(in lab, red, red)) {
1644
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
1645
+ }
1546
1646
  }
1547
- .border-red-80:where([data-ac-ds], [data-ac-ds] *) {
1548
- border-color: var(--color-red-80) !important;
1647
+ .border-success\/25:where([data-ac-ds], [data-ac-ds] *) {
1648
+ border-color: color-mix(in srgb, #00a651 25%, transparent) !important;
1649
+ @supports (color: color-mix(in lab, red, red)) {
1650
+ border-color: color-mix(in oklab, var(--color-success) 25%, transparent) !important;
1651
+ }
1549
1652
  }
1550
- .border-red-90:where([data-ac-ds], [data-ac-ds] *) {
1551
- border-color: var(--color-red-90) !important;
1653
+ .border-success\/40:where([data-ac-ds], [data-ac-ds] *) {
1654
+ border-color: color-mix(in srgb, #00a651 40%, transparent) !important;
1655
+ @supports (color: color-mix(in lab, red, red)) {
1656
+ border-color: color-mix(in oklab, var(--color-success) 40%, transparent) !important;
1657
+ }
1552
1658
  }
1553
1659
  .border-transparent:where([data-ac-ds], [data-ac-ds] *) {
1554
1660
  border-color: transparent !important;
1555
1661
  }
1662
+ .border-warning\/30:where([data-ac-ds], [data-ac-ds] *) {
1663
+ border-color: color-mix(in srgb, #f59e0b 30%, transparent) !important;
1664
+ @supports (color: color-mix(in lab, red, red)) {
1665
+ border-color: color-mix(in oklab, var(--color-warning) 30%, transparent) !important;
1666
+ }
1667
+ }
1668
+ .border-warning\/40:where([data-ac-ds], [data-ac-ds] *) {
1669
+ border-color: color-mix(in srgb, #f59e0b 40%, transparent) !important;
1670
+ @supports (color: color-mix(in lab, red, red)) {
1671
+ border-color: color-mix(in oklab, var(--color-warning) 40%, transparent) !important;
1672
+ }
1673
+ }
1674
+ .border-warning\/45:where([data-ac-ds], [data-ac-ds] *) {
1675
+ border-color: color-mix(in srgb, #f59e0b 45%, transparent) !important;
1676
+ @supports (color: color-mix(in lab, red, red)) {
1677
+ border-color: color-mix(in oklab, var(--color-warning) 45%, transparent) !important;
1678
+ }
1679
+ }
1556
1680
  .border-white\/10:where([data-ac-ds], [data-ac-ds] *) {
1557
1681
  border-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent) !important;
1558
1682
  @supports (color: color-mix(in lab, red, red)) {
1559
1683
  border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
1560
1684
  }
1561
1685
  }
1562
- .border-yellow-70:where([data-ac-ds], [data-ac-ds] *) {
1563
- border-color: var(--color-yellow-70) !important;
1686
+ .bg-\[color-mix\(in_srgb\,var\(--color-danger\)_8\%\,var\(--color-surface\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
1687
+ background-color: color-mix(in srgb,#ef4444 8%,#ffffff) !important;
1688
+ @supports (color: color-mix(in lab, red, red)) {
1689
+ background-color: color-mix(in srgb,var(--color-danger) 8%,var(--color-surface)) !important;
1690
+ }
1564
1691
  }
1565
- .border-yellow-80:where([data-ac-ds], [data-ac-ds] *) {
1566
- border-color: var(--color-yellow-80) !important;
1692
+ .bg-\[color-mix\(in_srgb\,var\(--color-primary\)_5\%\,var\(--color-surface\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
1693
+ background-color: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 5%,#ffffff) !important;
1694
+ @supports (color: color-mix(in lab, red, red)) {
1695
+ background-color: color-mix(in srgb,var(--color-primary) 5%,var(--color-surface)) !important;
1696
+ }
1567
1697
  }
1568
- .border-yellow-90:where([data-ac-ds], [data-ac-ds] *) {
1569
- border-color: var(--color-yellow-90) !important;
1698
+ .bg-\[color-mix\(in_srgb\,var\(--color-warning\)_5\%\,var\(--color-surface\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
1699
+ background-color: color-mix(in srgb,#f59e0b 5%,#ffffff) !important;
1700
+ @supports (color: color-mix(in lab, red, red)) {
1701
+ background-color: color-mix(in srgb,var(--color-warning) 5%,var(--color-surface)) !important;
1702
+ }
1570
1703
  }
1571
- .border-b-border-dark:where([data-ac-ds], [data-ac-ds] *) {
1572
- border-bottom-color: var(--color-border-dark) !important;
1704
+ .bg-accent:where([data-ac-ds], [data-ac-ds] *) {
1705
+ background-color: var(--color-accent) !important;
1573
1706
  }
1574
- .bg-blue-50:where([data-ac-ds], [data-ac-ds] *) {
1575
- background-color: var(--color-blue-50) !important;
1707
+ .bg-accent-active:where([data-ac-ds], [data-ac-ds] *) {
1708
+ background-color: var(--color-accent-active) !important;
1576
1709
  }
1577
- .bg-blue-90:where([data-ac-ds], [data-ac-ds] *) {
1578
- background-color: var(--color-blue-90) !important;
1710
+ .bg-accent-hover:where([data-ac-ds], [data-ac-ds] *) {
1711
+ background-color: var(--color-accent-hover) !important;
1579
1712
  }
1580
- .bg-blue-95:where([data-ac-ds], [data-ac-ds] *) {
1581
- background-color: var(--color-blue-95) !important;
1713
+ .bg-background:where([data-ac-ds], [data-ac-ds] *) {
1714
+ background-color: var(--color-background) !important;
1582
1715
  }
1583
- .bg-blue-97:where([data-ac-ds], [data-ac-ds] *) {
1584
- background-color: var(--color-blue-97) !important;
1716
+ .bg-background\/90:where([data-ac-ds], [data-ac-ds] *) {
1717
+ background-color: color-mix(in srgb, #f9fafb 90%, transparent) !important;
1718
+ @supports (color: color-mix(in lab, red, red)) {
1719
+ background-color: color-mix(in oklab, var(--color-background) 90%, transparent) !important;
1720
+ }
1585
1721
  }
1586
1722
  .bg-border:where([data-ac-ds], [data-ac-ds] *) {
1587
1723
  background-color: var(--color-border) !important;
1588
1724
  }
1589
- .bg-border-light:where([data-ac-ds], [data-ac-ds] *) {
1590
- background-color: var(--color-border-light) !important;
1725
+ .bg-border-dark:where([data-ac-ds], [data-ac-ds] *) {
1726
+ background-color: var(--color-border-dark) !important;
1591
1727
  }
1592
1728
  .bg-current\/10:where([data-ac-ds], [data-ac-ds] *) {
1593
1729
  background-color: currentcolor !important;
@@ -1598,23 +1734,29 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1598
1734
  .bg-danger:where([data-ac-ds], [data-ac-ds] *) {
1599
1735
  background-color: var(--color-danger) !important;
1600
1736
  }
1601
- .bg-gray-20:where([data-ac-ds], [data-ac-ds] *) {
1602
- background-color: var(--color-gray-20) !important;
1603
- }
1604
- .bg-gray-50:where([data-ac-ds], [data-ac-ds] *) {
1605
- background-color: var(--color-gray-50) !important;
1606
- }
1607
- .bg-gray-95:where([data-ac-ds], [data-ac-ds] *) {
1608
- background-color: var(--color-gray-95) !important;
1737
+ .bg-danger\/5:where([data-ac-ds], [data-ac-ds] *) {
1738
+ background-color: color-mix(in srgb, #ef4444 5%, transparent) !important;
1739
+ @supports (color: color-mix(in lab, red, red)) {
1740
+ background-color: color-mix(in oklab, var(--color-danger) 5%, transparent) !important;
1741
+ }
1609
1742
  }
1610
- .bg-green-40:where([data-ac-ds], [data-ac-ds] *) {
1611
- background-color: var(--color-green-40) !important;
1743
+ .bg-danger\/10:where([data-ac-ds], [data-ac-ds] *) {
1744
+ background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
1745
+ @supports (color: color-mix(in lab, red, red)) {
1746
+ background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
1747
+ }
1612
1748
  }
1613
- .bg-green-95:where([data-ac-ds], [data-ac-ds] *) {
1614
- background-color: var(--color-green-95) !important;
1749
+ .bg-danger\/12:where([data-ac-ds], [data-ac-ds] *) {
1750
+ background-color: color-mix(in srgb, #ef4444 12%, transparent) !important;
1751
+ @supports (color: color-mix(in lab, red, red)) {
1752
+ background-color: color-mix(in oklab, var(--color-danger) 12%, transparent) !important;
1753
+ }
1615
1754
  }
1616
- .bg-green-97:where([data-ac-ds], [data-ac-ds] *) {
1617
- background-color: var(--color-green-97) !important;
1755
+ .bg-danger\/15:where([data-ac-ds], [data-ac-ds] *) {
1756
+ background-color: color-mix(in srgb, #ef4444 15%, transparent) !important;
1757
+ @supports (color: color-mix(in lab, red, red)) {
1758
+ background-color: color-mix(in oklab, var(--color-danger) 15%, transparent) !important;
1759
+ }
1618
1760
  }
1619
1761
  .bg-heading:where([data-ac-ds], [data-ac-ds] *) {
1620
1762
  background-color: var(--color-heading) !important;
@@ -1622,50 +1764,101 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1622
1764
  .bg-info:where([data-ac-ds], [data-ac-ds] *) {
1623
1765
  background-color: var(--color-info) !important;
1624
1766
  }
1625
- .bg-inherit:where([data-ac-ds], [data-ac-ds] *) {
1626
- background-color: inherit !important;
1767
+ .bg-info\/10:where([data-ac-ds], [data-ac-ds] *) {
1768
+ background-color: color-mix(in srgb, #0069ff 10%, transparent) !important;
1769
+ @supports (color: color-mix(in lab, red, red)) {
1770
+ background-color: color-mix(in oklab, var(--color-info) 10%, transparent) !important;
1771
+ }
1627
1772
  }
1628
- .bg-overlay:where([data-ac-ds], [data-ac-ds] *) {
1629
- background-color: var(--color-overlay) !important;
1773
+ .bg-info\/12:where([data-ac-ds], [data-ac-ds] *) {
1774
+ background-color: color-mix(in srgb, #0069ff 12%, transparent) !important;
1775
+ @supports (color: color-mix(in lab, red, red)) {
1776
+ background-color: color-mix(in oklab, var(--color-info) 12%, transparent) !important;
1777
+ }
1630
1778
  }
1631
- .bg-primary:where([data-ac-ds], [data-ac-ds] *) {
1632
- background-color: var(--color-primary) !important;
1779
+ .bg-info\/15:where([data-ac-ds], [data-ac-ds] *) {
1780
+ background-color: color-mix(in srgb, #0069ff 15%, transparent) !important;
1781
+ @supports (color: color-mix(in lab, red, red)) {
1782
+ background-color: color-mix(in oklab, var(--color-info) 15%, transparent) !important;
1783
+ }
1784
+ }
1785
+ .bg-muted:where([data-ac-ds], [data-ac-ds] *) {
1786
+ background-color: var(--color-muted) !important;
1633
1787
  }
1634
- .bg-primary-40:where([data-ac-ds], [data-ac-ds] *) {
1635
- background-color: var(--color-primary-40) !important;
1788
+ .bg-muted\/20:where([data-ac-ds], [data-ac-ds] *) {
1789
+ background-color: color-mix(in srgb, #5c5c5c 20%, transparent) !important;
1790
+ @supports (color: color-mix(in lab, red, red)) {
1791
+ background-color: color-mix(in oklab, var(--color-muted) 20%, transparent) !important;
1792
+ }
1793
+ }
1794
+ .bg-muted\/40:where([data-ac-ds], [data-ac-ds] *) {
1795
+ background-color: color-mix(in srgb, #5c5c5c 40%, transparent) !important;
1796
+ @supports (color: color-mix(in lab, red, red)) {
1797
+ background-color: color-mix(in oklab, var(--color-muted) 40%, transparent) !important;
1798
+ }
1799
+ }
1800
+ .bg-muted\/45:where([data-ac-ds], [data-ac-ds] *) {
1801
+ background-color: color-mix(in srgb, #5c5c5c 45%, transparent) !important;
1802
+ @supports (color: color-mix(in lab, red, red)) {
1803
+ background-color: color-mix(in oklab, var(--color-muted) 45%, transparent) !important;
1804
+ }
1636
1805
  }
1637
- .bg-primary-90:where([data-ac-ds], [data-ac-ds] *) {
1638
- background-color: var(--color-primary-90) !important;
1806
+ .bg-muted\/60:where([data-ac-ds], [data-ac-ds] *) {
1807
+ background-color: color-mix(in srgb, #5c5c5c 60%, transparent) !important;
1808
+ @supports (color: color-mix(in lab, red, red)) {
1809
+ background-color: color-mix(in oklab, var(--color-muted) 60%, transparent) !important;
1810
+ }
1639
1811
  }
1640
- .bg-primary-93:where([data-ac-ds], [data-ac-ds] *) {
1641
- background-color: var(--color-primary-93) !important;
1812
+ .bg-overlay:where([data-ac-ds], [data-ac-ds] *) {
1813
+ background-color: var(--color-overlay) !important;
1642
1814
  }
1643
- .bg-primary-95:where([data-ac-ds], [data-ac-ds] *) {
1644
- background-color: var(--color-primary-95) !important;
1815
+ .bg-pending:where([data-ac-ds], [data-ac-ds] *) {
1816
+ background-color: var(--color-pending) !important;
1645
1817
  }
1646
- .bg-primary-97:where([data-ac-ds], [data-ac-ds] *) {
1647
- background-color: var(--color-primary-97) !important;
1818
+ .bg-pending\/10:where([data-ac-ds], [data-ac-ds] *) {
1819
+ background-color: color-mix(in srgb, #8b5cf6 10%, transparent) !important;
1820
+ @supports (color: color-mix(in lab, red, red)) {
1821
+ background-color: color-mix(in oklab, var(--color-pending) 10%, transparent) !important;
1822
+ }
1648
1823
  }
1649
- .bg-purple-90:where([data-ac-ds], [data-ac-ds] *) {
1650
- background-color: var(--color-purple-90) !important;
1824
+ .bg-pending\/15:where([data-ac-ds], [data-ac-ds] *) {
1825
+ background-color: color-mix(in srgb, #8b5cf6 15%, transparent) !important;
1826
+ @supports (color: color-mix(in lab, red, red)) {
1827
+ background-color: color-mix(in oklab, var(--color-pending) 15%, transparent) !important;
1828
+ }
1651
1829
  }
1652
- .bg-purple-95:where([data-ac-ds], [data-ac-ds] *) {
1653
- background-color: var(--color-purple-95) !important;
1830
+ .bg-primary:where([data-ac-ds], [data-ac-ds] *) {
1831
+ background-color: var(--color-primary) !important;
1654
1832
  }
1655
- .bg-red-40:where([data-ac-ds], [data-ac-ds] *) {
1656
- background-color: var(--color-red-40) !important;
1833
+ .bg-primary\/5:where([data-ac-ds], [data-ac-ds] *) {
1834
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 5%, transparent) !important;
1835
+ @supports (color: color-mix(in lab, red, red)) {
1836
+ background-color: color-mix(in oklab, var(--color-primary) 5%, transparent) !important;
1837
+ }
1657
1838
  }
1658
- .bg-red-90:where([data-ac-ds], [data-ac-ds] *) {
1659
- background-color: var(--color-red-90) !important;
1839
+ .bg-primary\/8:where([data-ac-ds], [data-ac-ds] *) {
1840
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 8%, transparent) !important;
1841
+ @supports (color: color-mix(in lab, red, red)) {
1842
+ background-color: color-mix(in oklab, var(--color-primary) 8%, transparent) !important;
1843
+ }
1660
1844
  }
1661
- .bg-red-93:where([data-ac-ds], [data-ac-ds] *) {
1662
- background-color: var(--color-red-93) !important;
1845
+ .bg-primary\/10:where([data-ac-ds], [data-ac-ds] *) {
1846
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
1847
+ @supports (color: color-mix(in lab, red, red)) {
1848
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
1849
+ }
1663
1850
  }
1664
- .bg-red-95:where([data-ac-ds], [data-ac-ds] *) {
1665
- background-color: var(--color-red-95) !important;
1851
+ .bg-primary\/12:where([data-ac-ds], [data-ac-ds] *) {
1852
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 12%, transparent) !important;
1853
+ @supports (color: color-mix(in lab, red, red)) {
1854
+ background-color: color-mix(in oklab, var(--color-primary) 12%, transparent) !important;
1855
+ }
1666
1856
  }
1667
- .bg-red-97:where([data-ac-ds], [data-ac-ds] *) {
1668
- background-color: var(--color-red-97) !important;
1857
+ .bg-primary\/15:where([data-ac-ds], [data-ac-ds] *) {
1858
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 15%, transparent) !important;
1859
+ @supports (color: color-mix(in lab, red, red)) {
1860
+ background-color: color-mix(in oklab, var(--color-primary) 15%, transparent) !important;
1861
+ }
1669
1862
  }
1670
1863
  .bg-secondary:where([data-ac-ds], [data-ac-ds] *) {
1671
1864
  background-color: var(--color-secondary) !important;
@@ -1673,35 +1866,41 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1673
1866
  .bg-secondary-40:where([data-ac-ds], [data-ac-ds] *) {
1674
1867
  background-color: var(--color-secondary-40) !important;
1675
1868
  }
1676
- .bg-secondary-90:where([data-ac-ds], [data-ac-ds] *) {
1677
- background-color: var(--color-secondary-90) !important;
1678
- }
1679
1869
  .bg-secondary-95:where([data-ac-ds], [data-ac-ds] *) {
1680
1870
  background-color: var(--color-secondary-95) !important;
1681
1871
  }
1682
1872
  .bg-sidebar:where([data-ac-ds], [data-ac-ds] *) {
1683
1873
  background-color: var(--color-sidebar) !important;
1684
1874
  }
1685
- .bg-slate-10:where([data-ac-ds], [data-ac-ds] *) {
1686
- background-color: var(--color-slate-10) !important;
1687
- }
1688
- .bg-slate-50:where([data-ac-ds], [data-ac-ds] *) {
1689
- background-color: var(--color-slate-50) !important;
1875
+ .bg-slate-20:where([data-ac-ds], [data-ac-ds] *) {
1876
+ background-color: var(--color-slate-20) !important;
1690
1877
  }
1691
- .bg-slate-60:where([data-ac-ds], [data-ac-ds] *) {
1692
- background-color: var(--color-slate-60) !important;
1878
+ .bg-slate-20\/10:where([data-ac-ds], [data-ac-ds] *) {
1879
+ background-color: color-mix(in srgb, #252525 10%, transparent) !important;
1880
+ @supports (color: color-mix(in lab, red, red)) {
1881
+ background-color: color-mix(in oklab, var(--color-slate-20) 10%, transparent) !important;
1882
+ }
1693
1883
  }
1694
- .bg-slate-70:where([data-ac-ds], [data-ac-ds] *) {
1695
- background-color: var(--color-slate-70) !important;
1884
+ .bg-success:where([data-ac-ds], [data-ac-ds] *) {
1885
+ background-color: var(--color-success) !important;
1696
1886
  }
1697
- .bg-slate-80:where([data-ac-ds], [data-ac-ds] *) {
1698
- background-color: var(--color-slate-80) !important;
1887
+ .bg-success\/10:where([data-ac-ds], [data-ac-ds] *) {
1888
+ background-color: color-mix(in srgb, #00a651 10%, transparent) !important;
1889
+ @supports (color: color-mix(in lab, red, red)) {
1890
+ background-color: color-mix(in oklab, var(--color-success) 10%, transparent) !important;
1891
+ }
1699
1892
  }
1700
- .bg-slate-90:where([data-ac-ds], [data-ac-ds] *) {
1701
- background-color: var(--color-slate-90) !important;
1893
+ .bg-success\/12:where([data-ac-ds], [data-ac-ds] *) {
1894
+ background-color: color-mix(in srgb, #00a651 12%, transparent) !important;
1895
+ @supports (color: color-mix(in lab, red, red)) {
1896
+ background-color: color-mix(in oklab, var(--color-success) 12%, transparent) !important;
1897
+ }
1702
1898
  }
1703
- .bg-success:where([data-ac-ds], [data-ac-ds] *) {
1704
- background-color: var(--color-success) !important;
1899
+ .bg-success\/15:where([data-ac-ds], [data-ac-ds] *) {
1900
+ background-color: color-mix(in srgb, #00a651 15%, transparent) !important;
1901
+ @supports (color: color-mix(in lab, red, red)) {
1902
+ background-color: color-mix(in oklab, var(--color-success) 15%, transparent) !important;
1903
+ }
1705
1904
  }
1706
1905
  .bg-surface:where([data-ac-ds], [data-ac-ds] *) {
1707
1906
  background-color: var(--color-surface) !important;
@@ -1709,33 +1908,72 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1709
1908
  .bg-surface-muted:where([data-ac-ds], [data-ac-ds] *) {
1710
1909
  background-color: var(--color-surface-muted) !important;
1711
1910
  }
1712
- .bg-surface-muted\/50:where([data-ac-ds], [data-ac-ds] *) {
1713
- background-color: color-mix(in srgb, #f8fafc 50%, transparent) !important;
1911
+ .bg-surface-sunken:where([data-ac-ds], [data-ac-ds] *) {
1912
+ background-color: var(--color-surface-sunken) !important;
1913
+ }
1914
+ .bg-surface-sunken\/40:where([data-ac-ds], [data-ac-ds] *) {
1915
+ background-color: color-mix(in srgb, #f0f0f0 40%, transparent) !important;
1714
1916
  @supports (color: color-mix(in lab, red, red)) {
1715
- background-color: color-mix(in oklab, var(--color-surface-muted) 50%, transparent) !important;
1917
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 40%, transparent) !important;
1716
1918
  }
1717
1919
  }
1718
- .bg-surface-sunken:where([data-ac-ds], [data-ac-ds] *) {
1719
- background-color: var(--color-surface-sunken) !important;
1920
+ .bg-surface-sunken\/50:where([data-ac-ds], [data-ac-ds] *) {
1921
+ background-color: color-mix(in srgb, #f0f0f0 50%, transparent) !important;
1922
+ @supports (color: color-mix(in lab, red, red)) {
1923
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 50%, transparent) !important;
1924
+ }
1720
1925
  }
1721
- .bg-surface\/85:where([data-ac-ds], [data-ac-ds] *) {
1722
- background-color: color-mix(in srgb, hsl(0 0% 100%) 85%, transparent) !important;
1926
+ .bg-surface-sunken\/70:where([data-ac-ds], [data-ac-ds] *) {
1927
+ background-color: color-mix(in srgb, #f0f0f0 70%, transparent) !important;
1723
1928
  @supports (color: color-mix(in lab, red, red)) {
1724
- background-color: color-mix(in oklab, var(--color-surface) 85%, transparent) !important;
1929
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 70%, transparent) !important;
1725
1930
  }
1726
1931
  }
1727
1932
  .bg-surface\/90:where([data-ac-ds], [data-ac-ds] *) {
1728
- background-color: color-mix(in srgb, hsl(0 0% 100%) 90%, transparent) !important;
1933
+ background-color: color-mix(in srgb, #ffffff 90%, transparent) !important;
1729
1934
  @supports (color: color-mix(in lab, red, red)) {
1730
1935
  background-color: color-mix(in oklab, var(--color-surface) 90%, transparent) !important;
1731
1936
  }
1732
1937
  }
1938
+ .bg-tooltip:where([data-ac-ds], [data-ac-ds] *) {
1939
+ background-color: var(--color-tooltip) !important;
1940
+ }
1733
1941
  .bg-transparent:where([data-ac-ds], [data-ac-ds] *) {
1734
1942
  background-color: transparent !important;
1735
1943
  }
1736
1944
  .bg-warning:where([data-ac-ds], [data-ac-ds] *) {
1737
1945
  background-color: var(--color-warning) !important;
1738
1946
  }
1947
+ .bg-warning\/5:where([data-ac-ds], [data-ac-ds] *) {
1948
+ background-color: color-mix(in srgb, #f59e0b 5%, transparent) !important;
1949
+ @supports (color: color-mix(in lab, red, red)) {
1950
+ background-color: color-mix(in oklab, var(--color-warning) 5%, transparent) !important;
1951
+ }
1952
+ }
1953
+ .bg-warning\/10:where([data-ac-ds], [data-ac-ds] *) {
1954
+ background-color: color-mix(in srgb, #f59e0b 10%, transparent) !important;
1955
+ @supports (color: color-mix(in lab, red, red)) {
1956
+ background-color: color-mix(in oklab, var(--color-warning) 10%, transparent) !important;
1957
+ }
1958
+ }
1959
+ .bg-warning\/12:where([data-ac-ds], [data-ac-ds] *) {
1960
+ background-color: color-mix(in srgb, #f59e0b 12%, transparent) !important;
1961
+ @supports (color: color-mix(in lab, red, red)) {
1962
+ background-color: color-mix(in oklab, var(--color-warning) 12%, transparent) !important;
1963
+ }
1964
+ }
1965
+ .bg-warning\/15:where([data-ac-ds], [data-ac-ds] *) {
1966
+ background-color: color-mix(in srgb, #f59e0b 15%, transparent) !important;
1967
+ @supports (color: color-mix(in lab, red, red)) {
1968
+ background-color: color-mix(in oklab, var(--color-warning) 15%, transparent) !important;
1969
+ }
1970
+ }
1971
+ .bg-warning\/20:where([data-ac-ds], [data-ac-ds] *) {
1972
+ background-color: color-mix(in srgb, #f59e0b 20%, transparent) !important;
1973
+ @supports (color: color-mix(in lab, red, red)) {
1974
+ background-color: color-mix(in oklab, var(--color-warning) 20%, transparent) !important;
1975
+ }
1976
+ }
1739
1977
  .bg-white:where([data-ac-ds], [data-ac-ds] *) {
1740
1978
  background-color: var(--color-white) !important;
1741
1979
  }
@@ -1751,42 +1989,33 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1751
1989
  background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
1752
1990
  }
1753
1991
  }
1754
- .bg-yellow-50:where([data-ac-ds], [data-ac-ds] *) {
1755
- background-color: var(--color-yellow-50) !important;
1756
- }
1757
- .bg-yellow-90:where([data-ac-ds], [data-ac-ds] *) {
1758
- background-color: var(--color-yellow-90) !important;
1759
- }
1760
- .bg-yellow-93:where([data-ac-ds], [data-ac-ds] *) {
1761
- background-color: var(--color-yellow-93) !important;
1762
- }
1763
- .bg-yellow-95:where([data-ac-ds], [data-ac-ds] *) {
1764
- background-color: var(--color-yellow-95) !important;
1765
- }
1766
- .bg-yellow-97:where([data-ac-ds], [data-ac-ds] *) {
1767
- background-color: var(--color-yellow-97) !important;
1992
+ .bg-white\/70:where([data-ac-ds], [data-ac-ds] *) {
1993
+ background-color: color-mix(in srgb, hsl(0 0% 100%) 70%, transparent) !important;
1994
+ @supports (color: color-mix(in lab, red, red)) {
1995
+ background-color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
1996
+ }
1768
1997
  }
1769
- .bg-linear-to-b:where([data-ac-ds], [data-ac-ds] *) {
1770
- --tw-gradient-position: to bottom !important;
1998
+ .bg-linear-to-r:where([data-ac-ds], [data-ac-ds] *) {
1999
+ --tw-gradient-position: to right !important;
1771
2000
  @supports (background-image: linear-gradient(in lab, red, red)) {
1772
- --tw-gradient-position: to bottom in oklab !important;
2001
+ --tw-gradient-position: to right in oklab !important;
1773
2002
  }
1774
2003
  background-image: linear-gradient(var(--tw-gradient-stops)) !important;
1775
2004
  }
1776
- .from-surface:where([data-ac-ds], [data-ac-ds] *) {
1777
- --tw-gradient-from: var(--color-surface) !important;
2005
+ .from-primary\/70:where([data-ac-ds], [data-ac-ds] *) {
2006
+ --tw-gradient-from: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 70%, transparent) !important;
2007
+ @supports (color: color-mix(in lab, red, red)) {
2008
+ --tw-gradient-from: color-mix(in oklab, var(--color-primary) 70%, transparent) !important;
2009
+ }
1778
2010
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
1779
2011
  }
1780
- .from-50\%:where([data-ac-ds], [data-ac-ds] *) {
1781
- --tw-gradient-from-position: 50% !important;
1782
- }
1783
- .to-surface-muted:where([data-ac-ds], [data-ac-ds] *) {
1784
- --tw-gradient-to: var(--color-surface-muted) !important;
2012
+ .to-primary\/90:where([data-ac-ds], [data-ac-ds] *) {
2013
+ --tw-gradient-to: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 90%, transparent) !important;
2014
+ @supports (color: color-mix(in lab, red, red)) {
2015
+ --tw-gradient-to: color-mix(in oklab, var(--color-primary) 90%, transparent) !important;
2016
+ }
1785
2017
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
1786
2018
  }
1787
- .to-50\%:where([data-ac-ds], [data-ac-ds] *) {
1788
- --tw-gradient-to-position: 50% !important;
1789
- }
1790
2019
  .fill-brand-green:where([data-ac-ds], [data-ac-ds] *) {
1791
2020
  fill: var(--color-brand-green) !important;
1792
2021
  }
@@ -1796,14 +2025,26 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1796
2025
  .fill-primary:where([data-ac-ds], [data-ac-ds] *) {
1797
2026
  fill: var(--color-primary) !important;
1798
2027
  }
1799
- .fill-primary-97:where([data-ac-ds], [data-ac-ds] *) {
1800
- fill: var(--color-primary-97) !important;
2028
+ .fill-primary\/10:where([data-ac-ds], [data-ac-ds] *) {
2029
+ fill: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
2030
+ @supports (color: color-mix(in lab, red, red)) {
2031
+ fill: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
2032
+ }
1801
2033
  }
1802
2034
  .fill-white:where([data-ac-ds], [data-ac-ds] *) {
1803
2035
  fill: var(--color-white) !important;
1804
2036
  }
1805
- .stroke-slate-60:where([data-ac-ds], [data-ac-ds] *) {
1806
- stroke: var(--color-slate-60) !important;
2037
+ .stroke-current:where([data-ac-ds], [data-ac-ds] *) {
2038
+ stroke: currentcolor !important;
2039
+ }
2040
+ .stroke-muted\/15:where([data-ac-ds], [data-ac-ds] *) {
2041
+ stroke: color-mix(in srgb, #5c5c5c 15%, transparent) !important;
2042
+ @supports (color: color-mix(in lab, red, red)) {
2043
+ stroke: color-mix(in oklab, var(--color-muted) 15%, transparent) !important;
2044
+ }
2045
+ }
2046
+ .stroke-primary:where([data-ac-ds], [data-ac-ds] *) {
2047
+ stroke: var(--color-primary) !important;
1807
2048
  }
1808
2049
  .stroke-surface:where([data-ac-ds], [data-ac-ds] *) {
1809
2050
  stroke: var(--color-surface) !important;
@@ -1838,6 +2079,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1838
2079
  .p-5:where([data-ac-ds], [data-ac-ds] *) {
1839
2080
  padding: calc(var(--spacing) * 5) !important;
1840
2081
  }
2082
+ .p-6:where([data-ac-ds], [data-ac-ds] *) {
2083
+ padding: calc(var(--spacing) * 6) !important;
2084
+ }
1841
2085
  .px-0\.5:where([data-ac-ds], [data-ac-ds] *) {
1842
2086
  padding-inline: calc(var(--spacing) * 0.5) !important;
1843
2087
  }
@@ -1856,9 +2100,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1856
2100
  .px-3:where([data-ac-ds], [data-ac-ds] *) {
1857
2101
  padding-inline: calc(var(--spacing) * 3) !important;
1858
2102
  }
1859
- .px-3\.5:where([data-ac-ds], [data-ac-ds] *) {
1860
- padding-inline: calc(var(--spacing) * 3.5) !important;
1861
- }
1862
2103
  .px-4:where([data-ac-ds], [data-ac-ds] *) {
1863
2104
  padding-inline: calc(var(--spacing) * 4) !important;
1864
2105
  }
@@ -1904,17 +2145,29 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1904
2145
  .py-7:where([data-ac-ds], [data-ac-ds] *) {
1905
2146
  padding-block: calc(var(--spacing) * 7) !important;
1906
2147
  }
2148
+ .py-8:where([data-ac-ds], [data-ac-ds] *) {
2149
+ padding-block: calc(var(--spacing) * 8) !important;
2150
+ }
1907
2151
  .py-10:where([data-ac-ds], [data-ac-ds] *) {
1908
2152
  padding-block: calc(var(--spacing) * 10) !important;
1909
2153
  }
1910
2154
  .py-12:where([data-ac-ds], [data-ac-ds] *) {
1911
2155
  padding-block: calc(var(--spacing) * 12) !important;
1912
2156
  }
2157
+ .py-16:where([data-ac-ds], [data-ac-ds] *) {
2158
+ padding-block: calc(var(--spacing) * 16) !important;
2159
+ }
1913
2160
  .py-20:where([data-ac-ds], [data-ac-ds] *) {
1914
2161
  padding-block: calc(var(--spacing) * 20) !important;
1915
2162
  }
1916
- .py-px:where([data-ac-ds], [data-ac-ds] *) {
1917
- padding-block: 1px !important;
2163
+ .py-\[5px\]:where([data-ac-ds], [data-ac-ds] *) {
2164
+ padding-block: 5px !important;
2165
+ }
2166
+ .py-\[7px\]:where([data-ac-ds], [data-ac-ds] *) {
2167
+ padding-block: 7px !important;
2168
+ }
2169
+ .py-\[76px\]:where([data-ac-ds], [data-ac-ds] *) {
2170
+ padding-block: 76px !important;
1918
2171
  }
1919
2172
  .pt-0:where([data-ac-ds], [data-ac-ds] *) {
1920
2173
  padding-top: 0px !important;
@@ -1931,23 +2184,20 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1931
2184
  .pt-2:where([data-ac-ds], [data-ac-ds] *) {
1932
2185
  padding-top: calc(var(--spacing) * 2) !important;
1933
2186
  }
1934
- .pt-2\.5:where([data-ac-ds], [data-ac-ds] *) {
1935
- padding-top: calc(var(--spacing) * 2.5) !important;
1936
- }
1937
2187
  .pt-3:where([data-ac-ds], [data-ac-ds] *) {
1938
2188
  padding-top: calc(var(--spacing) * 3) !important;
1939
2189
  }
1940
- .pt-3\.5:where([data-ac-ds], [data-ac-ds] *) {
1941
- padding-top: calc(var(--spacing) * 3.5) !important;
1942
- }
1943
2190
  .pt-4:where([data-ac-ds], [data-ac-ds] *) {
1944
2191
  padding-top: calc(var(--spacing) * 4) !important;
1945
2192
  }
1946
2193
  .pt-5:where([data-ac-ds], [data-ac-ds] *) {
1947
2194
  padding-top: calc(var(--spacing) * 5) !important;
1948
2195
  }
1949
- .pt-8:where([data-ac-ds], [data-ac-ds] *) {
1950
- padding-top: calc(var(--spacing) * 8) !important;
2196
+ .pt-6:where([data-ac-ds], [data-ac-ds] *) {
2197
+ padding-top: calc(var(--spacing) * 6) !important;
2198
+ }
2199
+ .pt-10:where([data-ac-ds], [data-ac-ds] *) {
2200
+ padding-top: calc(var(--spacing) * 10) !important;
1951
2201
  }
1952
2202
  .pr-0:where([data-ac-ds], [data-ac-ds] *) {
1953
2203
  padding-right: 0px !important;
@@ -1970,24 +2220,36 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1970
2220
  .pr-3:where([data-ac-ds], [data-ac-ds] *) {
1971
2221
  padding-right: calc(var(--spacing) * 3) !important;
1972
2222
  }
2223
+ .pr-3\.5:where([data-ac-ds], [data-ac-ds] *) {
2224
+ padding-right: calc(var(--spacing) * 3.5) !important;
2225
+ }
2226
+ .pr-4:where([data-ac-ds], [data-ac-ds] *) {
2227
+ padding-right: calc(var(--spacing) * 4) !important;
2228
+ }
1973
2229
  .pr-8:where([data-ac-ds], [data-ac-ds] *) {
1974
2230
  padding-right: calc(var(--spacing) * 8) !important;
1975
2231
  }
2232
+ .pr-9:where([data-ac-ds], [data-ac-ds] *) {
2233
+ padding-right: calc(var(--spacing) * 9) !important;
2234
+ }
2235
+ .pr-10:where([data-ac-ds], [data-ac-ds] *) {
2236
+ padding-right: calc(var(--spacing) * 10) !important;
2237
+ }
1976
2238
  .pr-16:where([data-ac-ds], [data-ac-ds] *) {
1977
2239
  padding-right: calc(var(--spacing) * 16) !important;
1978
2240
  }
1979
2241
  .pb-1:where([data-ac-ds], [data-ac-ds] *) {
1980
2242
  padding-bottom: var(--spacing) !important;
1981
2243
  }
1982
- .pb-1\.5:where([data-ac-ds], [data-ac-ds] *) {
1983
- padding-bottom: calc(var(--spacing) * 1.5) !important;
1984
- }
1985
2244
  .pb-2:where([data-ac-ds], [data-ac-ds] *) {
1986
2245
  padding-bottom: calc(var(--spacing) * 2) !important;
1987
2246
  }
1988
2247
  .pb-2\.5:where([data-ac-ds], [data-ac-ds] *) {
1989
2248
  padding-bottom: calc(var(--spacing) * 2.5) !important;
1990
2249
  }
2250
+ .pb-3:where([data-ac-ds], [data-ac-ds] *) {
2251
+ padding-bottom: calc(var(--spacing) * 3) !important;
2252
+ }
1991
2253
  .pb-4:where([data-ac-ds], [data-ac-ds] *) {
1992
2254
  padding-bottom: calc(var(--spacing) * 4) !important;
1993
2255
  }
@@ -1997,9 +2259,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
1997
2259
  .pb-6:where([data-ac-ds], [data-ac-ds] *) {
1998
2260
  padding-bottom: calc(var(--spacing) * 6) !important;
1999
2261
  }
2000
- .pl-1:where([data-ac-ds], [data-ac-ds] *) {
2001
- padding-left: var(--spacing) !important;
2002
- }
2003
2262
  .pl-1\.5:where([data-ac-ds], [data-ac-ds] *) {
2004
2263
  padding-left: calc(var(--spacing) * 1.5) !important;
2005
2264
  }
@@ -2018,8 +2277,11 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2018
2277
  .pl-4:where([data-ac-ds], [data-ac-ds] *) {
2019
2278
  padding-left: calc(var(--spacing) * 4) !important;
2020
2279
  }
2021
- .pl-8:where([data-ac-ds], [data-ac-ds] *) {
2022
- padding-left: calc(var(--spacing) * 8) !important;
2280
+ .pl-9:where([data-ac-ds], [data-ac-ds] *) {
2281
+ padding-left: calc(var(--spacing) * 9) !important;
2282
+ }
2283
+ .pl-10:where([data-ac-ds], [data-ac-ds] *) {
2284
+ padding-left: calc(var(--spacing) * 10) !important;
2023
2285
  }
2024
2286
  .text-center:where([data-ac-ds], [data-ac-ds] *) {
2025
2287
  text-align: center !important;
@@ -2036,6 +2298,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2036
2298
  .align-top:where([data-ac-ds], [data-ac-ds] *) {
2037
2299
  vertical-align: top !important;
2038
2300
  }
2301
+ .font-heading:where([data-ac-ds], [data-ac-ds] *) {
2302
+ font-family: var(--font-heading) !important;
2303
+ }
2039
2304
  .font-mono:where([data-ac-ds], [data-ac-ds] *) {
2040
2305
  font-family: var(--font-mono) !important;
2041
2306
  }
@@ -2075,18 +2340,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2075
2340
  font-size: var(--text-xs) !important;
2076
2341
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
2077
2342
  }
2078
- .text-\[11px\]:where([data-ac-ds], [data-ac-ds] *) {
2079
- font-size: 11px !important;
2080
- }
2081
- .text-\[16px\]:where([data-ac-ds], [data-ac-ds] *) {
2082
- font-size: 16px !important;
2343
+ .text-\[9px\]:where([data-ac-ds], [data-ac-ds] *) {
2344
+ font-size: 9px !important;
2083
2345
  }
2084
2346
  .text-\[length\:calc\(11\.5px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
2085
2347
  font-size: calc(11.5px * var(--ac-scale)) !important;
2086
2348
  }
2087
- .text-\[length\:calc\(12\.5px\*var\(--ac-scale\)\)\]:where([data-ac-ds], [data-ac-ds] *) {
2088
- font-size: calc(12.5px * var(--ac-scale)) !important;
2089
- }
2090
2349
  .leading-4:where([data-ac-ds], [data-ac-ds] *) {
2091
2350
  --tw-leading: calc(var(--spacing) * 4) !important;
2092
2351
  line-height: calc(var(--spacing) * 4) !important;
@@ -2107,6 +2366,22 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2107
2366
  --tw-leading: 1 !important;
2108
2367
  line-height: 1 !important;
2109
2368
  }
2369
+ .leading-relaxed:where([data-ac-ds], [data-ac-ds] *) {
2370
+ --tw-leading: var(--leading-relaxed) !important;
2371
+ line-height: var(--leading-relaxed) !important;
2372
+ }
2373
+ .leading-snug:where([data-ac-ds], [data-ac-ds] *) {
2374
+ --tw-leading: var(--leading-snug) !important;
2375
+ line-height: var(--leading-snug) !important;
2376
+ }
2377
+ .leading-tight:where([data-ac-ds], [data-ac-ds] *) {
2378
+ --tw-leading: var(--leading-tight) !important;
2379
+ line-height: var(--leading-tight) !important;
2380
+ }
2381
+ .font-bold:where([data-ac-ds], [data-ac-ds] *) {
2382
+ --tw-font-weight: var(--font-weight-bold) !important;
2383
+ font-weight: var(--font-weight-bold) !important;
2384
+ }
2110
2385
  .font-medium:where([data-ac-ds], [data-ac-ds] *) {
2111
2386
  --tw-font-weight: var(--font-weight-medium) !important;
2112
2387
  font-weight: var(--font-weight-medium) !important;
@@ -2123,17 +2398,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2123
2398
  --tw-tracking: -0.01em !important;
2124
2399
  letter-spacing: -0.01em !important;
2125
2400
  }
2126
- .tracking-\[-0\.005em\]:where([data-ac-ds], [data-ac-ds] *) {
2127
- --tw-tracking: -0.005em !important;
2128
- letter-spacing: -0.005em !important;
2129
- }
2130
- .tracking-\[-0\.015em\]:where([data-ac-ds], [data-ac-ds] *) {
2131
- --tw-tracking: -0.015em !important;
2132
- letter-spacing: -0.015em !important;
2133
- }
2134
- .tracking-\[0\.06em\]:where([data-ac-ds], [data-ac-ds] *) {
2135
- --tw-tracking: 0.06em !important;
2136
- letter-spacing: 0.06em !important;
2401
+ .tracking-\[0\.08em\]:where([data-ac-ds], [data-ac-ds] *) {
2402
+ --tw-tracking: 0.08em !important;
2403
+ letter-spacing: 0.08em !important;
2137
2404
  }
2138
2405
  .tracking-normal:where([data-ac-ds], [data-ac-ds] *) {
2139
2406
  --tw-tracking: var(--tracking-normal) !important;
@@ -2147,10 +2414,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2147
2414
  --tw-tracking: var(--tracking-wide) !important;
2148
2415
  letter-spacing: var(--tracking-wide) !important;
2149
2416
  }
2150
- .tracking-wider:where([data-ac-ds], [data-ac-ds] *) {
2151
- --tw-tracking: var(--tracking-wider) !important;
2152
- letter-spacing: var(--tracking-wider) !important;
2153
- }
2154
2417
  .text-balance:where([data-ac-ds], [data-ac-ds] *) {
2155
2418
  text-wrap: balance !important;
2156
2419
  }
@@ -2172,21 +2435,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2172
2435
  .whitespace-nowrap:where([data-ac-ds], [data-ac-ds] *) {
2173
2436
  white-space: nowrap !important;
2174
2437
  }
2175
- .text-blue-10:where([data-ac-ds], [data-ac-ds] *) {
2176
- color: var(--color-blue-10) !important;
2177
- }
2178
- .text-blue-20:where([data-ac-ds], [data-ac-ds] *) {
2179
- color: var(--color-blue-20) !important;
2180
- }
2181
- .text-blue-30:where([data-ac-ds], [data-ac-ds] *) {
2182
- color: var(--color-blue-30) !important;
2183
- }
2184
- .text-blue-40:where([data-ac-ds], [data-ac-ds] *) {
2185
- color: var(--color-blue-40) !important;
2186
- }
2187
- .text-blue-50:where([data-ac-ds], [data-ac-ds] *) {
2188
- color: var(--color-blue-50) !important;
2189
- }
2190
2438
  .text-body:where([data-ac-ds], [data-ac-ds] *) {
2191
2439
  color: var(--color-body) !important;
2192
2440
  }
@@ -2196,122 +2444,98 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2196
2444
  .text-danger:where([data-ac-ds], [data-ac-ds] *) {
2197
2445
  color: var(--color-danger) !important;
2198
2446
  }
2199
- .text-gray-10:where([data-ac-ds], [data-ac-ds] *) {
2200
- color: var(--color-gray-10) !important;
2201
- }
2202
- .text-gray-20:where([data-ac-ds], [data-ac-ds] *) {
2203
- color: var(--color-gray-20) !important;
2204
- }
2205
- .text-green-10:where([data-ac-ds], [data-ac-ds] *) {
2206
- color: var(--color-green-10) !important;
2207
- }
2208
- .text-green-20:where([data-ac-ds], [data-ac-ds] *) {
2209
- color: var(--color-green-20) !important;
2210
- }
2211
- .text-green-30:where([data-ac-ds], [data-ac-ds] *) {
2212
- color: var(--color-green-30) !important;
2213
- }
2214
- .text-green-40:where([data-ac-ds], [data-ac-ds] *) {
2215
- color: var(--color-green-40) !important;
2447
+ .text-danger-strong:where([data-ac-ds], [data-ac-ds] *) {
2448
+ color: var(--color-danger-strong) !important;
2216
2449
  }
2217
2450
  .text-heading:where([data-ac-ds], [data-ac-ds] *) {
2218
2451
  color: var(--color-heading) !important;
2219
2452
  }
2453
+ .text-heading\/80:where([data-ac-ds], [data-ac-ds] *) {
2454
+ color: color-mix(in srgb, #252525 80%, transparent) !important;
2455
+ @supports (color: color-mix(in lab, red, red)) {
2456
+ color: color-mix(in oklab, var(--color-heading) 80%, transparent) !important;
2457
+ }
2458
+ }
2220
2459
  .text-info:where([data-ac-ds], [data-ac-ds] *) {
2221
2460
  color: var(--color-info) !important;
2222
2461
  }
2223
- .text-label:where([data-ac-ds], [data-ac-ds] *) {
2224
- color: var(--color-label) !important;
2462
+ .text-info-strong:where([data-ac-ds], [data-ac-ds] *) {
2463
+ color: var(--color-info-strong) !important;
2225
2464
  }
2226
2465
  .text-muted:where([data-ac-ds], [data-ac-ds] *) {
2227
2466
  color: var(--color-muted) !important;
2228
2467
  }
2229
- .text-on-warning:where([data-ac-ds], [data-ac-ds] *) {
2230
- color: var(--color-on-warning) !important;
2231
- }
2232
- .text-primary:where([data-ac-ds], [data-ac-ds] *) {
2233
- color: var(--color-primary) !important;
2234
- }
2235
- .text-primary-10:where([data-ac-ds], [data-ac-ds] *) {
2236
- color: var(--color-primary-10) !important;
2237
- }
2238
- .text-primary-20:where([data-ac-ds], [data-ac-ds] *) {
2239
- color: var(--color-primary-20) !important;
2468
+ .text-muted\/50:where([data-ac-ds], [data-ac-ds] *) {
2469
+ color: color-mix(in srgb, #5c5c5c 50%, transparent) !important;
2470
+ @supports (color: color-mix(in lab, red, red)) {
2471
+ color: color-mix(in oklab, var(--color-muted) 50%, transparent) !important;
2472
+ }
2240
2473
  }
2241
- .text-primary-30:where([data-ac-ds], [data-ac-ds] *) {
2242
- color: var(--color-primary-30) !important;
2474
+ .text-muted\/60:where([data-ac-ds], [data-ac-ds] *) {
2475
+ color: color-mix(in srgb, #5c5c5c 60%, transparent) !important;
2476
+ @supports (color: color-mix(in lab, red, red)) {
2477
+ color: color-mix(in oklab, var(--color-muted) 60%, transparent) !important;
2478
+ }
2243
2479
  }
2244
- .text-purple-20:where([data-ac-ds], [data-ac-ds] *) {
2245
- color: var(--color-purple-20) !important;
2480
+ .text-muted\/70:where([data-ac-ds], [data-ac-ds] *) {
2481
+ color: color-mix(in srgb, #5c5c5c 70%, transparent) !important;
2482
+ @supports (color: color-mix(in lab, red, red)) {
2483
+ color: color-mix(in oklab, var(--color-muted) 70%, transparent) !important;
2484
+ }
2246
2485
  }
2247
- .text-purple-40:where([data-ac-ds], [data-ac-ds] *) {
2248
- color: var(--color-purple-40) !important;
2486
+ .text-muted\/80:where([data-ac-ds], [data-ac-ds] *) {
2487
+ color: color-mix(in srgb, #5c5c5c 80%, transparent) !important;
2488
+ @supports (color: color-mix(in lab, red, red)) {
2489
+ color: color-mix(in oklab, var(--color-muted) 80%, transparent) !important;
2490
+ }
2249
2491
  }
2250
- .text-red-10:where([data-ac-ds], [data-ac-ds] *) {
2251
- color: var(--color-red-10) !important;
2492
+ .text-on-tooltip:where([data-ac-ds], [data-ac-ds] *) {
2493
+ color: var(--color-on-tooltip) !important;
2252
2494
  }
2253
- .text-red-20:where([data-ac-ds], [data-ac-ds] *) {
2254
- color: var(--color-red-20) !important;
2495
+ .text-on-tooltip\/70:where([data-ac-ds], [data-ac-ds] *) {
2496
+ color: color-mix(in srgb, #f5f5f5 70%, transparent) !important;
2497
+ @supports (color: color-mix(in lab, red, red)) {
2498
+ color: color-mix(in oklab, var(--color-on-tooltip) 70%, transparent) !important;
2499
+ }
2255
2500
  }
2256
- .text-red-30:where([data-ac-ds], [data-ac-ds] *) {
2257
- color: var(--color-red-30) !important;
2501
+ .text-on-warning:where([data-ac-ds], [data-ac-ds] *) {
2502
+ color: var(--color-on-warning) !important;
2258
2503
  }
2259
- .text-red-30\!:where([data-ac-ds], [data-ac-ds] *) {
2260
- color: var(--color-red-30) !important;
2504
+ .text-pending-strong:where([data-ac-ds], [data-ac-ds] *) {
2505
+ color: var(--color-pending-strong) !important;
2261
2506
  }
2262
- .text-red-40:where([data-ac-ds], [data-ac-ds] *) {
2263
- color: var(--color-red-40) !important;
2507
+ .text-primary:where([data-ac-ds], [data-ac-ds] *) {
2508
+ color: var(--color-primary) !important;
2264
2509
  }
2265
- .text-red-50:where([data-ac-ds], [data-ac-ds] *) {
2266
- color: var(--color-red-50) !important;
2510
+ .text-primary-strong:where([data-ac-ds], [data-ac-ds] *) {
2511
+ color: var(--color-primary-strong) !important;
2267
2512
  }
2268
2513
  .text-secondary:where([data-ac-ds], [data-ac-ds] *) {
2269
2514
  color: var(--color-secondary) !important;
2270
2515
  }
2271
- .text-secondary-10:where([data-ac-ds], [data-ac-ds] *) {
2272
- color: var(--color-secondary-10) !important;
2273
- }
2274
2516
  .text-secondary-20:where([data-ac-ds], [data-ac-ds] *) {
2275
2517
  color: var(--color-secondary-20) !important;
2276
2518
  }
2277
- .text-slate-60:where([data-ac-ds], [data-ac-ds] *) {
2278
- color: var(--color-slate-60) !important;
2279
- }
2280
- .text-slate-70:where([data-ac-ds], [data-ac-ds] *) {
2281
- color: var(--color-slate-70) !important;
2282
- }
2283
- .text-slate-95:where([data-ac-ds], [data-ac-ds] *) {
2284
- color: var(--color-slate-95) !important;
2285
- }
2286
2519
  .text-success:where([data-ac-ds], [data-ac-ds] *) {
2287
2520
  color: var(--color-success) !important;
2288
2521
  }
2522
+ .text-success-strong:where([data-ac-ds], [data-ac-ds] *) {
2523
+ color: var(--color-success-strong) !important;
2524
+ }
2289
2525
  .text-surface:where([data-ac-ds], [data-ac-ds] *) {
2290
2526
  color: var(--color-surface) !important;
2291
2527
  }
2292
- .text-transparent\!:where([data-ac-ds], [data-ac-ds] *) {
2293
- color: transparent !important;
2294
- }
2295
2528
  .text-warning:where([data-ac-ds], [data-ac-ds] *) {
2296
2529
  color: var(--color-warning) !important;
2297
2530
  }
2531
+ .text-warning-strong:where([data-ac-ds], [data-ac-ds] *) {
2532
+ color: var(--color-warning-strong) !important;
2533
+ }
2298
2534
  .text-white:where([data-ac-ds], [data-ac-ds] *) {
2299
2535
  color: var(--color-white) !important;
2300
2536
  }
2301
- .text-yellow-10:where([data-ac-ds], [data-ac-ds] *) {
2302
- color: var(--color-yellow-10) !important;
2303
- }
2304
- .text-yellow-20:where([data-ac-ds], [data-ac-ds] *) {
2305
- color: var(--color-yellow-20) !important;
2306
- }
2307
- .text-yellow-30:where([data-ac-ds], [data-ac-ds] *) {
2308
- color: var(--color-yellow-30) !important;
2309
- }
2310
- .text-yellow-40:where([data-ac-ds], [data-ac-ds] *) {
2311
- color: var(--color-yellow-40) !important;
2312
- }
2313
- .text-yellow-50:where([data-ac-ds], [data-ac-ds] *) {
2314
- color: var(--color-yellow-50) !important;
2537
+ .lowercase:where([data-ac-ds], [data-ac-ds] *) {
2538
+ text-transform: lowercase !important;
2315
2539
  }
2316
2540
  .uppercase:where([data-ac-ds], [data-ac-ds] *) {
2317
2541
  text-transform: uppercase !important;
@@ -2353,8 +2577,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2353
2577
  .opacity-0:where([data-ac-ds], [data-ac-ds] *) {
2354
2578
  opacity: 0% !important;
2355
2579
  }
2356
- .opacity-40:where([data-ac-ds], [data-ac-ds] *) {
2357
- opacity: 40% !important;
2580
+ .opacity-30:where([data-ac-ds], [data-ac-ds] *) {
2581
+ opacity: 30% !important;
2358
2582
  }
2359
2583
  .opacity-50:where([data-ac-ds], [data-ac-ds] *) {
2360
2584
  opacity: 50% !important;
@@ -2368,33 +2592,24 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2368
2592
  .opacity-75:where([data-ac-ds], [data-ac-ds] *) {
2369
2593
  opacity: 75% !important;
2370
2594
  }
2371
- .opacity-80:where([data-ac-ds], [data-ac-ds] *) {
2372
- opacity: 80% !important;
2373
- }
2374
2595
  .opacity-90:where([data-ac-ds], [data-ac-ds] *) {
2375
2596
  opacity: 90% !important;
2376
2597
  }
2377
2598
  .opacity-100:where([data-ac-ds], [data-ac-ds] *) {
2378
2599
  opacity: 100% !important;
2379
2600
  }
2380
- .shadow-\[0_0_0_3px_var\(--color-red-90\)\]:where([data-ac-ds], [data-ac-ds] *) {
2381
- --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-red-90)) !important;
2382
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2383
- }
2384
- .shadow-\[0_0_0_3px_var\(--color-ring\)\]:where([data-ac-ds], [data-ac-ds] *) {
2385
- --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-ring)) !important;
2386
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2387
- }
2388
- .shadow-\[0_0_0_5px_var\(--color-ring\)\]:where([data-ac-ds], [data-ac-ds] *) {
2389
- --tw-shadow: 0 0 0 5px var(--tw-shadow-color, var(--color-ring)) !important;
2390
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2391
- }
2392
- .shadow-\[0_1px_2px_0_rgb\(15_23_42\/0\.03\)\]:where([data-ac-ds], [data-ac-ds] *) {
2393
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42/0.03)) !important;
2601
+ .shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-danger\)_20\%\,transparent\)\]:where([data-ac-ds], [data-ac-ds] *) {
2602
+ --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,#ef4444 20%,transparent)) !important;
2603
+ @supports (color: color-mix(in lab, red, red)) {
2604
+ --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--color-danger) 20%,transparent)) !important;
2605
+ }
2394
2606
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2395
2607
  }
2396
- .shadow-\[inset_0_-1px_0_0_var\(--color-border\)\]:where([data-ac-ds], [data-ac-ds] *) {
2397
- --tw-shadow: inset 0 -1px 0 0 var(--tw-shadow-color, var(--color-border)) !important;
2608
+ .shadow-\[0_0_0_6px_color-mix\(in_srgb\,var\(--color-primary\)_15\%\,transparent\)\]:where([data-ac-ds], [data-ac-ds] *) {
2609
+ --tw-shadow: 0 0 0 6px var(--tw-shadow-color, color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 15%,transparent)) !important;
2610
+ @supports (color: color-mix(in lab, red, red)) {
2611
+ --tw-shadow: 0 0 0 6px var(--tw-shadow-color, color-mix(in srgb,var(--color-primary) 15%,transparent)) !important;
2612
+ }
2398
2613
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2399
2614
  }
2400
2615
  .shadow-\[inset_0_0_0_1px_var\(--color-primary\)\]:where([data-ac-ds], [data-ac-ds] *) {
@@ -2402,31 +2617,23 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2402
2617
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2403
2618
  }
2404
2619
  .shadow-button:where([data-ac-ds], [data-ac-ds] *) {
2405
- --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgb(255 255 255 / 0.14)), 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.12)) !important;
2620
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
2406
2621
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2407
2622
  }
2408
2623
  .shadow-lg:where([data-ac-ds], [data-ac-ds] *) {
2409
- --tw-shadow: 0 4px 6px -2px var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 12px 24px -4px var(--tw-shadow-color, rgb(15 23 42 / 0.10)) !important;
2410
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2411
- }
2412
- .shadow-md:where([data-ac-ds], [data-ac-ds] *) {
2413
- --tw-shadow: 0 2px 4px -1px var(--tw-shadow-color, rgb(15 23 42 / 0.05)), 0 4px 10px -2px var(--tw-shadow-color, rgb(15 23 42 / 0.07)) !important;
2414
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2415
- }
2416
- .shadow-none:where([data-ac-ds], [data-ac-ds] *) {
2417
- --tw-shadow: 0 0 #0000 !important;
2624
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
2418
2625
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2419
2626
  }
2420
2627
  .shadow-sm:where([data-ac-ds], [data-ac-ds] *) {
2421
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 1px 3px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.06)) !important;
2628
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
2422
2629
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2423
2630
  }
2424
2631
  .shadow-xl:where([data-ac-ds], [data-ac-ds] *) {
2425
- --tw-shadow: 0 8px 16px -4px var(--tw-shadow-color, rgb(15 23 42 / 0.06)), 0 24px 48px -12px var(--tw-shadow-color, rgb(15 23 42 / 0.18)) !important;
2632
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
2426
2633
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2427
2634
  }
2428
2635
  .shadow-xs:where([data-ac-ds], [data-ac-ds] *) {
2429
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.05)) !important;
2636
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)) !important;
2430
2637
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2431
2638
  }
2432
2639
  .ring:where([data-ac-ds], [data-ac-ds] *) {
@@ -2441,103 +2648,116 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2441
2648
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2442
2649
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2443
2650
  }
2444
- .ring-8:where([data-ac-ds], [data-ac-ds] *) {
2445
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2446
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2447
- }
2448
- .ring-\[3px\]:where([data-ac-ds], [data-ac-ds] *) {
2449
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2450
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2451
- }
2452
- .inset-shadow-xs:where([data-ac-ds], [data-ac-ds] *) {
2453
- --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, rgb(15 23 42 / 0.04)) !important;
2651
+ .ring-4:where([data-ac-ds], [data-ac-ds] *) {
2652
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2454
2653
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2455
2654
  }
2456
- .ring-black\/5:where([data-ac-ds], [data-ac-ds] *) {
2457
- --tw-ring-color: color-mix(in srgb, hsl(0 0% 0%) 5%, transparent) !important;
2458
- @supports (color: color-mix(in lab, red, red)) {
2459
- --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
2460
- }
2461
- }
2462
- .ring-black\/\[0\.02\]:where([data-ac-ds], [data-ac-ds] *) {
2463
- --tw-ring-color: color-mix(in srgb, hsl(0 0% 0%) 2%, transparent) !important;
2655
+ .shadow-black\/25:where([data-ac-ds], [data-ac-ds] *) {
2656
+ --tw-shadow-color: color-mix(in srgb, hsl(0 0% 0%) 25%, transparent) !important;
2464
2657
  @supports (color: color-mix(in lab, red, red)) {
2465
- --tw-ring-color: color-mix(in oklab, var(--color-black) 2%, transparent) !important;
2658
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent) !important;
2466
2659
  }
2467
2660
  }
2468
- .ring-blue-50\/20:where([data-ac-ds], [data-ac-ds] *) {
2469
- --tw-ring-color: color-mix(in srgb, hsl(217 71% 50%) 20%, transparent) !important;
2661
+ .shadow-primary\/10:where([data-ac-ds], [data-ac-ds] *) {
2662
+ --tw-shadow-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
2470
2663
  @supports (color: color-mix(in lab, red, red)) {
2471
- --tw-ring-color: color-mix(in oklab, var(--color-blue-50) 20%, transparent) !important;
2664
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 10%, transparent) var(--tw-shadow-alpha), transparent) !important;
2472
2665
  }
2473
2666
  }
2474
- .ring-blue-80:where([data-ac-ds], [data-ac-ds] *) {
2475
- --tw-ring-color: var(--color-blue-80) !important;
2476
- }
2477
2667
  .ring-border:where([data-ac-ds], [data-ac-ds] *) {
2478
2668
  --tw-ring-color: var(--color-border) !important;
2479
2669
  }
2480
2670
  .ring-border-dark:where([data-ac-ds], [data-ac-ds] *) {
2481
2671
  --tw-ring-color: var(--color-border-dark) !important;
2482
2672
  }
2483
- .ring-border-light:where([data-ac-ds], [data-ac-ds] *) {
2484
- --tw-ring-color: var(--color-border-light) !important;
2485
- }
2486
- .ring-gray-40\/20:where([data-ac-ds], [data-ac-ds] *) {
2487
- --tw-ring-color: color-mix(in srgb, hsl(0 0% 40%) 20%, transparent) !important;
2673
+ .ring-danger\/20:where([data-ac-ds], [data-ac-ds] *) {
2674
+ --tw-ring-color: color-mix(in srgb, #ef4444 20%, transparent) !important;
2488
2675
  @supports (color: color-mix(in lab, red, red)) {
2489
- --tw-ring-color: color-mix(in oklab, var(--color-gray-40) 20%, transparent) !important;
2676
+ --tw-ring-color: color-mix(in oklab, var(--color-danger) 20%, transparent) !important;
2490
2677
  }
2491
2678
  }
2492
- .ring-gray-70:where([data-ac-ds], [data-ac-ds] *) {
2493
- --tw-ring-color: var(--color-gray-70) !important;
2494
- }
2495
- .ring-green-40\/25:where([data-ac-ds], [data-ac-ds] *) {
2496
- --tw-ring-color: color-mix(in srgb, hsl(141 53% 40%) 25%, transparent) !important;
2679
+ .ring-danger\/25:where([data-ac-ds], [data-ac-ds] *) {
2680
+ --tw-ring-color: color-mix(in srgb, #ef4444 25%, transparent) !important;
2497
2681
  @supports (color: color-mix(in lab, red, red)) {
2498
- --tw-ring-color: color-mix(in oklab, var(--color-green-40) 25%, transparent) !important;
2682
+ --tw-ring-color: color-mix(in oklab, var(--color-danger) 25%, transparent) !important;
2499
2683
  }
2500
2684
  }
2501
- .ring-green-70:where([data-ac-ds], [data-ac-ds] *) {
2502
- --tw-ring-color: var(--color-green-70) !important;
2685
+ .ring-danger\/40:where([data-ac-ds], [data-ac-ds] *) {
2686
+ --tw-ring-color: color-mix(in srgb, #ef4444 40%, transparent) !important;
2687
+ @supports (color: color-mix(in lab, red, red)) {
2688
+ --tw-ring-color: color-mix(in oklab, var(--color-danger) 40%, transparent) !important;
2689
+ }
2503
2690
  }
2504
2691
  .ring-heading\/8:where([data-ac-ds], [data-ac-ds] *) {
2505
- --tw-ring-color: color-mix(in srgb, #020617 8%, transparent) !important;
2692
+ --tw-ring-color: color-mix(in srgb, #252525 8%, transparent) !important;
2506
2693
  @supports (color: color-mix(in lab, red, red)) {
2507
2694
  --tw-ring-color: color-mix(in oklab, var(--color-heading) 8%, transparent) !important;
2508
2695
  }
2509
2696
  }
2697
+ .ring-info\/20:where([data-ac-ds], [data-ac-ds] *) {
2698
+ --tw-ring-color: color-mix(in srgb, #0069ff 20%, transparent) !important;
2699
+ @supports (color: color-mix(in lab, red, red)) {
2700
+ --tw-ring-color: color-mix(in oklab, var(--color-info) 20%, transparent) !important;
2701
+ }
2702
+ }
2703
+ .ring-info\/25:where([data-ac-ds], [data-ac-ds] *) {
2704
+ --tw-ring-color: color-mix(in srgb, #0069ff 25%, transparent) !important;
2705
+ @supports (color: color-mix(in lab, red, red)) {
2706
+ --tw-ring-color: color-mix(in oklab, var(--color-info) 25%, transparent) !important;
2707
+ }
2708
+ }
2709
+ .ring-info\/40:where([data-ac-ds], [data-ac-ds] *) {
2710
+ --tw-ring-color: color-mix(in srgb, #0069ff 40%, transparent) !important;
2711
+ @supports (color: color-mix(in lab, red, red)) {
2712
+ --tw-ring-color: color-mix(in oklab, var(--color-info) 40%, transparent) !important;
2713
+ }
2714
+ }
2715
+ .ring-pending\/25:where([data-ac-ds], [data-ac-ds] *) {
2716
+ --tw-ring-color: color-mix(in srgb, #8b5cf6 25%, transparent) !important;
2717
+ @supports (color: color-mix(in lab, red, red)) {
2718
+ --tw-ring-color: color-mix(in oklab, var(--color-pending) 25%, transparent) !important;
2719
+ }
2720
+ }
2721
+ .ring-pending\/40:where([data-ac-ds], [data-ac-ds] *) {
2722
+ --tw-ring-color: color-mix(in srgb, #8b5cf6 40%, transparent) !important;
2723
+ @supports (color: color-mix(in lab, red, red)) {
2724
+ --tw-ring-color: color-mix(in oklab, var(--color-pending) 40%, transparent) !important;
2725
+ }
2726
+ }
2510
2727
  .ring-primary:where([data-ac-ds], [data-ac-ds] *) {
2511
2728
  --tw-ring-color: var(--color-primary) !important;
2512
2729
  }
2513
- .ring-primary-40\/20:where([data-ac-ds], [data-ac-ds] *) {
2514
- --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) 40%) 20%, transparent) !important;
2730
+ .ring-primary\/20:where([data-ac-ds], [data-ac-ds] *) {
2731
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
2515
2732
  @supports (color: color-mix(in lab, red, red)) {
2516
- --tw-ring-color: color-mix(in oklab, var(--color-primary-40) 20%, transparent) !important;
2733
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent) !important;
2517
2734
  }
2518
2735
  }
2519
- .ring-primary-70:where([data-ac-ds], [data-ac-ds] *) {
2520
- --tw-ring-color: var(--color-primary-70) !important;
2521
- }
2522
- .ring-red-40\/20:where([data-ac-ds], [data-ac-ds] *) {
2523
- --tw-ring-color: color-mix(in srgb, hsl(348 100% 40%) 20%, transparent) !important;
2736
+ .ring-primary\/25:where([data-ac-ds], [data-ac-ds] *) {
2737
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 25%, transparent) !important;
2524
2738
  @supports (color: color-mix(in lab, red, red)) {
2525
- --tw-ring-color: color-mix(in oklab, var(--color-red-40) 20%, transparent) !important;
2739
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent) !important;
2526
2740
  }
2527
2741
  }
2528
- .ring-red-80:where([data-ac-ds], [data-ac-ds] *) {
2529
- --tw-ring-color: var(--color-red-80) !important;
2742
+ .ring-primary\/30:where([data-ac-ds], [data-ac-ds] *) {
2743
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 30%, transparent) !important;
2744
+ @supports (color: color-mix(in lab, red, red)) {
2745
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important;
2746
+ }
2530
2747
  }
2531
- .ring-red-97:where([data-ac-ds], [data-ac-ds] *) {
2532
- --tw-ring-color: var(--color-red-97) !important;
2748
+ .ring-primary\/40:where([data-ac-ds], [data-ac-ds] *) {
2749
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 40%, transparent) !important;
2750
+ @supports (color: color-mix(in lab, red, red)) {
2751
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
2752
+ }
2533
2753
  }
2534
2754
  .ring-ring:where([data-ac-ds], [data-ac-ds] *) {
2535
2755
  --tw-ring-color: var(--color-ring) !important;
2536
2756
  }
2537
- .ring-secondary-40\/20:where([data-ac-ds], [data-ac-ds] *) {
2538
- --tw-ring-color: color-mix(in srgb, hsl(var(--secondary-hue) var(--secondary-saturation) 40%) 20%, transparent) !important;
2757
+ .ring-secondary-40\/25:where([data-ac-ds], [data-ac-ds] *) {
2758
+ --tw-ring-color: color-mix(in srgb, hsl(var(--secondary-hue) var(--secondary-saturation) 40%) 25%, transparent) !important;
2539
2759
  @supports (color: color-mix(in lab, red, red)) {
2540
- --tw-ring-color: color-mix(in oklab, var(--color-secondary-40) 20%, transparent) !important;
2760
+ --tw-ring-color: color-mix(in oklab, var(--color-secondary-40) 25%, transparent) !important;
2541
2761
  }
2542
2762
  }
2543
2763
  .ring-secondary-70:where([data-ac-ds], [data-ac-ds] *) {
@@ -2546,23 +2766,63 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2546
2766
  .ring-sidebar:where([data-ac-ds], [data-ac-ds] *) {
2547
2767
  --tw-ring-color: var(--color-sidebar) !important;
2548
2768
  }
2549
- .ring-slate-50\/20:where([data-ac-ds], [data-ac-ds] *) {
2550
- --tw-ring-color: color-mix(in srgb, #64748b 20%, transparent) !important;
2769
+ .ring-slate-20\/20:where([data-ac-ds], [data-ac-ds] *) {
2770
+ --tw-ring-color: color-mix(in srgb, #252525 20%, transparent) !important;
2771
+ @supports (color: color-mix(in lab, red, red)) {
2772
+ --tw-ring-color: color-mix(in oklab, var(--color-slate-20) 20%, transparent) !important;
2773
+ }
2774
+ }
2775
+ .ring-slate-20\/40:where([data-ac-ds], [data-ac-ds] *) {
2776
+ --tw-ring-color: color-mix(in srgb, #252525 40%, transparent) !important;
2777
+ @supports (color: color-mix(in lab, red, red)) {
2778
+ --tw-ring-color: color-mix(in oklab, var(--color-slate-20) 40%, transparent) !important;
2779
+ }
2780
+ }
2781
+ .ring-success\/20:where([data-ac-ds], [data-ac-ds] *) {
2782
+ --tw-ring-color: color-mix(in srgb, #00a651 20%, transparent) !important;
2783
+ @supports (color: color-mix(in lab, red, red)) {
2784
+ --tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent) !important;
2785
+ }
2786
+ }
2787
+ .ring-success\/25:where([data-ac-ds], [data-ac-ds] *) {
2788
+ --tw-ring-color: color-mix(in srgb, #00a651 25%, transparent) !important;
2551
2789
  @supports (color: color-mix(in lab, red, red)) {
2552
- --tw-ring-color: color-mix(in oklab, var(--color-slate-50) 20%, transparent) !important;
2790
+ --tw-ring-color: color-mix(in oklab, var(--color-success) 25%, transparent) !important;
2791
+ }
2792
+ }
2793
+ .ring-success\/40:where([data-ac-ds], [data-ac-ds] *) {
2794
+ --tw-ring-color: color-mix(in srgb, #00a651 40%, transparent) !important;
2795
+ @supports (color: color-mix(in lab, red, red)) {
2796
+ --tw-ring-color: color-mix(in oklab, var(--color-success) 40%, transparent) !important;
2553
2797
  }
2554
2798
  }
2555
2799
  .ring-surface:where([data-ac-ds], [data-ac-ds] *) {
2556
2800
  --tw-ring-color: var(--color-surface) !important;
2557
2801
  }
2558
- .ring-yellow-50\/30:where([data-ac-ds], [data-ac-ds] *) {
2559
- --tw-ring-color: color-mix(in srgb, hsl(38 93% 50%) 30%, transparent) !important;
2802
+ .ring-warning\/25:where([data-ac-ds], [data-ac-ds] *) {
2803
+ --tw-ring-color: color-mix(in srgb, #f59e0b 25%, transparent) !important;
2804
+ @supports (color: color-mix(in lab, red, red)) {
2805
+ --tw-ring-color: color-mix(in oklab, var(--color-warning) 25%, transparent) !important;
2806
+ }
2807
+ }
2808
+ .ring-warning\/30:where([data-ac-ds], [data-ac-ds] *) {
2809
+ --tw-ring-color: color-mix(in srgb, #f59e0b 30%, transparent) !important;
2810
+ @supports (color: color-mix(in lab, red, red)) {
2811
+ --tw-ring-color: color-mix(in oklab, var(--color-warning) 30%, transparent) !important;
2812
+ }
2813
+ }
2814
+ .ring-warning\/45:where([data-ac-ds], [data-ac-ds] *) {
2815
+ --tw-ring-color: color-mix(in srgb, #f59e0b 45%, transparent) !important;
2560
2816
  @supports (color: color-mix(in lab, red, red)) {
2561
- --tw-ring-color: color-mix(in oklab, var(--color-yellow-50) 30%, transparent) !important;
2817
+ --tw-ring-color: color-mix(in oklab, var(--color-warning) 45%, transparent) !important;
2562
2818
  }
2563
2819
  }
2564
- .ring-yellow-70:where([data-ac-ds], [data-ac-ds] *) {
2565
- --tw-ring-color: var(--color-yellow-70) !important;
2820
+ .ring-offset-2:where([data-ac-ds], [data-ac-ds] *) {
2821
+ --tw-ring-offset-width: 2px !important;
2822
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
2823
+ }
2824
+ .ring-offset-surface:where([data-ac-ds], [data-ac-ds] *) {
2825
+ --tw-ring-offset-color: var(--color-surface) !important;
2566
2826
  }
2567
2827
  .outline:where([data-ac-ds], [data-ac-ds] *) {
2568
2828
  outline-style: var(--tw-outline-style) !important;
@@ -2580,13 +2840,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2580
2840
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
2581
2841
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
2582
2842
  }
2583
- .backdrop-blur-md:where([data-ac-ds], [data-ac-ds] *) {
2584
- --tw-backdrop-blur: blur(var(--blur-md)) !important;
2585
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
2586
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
2587
- }
2588
- .backdrop-saturate-150:where([data-ac-ds], [data-ac-ds] *) {
2589
- --tw-backdrop-saturate: saturate(150%) !important;
2843
+ .backdrop-blur-sm:where([data-ac-ds], [data-ac-ds] *) {
2844
+ --tw-backdrop-blur: blur(var(--blur-sm)) !important;
2590
2845
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
2591
2846
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
2592
2847
  }
@@ -2595,33 +2850,28 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2595
2850
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2596
2851
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2597
2852
  }
2598
- .transition-\[background-color\,border-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
2599
- transition-property: background-color,border-color,box-shadow !important;
2600
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2601
- transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2602
- }
2603
- .transition-\[background-color\,border-color\,color\,box-shadow\,transform\]:where([data-ac-ds], [data-ac-ds] *) {
2604
- transition-property: background-color,border-color,color,box-shadow,transform !important;
2853
+ .transition-\[background-color\,border-color\,box-shadow\,translate\]:where([data-ac-ds], [data-ac-ds] *) {
2854
+ transition-property: background-color,border-color,box-shadow,translate !important;
2605
2855
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2606
2856
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2607
2857
  }
2608
- .transition-\[background-color\,border-color\]:where([data-ac-ds], [data-ac-ds] *) {
2609
- transition-property: background-color,border-color !important;
2858
+ .transition-\[background-color\,border-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
2859
+ transition-property: background-color,border-color,box-shadow !important;
2610
2860
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2611
2861
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2612
2862
  }
2613
- .transition-\[background-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
2614
- transition-property: background-color,box-shadow !important;
2863
+ .transition-\[background-color\,color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
2864
+ transition-property: background-color,color,box-shadow !important;
2615
2865
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2616
2866
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2617
2867
  }
2618
- .transition-\[background-color\,color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
2619
- transition-property: background-color,color,box-shadow !important;
2868
+ .transition-\[background-color\,opacity\]:where([data-ac-ds], [data-ac-ds] *) {
2869
+ transition-property: background-color,opacity !important;
2620
2870
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2621
2871
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2622
2872
  }
2623
- .transition-\[border-color\,border-width\]:where([data-ac-ds], [data-ac-ds] *) {
2624
- transition-property: border-color,border-width !important;
2873
+ .transition-\[border-color\,background-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
2874
+ transition-property: border-color,background-color,box-shadow !important;
2625
2875
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2626
2876
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2627
2877
  }
@@ -2640,16 +2890,66 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2640
2890
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2641
2891
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2642
2892
  }
2893
+ .transition-\[box-shadow\,transform\]:where([data-ac-ds], [data-ac-ds] *) {
2894
+ transition-property: box-shadow,transform !important;
2895
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2896
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2897
+ }
2898
+ .transition-\[color\,background-color\,border-color\,box-shadow\,transform\]:where([data-ac-ds], [data-ac-ds] *) {
2899
+ transition-property: color,background-color,border-color,box-shadow,transform !important;
2900
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2901
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2902
+ }
2903
+ .transition-\[color\,background-color\,border-color\,box-shadow\]:where([data-ac-ds], [data-ac-ds] *) {
2904
+ transition-property: color,background-color,border-color,box-shadow !important;
2905
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2906
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2907
+ }
2908
+ .transition-\[color\,background-color\,border-color\,transform\]:where([data-ac-ds], [data-ac-ds] *) {
2909
+ transition-property: color,background-color,border-color,transform !important;
2910
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2911
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2912
+ }
2913
+ .transition-\[color\,background-color\,border-color\]:where([data-ac-ds], [data-ac-ds] *) {
2914
+ transition-property: color,background-color,border-color !important;
2915
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2916
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2917
+ }
2643
2918
  .transition-\[color\,transform\]:where([data-ac-ds], [data-ac-ds] *) {
2644
2919
  transition-property: color,transform !important;
2645
2920
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2646
2921
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2647
2922
  }
2923
+ .transition-\[grid-template-rows\,opacity\,translate\]:where([data-ac-ds], [data-ac-ds] *) {
2924
+ transition-property: grid-template-rows,opacity,translate !important;
2925
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2926
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2927
+ }
2928
+ .transition-\[grid-template-rows\,opacity\]:where([data-ac-ds], [data-ac-ds] *) {
2929
+ transition-property: grid-template-rows,opacity !important;
2930
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2931
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2932
+ }
2648
2933
  .transition-\[grid-template-rows\]:where([data-ac-ds], [data-ac-ds] *) {
2649
2934
  transition-property: grid-template-rows !important;
2650
2935
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2651
2936
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2652
2937
  }
2938
+ .transition-\[opacity\,scale\,translate\]:where([data-ac-ds], [data-ac-ds] *) {
2939
+ transition-property: opacity,scale,translate !important;
2940
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2941
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2942
+ }
2943
+ .transition-\[opacity\,scale\]:where([data-ac-ds], [data-ac-ds] *) {
2944
+ transition-property: opacity,scale !important;
2945
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2946
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2947
+ }
2948
+ .transition-\[stroke-dashoffset\,color\,opacity\]:where([data-ac-ds], [data-ac-ds] *) {
2949
+ transition-property: stroke-dashoffset,color,opacity !important;
2950
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
2951
+ transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
2952
+ }
2653
2953
  .transition-\[translate\,visibility\]:where([data-ac-ds], [data-ac-ds] *) {
2654
2954
  transition-property: translate,visibility !important;
2655
2955
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
@@ -2710,6 +3010,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2710
3010
  --tw-duration: 300ms !important;
2711
3011
  transition-duration: 300ms !important;
2712
3012
  }
3013
+ .duration-700:where([data-ac-ds], [data-ac-ds] *) {
3014
+ --tw-duration: 700ms !important;
3015
+ transition-duration: 700ms !important;
3016
+ }
2713
3017
  .ease-in:where([data-ac-ds], [data-ac-ds] *) {
2714
3018
  --tw-ease: var(--ease-in) !important;
2715
3019
  transition-timing-function: var(--ease-in) !important;
@@ -2726,6 +3030,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2726
3030
  --tw-outline-style: none !important;
2727
3031
  outline-style: none !important;
2728
3032
  }
3033
+ .select-all:where([data-ac-ds], [data-ac-ds] *) {
3034
+ -webkit-user-select: all !important;
3035
+ user-select: all !important;
3036
+ }
2729
3037
  .select-none:where([data-ac-ds], [data-ac-ds] *) {
2730
3038
  -webkit-user-select: none !important;
2731
3039
  user-select: none !important;
@@ -2741,21 +3049,34 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2741
3049
  border-width: 0px !important;
2742
3050
  }
2743
3051
  @media (hover: hover) {
2744
- .group-hover\:border-slate-60:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
2745
- border-color: var(--color-slate-60) !important;
3052
+ .group-hover\:border-muted:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
3053
+ border-color: var(--color-muted) !important;
2746
3054
  }
2747
3055
  .group-hover\:text-heading:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
2748
3056
  color: var(--color-heading) !important;
2749
3057
  }
3058
+ .group-hover\:text-primary-strong:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
3059
+ color: var(--color-primary-strong) !important;
3060
+ }
3061
+ .group-hover\:opacity-100:is(:where(.group):hover *):where([data-ac-ds], [data-ac-ds] *) {
3062
+ opacity: 100% !important;
3063
+ }
3064
+ .group-hover\/link\:translate-x-0\.5:is(:where(.group\/link):hover *):where([data-ac-ds], [data-ac-ds] *) {
3065
+ --tw-translate-x: calc(var(--spacing) * 0.5) !important;
3066
+ translate: var(--tw-translate-x) var(--tw-translate-y) !important;
3067
+ }
2750
3068
  .group-hover\/thumb\:opacity-100:is(:where(.group\/thumb):hover *):where([data-ac-ds], [data-ac-ds] *) {
2751
3069
  opacity: 100% !important;
2752
3070
  }
2753
3071
  }
3072
+ .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *):where([data-ac-ds], [data-ac-ds] *) {
3073
+ opacity: 100% !important;
3074
+ }
2754
3075
  .group-focus-visible\/thumb\:opacity-100:is(:where(.group\/thumb):focus-visible *):where([data-ac-ds], [data-ac-ds] *) {
2755
3076
  opacity: 100% !important;
2756
3077
  }
2757
- .group-aria-\[current\=page\]\:text-primary-30\!:is(:where(.group)[aria-current="page"] *):where([data-ac-ds], [data-ac-ds] *) {
2758
- color: var(--color-primary-30) !important;
3078
+ .group-aria-\[current\=page\]\:text-primary\!:is(:where(.group)[aria-current="page"] *):where([data-ac-ds], [data-ac-ds] *) {
3079
+ color: var(--color-primary) !important;
2759
3080
  }
2760
3081
  .peer-checked\:scale-100:is(:where(.peer):checked ~ *):where([data-ac-ds], [data-ac-ds] *) {
2761
3082
  --tw-scale-x: 100% !important;
@@ -2766,93 +3087,23 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2766
3087
  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *):where([data-ac-ds], [data-ac-ds] *) {
2767
3088
  opacity: 100% !important;
2768
3089
  }
3090
+ .peer-indeterminate\:scale-100:is(:where(.peer):indeterminate ~ *):where([data-ac-ds], [data-ac-ds] *) {
3091
+ --tw-scale-x: 100% !important;
3092
+ --tw-scale-y: 100% !important;
3093
+ --tw-scale-z: 100% !important;
3094
+ scale: var(--tw-scale-x) var(--tw-scale-y) !important;
3095
+ }
2769
3096
  .peer-indeterminate\:opacity-100:is(:where(.peer):indeterminate ~ *):where([data-ac-ds], [data-ac-ds] *) {
2770
3097
  opacity: 100% !important;
2771
3098
  }
2772
- .peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
2773
- top: calc(1 / 2 * 100%) !important;
2774
- }
2775
- .peer-placeholder-shown\:top-4\.5:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
2776
- top: calc(var(--spacing) * 4.5) !important;
2777
- }
2778
- .peer-placeholder-shown\:text-base:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
2779
- font-size: var(--text-base) !important;
2780
- line-height: var(--tw-leading, var(--text-base--line-height)) !important;
2781
- }
2782
- .peer-placeholder-shown\:font-normal:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
2783
- --tw-font-weight: var(--font-weight-normal) !important;
2784
- font-weight: var(--font-weight-normal) !important;
2785
- }
2786
- .peer-placeholder-shown\:text-muted:is(:where(.peer):placeholder-shown ~ *):where([data-ac-ds], [data-ac-ds] *) {
2787
- color: var(--color-muted) !important;
2788
- }
2789
- .peer-read-only\:bg-linear-to-b:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
2790
- --tw-gradient-position: to bottom !important;
2791
- @supports (background-image: linear-gradient(in lab, red, red)) {
2792
- --tw-gradient-position: to bottom in oklab !important;
2793
- }
2794
- background-image: linear-gradient(var(--tw-gradient-stops)) !important;
2795
- }
2796
- .peer-read-only\:from-surface:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
2797
- --tw-gradient-from: var(--color-surface) !important;
2798
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
2799
- }
2800
- .peer-read-only\:from-50\%:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
2801
- --tw-gradient-from-position: 50% !important;
2802
- }
2803
- .peer-read-only\:to-surface-muted:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
2804
- --tw-gradient-to: var(--color-surface-muted) !important;
2805
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
2806
- }
2807
- .peer-read-only\:to-50\%:is(:where(.peer):read-only ~ *):where([data-ac-ds], [data-ac-ds] *) {
2808
- --tw-gradient-to-position: 50% !important;
2809
- }
2810
- .peer-focus\:-top-px:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
2811
- top: -1px !important;
2812
- }
2813
- .peer-focus\:top-0:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
2814
- top: 0px !important;
2815
- }
2816
- .peer-focus\:text-xs:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
2817
- font-size: var(--text-xs) !important;
2818
- line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
2819
- }
2820
- .peer-focus\:font-medium:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
2821
- --tw-font-weight: var(--font-weight-medium) !important;
2822
- font-weight: var(--font-weight-medium) !important;
2823
- }
2824
- .peer-focus\:text-primary-20:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
2825
- color: var(--color-primary-20) !important;
2826
- }
2827
- .peer-focus\:text-red-30\!:is(:where(.peer):focus ~ *):where([data-ac-ds], [data-ac-ds] *) {
2828
- color: var(--color-red-30) !important;
3099
+ .placeholder\:font-sans:where([data-ac-ds], [data-ac-ds] *)::placeholder {
3100
+ font-family: var(--font-sans) !important;
2829
3101
  }
2830
- .peer-disabled\:bg-linear-to-b:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
2831
- --tw-gradient-position: to bottom !important;
2832
- @supports (background-image: linear-gradient(in lab, red, red)) {
2833
- --tw-gradient-position: to bottom in oklab !important;
3102
+ .placeholder\:text-muted\/80:where([data-ac-ds], [data-ac-ds] *)::placeholder {
3103
+ color: color-mix(in srgb, #5c5c5c 80%, transparent) !important;
3104
+ @supports (color: color-mix(in lab, red, red)) {
3105
+ color: color-mix(in oklab, var(--color-muted) 80%, transparent) !important;
2834
3106
  }
2835
- background-image: linear-gradient(var(--tw-gradient-stops)) !important;
2836
- }
2837
- .peer-disabled\:from-surface:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
2838
- --tw-gradient-from: var(--color-surface) !important;
2839
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
2840
- }
2841
- .peer-disabled\:from-50\%:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
2842
- --tw-gradient-from-position: 50% !important;
2843
- }
2844
- .peer-disabled\:to-surface-muted:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
2845
- --tw-gradient-to: var(--color-surface-muted) !important;
2846
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
2847
- }
2848
- .peer-disabled\:to-50\%:is(:where(.peer):disabled ~ *):where([data-ac-ds], [data-ac-ds] *) {
2849
- --tw-gradient-to-position: 50% !important;
2850
- }
2851
- .placeholder\:text-muted:where([data-ac-ds], [data-ac-ds] *)::placeholder {
2852
- color: var(--color-muted) !important;
2853
- }
2854
- .placeholder\:text-transparent:where([data-ac-ds], [data-ac-ds] *)::placeholder {
2855
- color: transparent !important;
2856
3107
  }
2857
3108
  .after\:absolute:where([data-ac-ds], [data-ac-ds] *)::after {
2858
3109
  content: var(--tw-content);
@@ -2862,9 +3113,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2862
3113
  content: var(--tw-content);
2863
3114
  inset: 0px !important;
2864
3115
  }
2865
- .after\:rounded-10:where([data-ac-ds], [data-ac-ds] *)::after {
3116
+ .after\:rounded-14:where([data-ac-ds], [data-ac-ds] *)::after {
2866
3117
  content: var(--tw-content);
2867
- border-radius: var(--radius-10) !important;
3118
+ border-radius: var(--radius-14) !important;
2868
3119
  }
2869
3120
  .first\:mt-0:first-child:where([data-ac-ds], [data-ac-ds] *) {
2870
3121
  margin-top: 0px !important;
@@ -2883,9 +3134,6 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2883
3134
  .first\:pt-0:first-child:where([data-ac-ds], [data-ac-ds] *) {
2884
3135
  padding-top: 0px !important;
2885
3136
  }
2886
- .first\:pt-1\.5:first-child:where([data-ac-ds], [data-ac-ds] *) {
2887
- padding-top: calc(var(--spacing) * 1.5) !important;
2888
- }
2889
3137
  .last\:rounded-tr-10:last-child:where([data-ac-ds], [data-ac-ds] *) {
2890
3138
  border-top-right-radius: var(--radius-10) !important;
2891
3139
  }
@@ -2896,19 +3144,16 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2896
3144
  .last\:pb-0:last-child:where([data-ac-ds], [data-ac-ds] *) {
2897
3145
  padding-bottom: 0px !important;
2898
3146
  }
2899
- .checked\:border-\[5px\]:checked:where([data-ac-ds], [data-ac-ds] *) {
2900
- border-style: var(--tw-border-style) !important;
2901
- border-width: 5px !important;
2902
- }
2903
3147
  .checked\:border-primary:checked:where([data-ac-ds], [data-ac-ds] *) {
2904
3148
  border-color: var(--color-primary) !important;
2905
3149
  }
2906
3150
  .checked\:bg-primary:checked:where([data-ac-ds], [data-ac-ds] *) {
2907
3151
  background-color: var(--color-primary) !important;
2908
3152
  }
2909
- .checked\:shadow-button:checked:where([data-ac-ds], [data-ac-ds] *) {
2910
- --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgb(255 255 255 / 0.14)), 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.12)) !important;
2911
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3153
+ @media (hover: hover) {
3154
+ .group-hover\:checked\:border-primary:is(:where(.group):hover *):checked:where([data-ac-ds], [data-ac-ds] *) {
3155
+ border-color: var(--color-primary) !important;
3156
+ }
2912
3157
  }
2913
3158
  .indeterminate\:border-primary:indeterminate:where([data-ac-ds], [data-ac-ds] *) {
2914
3159
  border-color: var(--color-primary) !important;
@@ -2916,60 +3161,106 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2916
3161
  .indeterminate\:bg-primary:indeterminate:where([data-ac-ds], [data-ac-ds] *) {
2917
3162
  background-color: var(--color-primary) !important;
2918
3163
  }
2919
- .read-only\:bg-surface-muted:read-only:where([data-ac-ds], [data-ac-ds] *) {
2920
- background-color: var(--color-surface-muted) !important;
2921
- }
2922
- .read-only\:shadow-none:read-only:where([data-ac-ds], [data-ac-ds] *) {
2923
- --tw-shadow: 0 0 #0000 !important;
2924
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3164
+ @media (hover: hover) {
3165
+ .group-hover\:indeterminate\:border-primary:is(:where(.group):hover *):indeterminate:where([data-ac-ds], [data-ac-ds] *) {
3166
+ border-color: var(--color-primary) !important;
3167
+ }
2925
3168
  }
2926
3169
  .focus-within\:focus-ring:focus-within:where([data-ac-ds], [data-ac-ds] *) {
2927
3170
  outline: none !important;
2928
3171
  border-color: var(--color-primary) !important;
2929
- box-shadow: 0 0 0 3px var(--color-ring) !important;
3172
+ box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
3173
+ @supports (color: color-mix(in lab, red, red)) {
3174
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
3175
+ }
2930
3176
  }
2931
3177
  .focus-within\:border-danger:focus-within:where([data-ac-ds], [data-ac-ds] *) {
2932
3178
  border-color: var(--color-danger) !important;
2933
3179
  }
2934
- .focus-within\:shadow-\[0_0_0_3px_var\(--color-red-90\)\]:focus-within:where([data-ac-ds], [data-ac-ds] *) {
2935
- --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-red-90)) !important;
3180
+ .focus-within\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-danger\)_20\%\,transparent\)\]:focus-within:where([data-ac-ds], [data-ac-ds] *) {
3181
+ --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,#ef4444 20%,transparent)) !important;
3182
+ @supports (color: color-mix(in lab, red, red)) {
3183
+ --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--color-danger) 20%,transparent)) !important;
3184
+ }
2936
3185
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2937
3186
  }
2938
3187
  @media (hover: hover) {
2939
- .hover\:border-\[color-mix\(in_srgb\,var\(--color-primary\)_60\%\,var\(--color-border\)\)\]:hover:where([data-ac-ds], [data-ac-ds] *) {
2940
- border-color: color-mix(in srgb,hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 60%,#e2e8f0) !important;
3188
+ .hover\:-translate-y-0\.5:hover:where([data-ac-ds], [data-ac-ds] *) {
3189
+ --tw-translate-y: calc(var(--spacing) * -0.5) !important;
3190
+ translate: var(--tw-translate-x) var(--tw-translate-y) !important;
3191
+ }
3192
+ .hover\:scale-110:hover:where([data-ac-ds], [data-ac-ds] *) {
3193
+ --tw-scale-x: 110% !important;
3194
+ --tw-scale-y: 110% !important;
3195
+ --tw-scale-z: 110% !important;
3196
+ scale: var(--tw-scale-x) var(--tw-scale-y) !important;
3197
+ }
3198
+ .hover\:border-accent-active:hover:where([data-ac-ds], [data-ac-ds] *) {
3199
+ border-color: var(--color-accent-active) !important;
3200
+ }
3201
+ .hover\:border-border:hover:where([data-ac-ds], [data-ac-ds] *) {
3202
+ border-color: var(--color-border) !important;
3203
+ }
3204
+ .hover\:border-border-dark:hover:where([data-ac-ds], [data-ac-ds] *) {
3205
+ border-color: var(--color-border-dark) !important;
3206
+ }
3207
+ .hover\:border-danger\/25:hover:where([data-ac-ds], [data-ac-ds] *) {
3208
+ border-color: color-mix(in srgb, #ef4444 25%, transparent) !important;
2941
3209
  }
2942
3210
  @supports (color: color-mix(in lab, red, red)) {
2943
- .hover\:border-\[color-mix\(in_srgb\,var\(--color-primary\)_60\%\,var\(--color-border\)\)\]:hover:where([data-ac-ds], [data-ac-ds] *) {
2944
- border-color: color-mix(in srgb,var(--color-primary) 60%,var(--color-border)) !important;
3211
+ .hover\:border-danger\/25:hover:where([data-ac-ds], [data-ac-ds] *) {
3212
+ border-color: color-mix(in oklab, var(--color-danger) 25%, transparent) !important;
2945
3213
  }
2946
3214
  }
2947
- .hover\:border-border-dark:hover:where([data-ac-ds], [data-ac-ds] *) {
2948
- border-color: var(--color-border-dark) !important;
3215
+ .hover\:border-primary\/30:hover:where([data-ac-ds], [data-ac-ds] *) {
3216
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 30%, transparent) !important;
3217
+ }
3218
+ @supports (color: color-mix(in lab, red, red)) {
3219
+ .hover\:border-primary\/30:hover:where([data-ac-ds], [data-ac-ds] *) {
3220
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important;
3221
+ }
3222
+ }
3223
+ .hover\:border-primary\/40:hover:where([data-ac-ds], [data-ac-ds] *) {
3224
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 40%, transparent) !important;
2949
3225
  }
2950
- .hover\:border-slate-60:hover:where([data-ac-ds], [data-ac-ds] *) {
2951
- border-color: var(--color-slate-60) !important;
3226
+ @supports (color: color-mix(in lab, red, red)) {
3227
+ .hover\:border-primary\/40:hover:where([data-ac-ds], [data-ac-ds] *) {
3228
+ border-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
3229
+ }
2952
3230
  }
2953
- .hover\:bg-black\/5:hover:where([data-ac-ds], [data-ac-ds] *) {
2954
- background-color: color-mix(in srgb, hsl(0 0% 0%) 5%, transparent) !important;
3231
+ .hover\:border-primary\/50:hover:where([data-ac-ds], [data-ac-ds] *) {
3232
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 50%, transparent) !important;
2955
3233
  }
2956
3234
  @supports (color: color-mix(in lab, red, red)) {
2957
- .hover\:bg-black\/5:hover:where([data-ac-ds], [data-ac-ds] *) {
2958
- background-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
3235
+ .hover\:border-primary\/50:hover:where([data-ac-ds], [data-ac-ds] *) {
3236
+ border-color: color-mix(in oklab, var(--color-primary) 50%, transparent) !important;
2959
3237
  }
2960
3238
  }
2961
- .hover\:bg-blue-93:hover:where([data-ac-ds], [data-ac-ds] *) {
2962
- background-color: var(--color-blue-93) !important;
3239
+ .hover\:border-success\/25:hover:where([data-ac-ds], [data-ac-ds] *) {
3240
+ border-color: color-mix(in srgb, #00a651 25%, transparent) !important;
2963
3241
  }
2964
- .hover\:bg-blue-97:hover:where([data-ac-ds], [data-ac-ds] *) {
2965
- background-color: var(--color-blue-97) !important;
3242
+ @supports (color: color-mix(in lab, red, red)) {
3243
+ .hover\:border-success\/25:hover:where([data-ac-ds], [data-ac-ds] *) {
3244
+ border-color: color-mix(in oklab, var(--color-success) 25%, transparent) !important;
3245
+ }
2966
3246
  }
2967
- .hover\:bg-current\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
2968
- background-color: currentcolor !important;
3247
+ .hover\:border-warning\/30:hover:where([data-ac-ds], [data-ac-ds] *) {
3248
+ border-color: color-mix(in srgb, #f59e0b 30%, transparent) !important;
3249
+ }
3250
+ @supports (color: color-mix(in lab, red, red)) {
3251
+ .hover\:border-warning\/30:hover:where([data-ac-ds], [data-ac-ds] *) {
3252
+ border-color: color-mix(in oklab, var(--color-warning) 30%, transparent) !important;
3253
+ }
3254
+ }
3255
+ .hover\:bg-accent-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
3256
+ background-color: var(--color-accent-hover) !important;
3257
+ }
3258
+ .hover\:bg-accent-hover\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
3259
+ background-color: color-mix(in srgb, #f2f9fd 60%, transparent) !important;
2969
3260
  }
2970
3261
  @supports (color: color-mix(in lab, red, red)) {
2971
- .hover\:bg-current\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
2972
- background-color: color-mix(in oklab, currentcolor 8%, transparent) !important;
3262
+ .hover\:bg-accent-hover\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
3263
+ background-color: color-mix(in oklab, var(--color-accent-hover) 60%, transparent) !important;
2973
3264
  }
2974
3265
  }
2975
3266
  .hover\:bg-current\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
@@ -2991,84 +3282,157 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
2991
3282
  .hover\:bg-danger-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
2992
3283
  background-color: var(--color-danger-hover) !important;
2993
3284
  }
2994
- .hover\:bg-green-93:hover:where([data-ac-ds], [data-ac-ds] *) {
2995
- background-color: var(--color-green-93) !important;
3285
+ .hover\:bg-danger\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3286
+ background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
3287
+ }
3288
+ @supports (color: color-mix(in lab, red, red)) {
3289
+ .hover\:bg-danger\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3290
+ background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
3291
+ }
3292
+ }
3293
+ .hover\:bg-danger\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3294
+ background-color: color-mix(in srgb, #ef4444 18%, transparent) !important;
2996
3295
  }
2997
- .hover\:bg-green-97:hover:where([data-ac-ds], [data-ac-ds] *) {
2998
- background-color: var(--color-green-97) !important;
3296
+ @supports (color: color-mix(in lab, red, red)) {
3297
+ .hover\:bg-danger\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3298
+ background-color: color-mix(in oklab, var(--color-danger) 18%, transparent) !important;
3299
+ }
2999
3300
  }
3000
3301
  .hover\:bg-info-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
3001
3302
  background-color: var(--color-info-hover) !important;
3002
3303
  }
3003
- .hover\:bg-primary-93:hover:where([data-ac-ds], [data-ac-ds] *) {
3004
- background-color: var(--color-primary-93) !important;
3304
+ .hover\:bg-info\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3305
+ background-color: color-mix(in srgb, #0069ff 10%, transparent) !important;
3306
+ }
3307
+ @supports (color: color-mix(in lab, red, red)) {
3308
+ .hover\:bg-info\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3309
+ background-color: color-mix(in oklab, var(--color-info) 10%, transparent) !important;
3310
+ }
3005
3311
  }
3006
- .hover\:bg-primary-95:hover:where([data-ac-ds], [data-ac-ds] *) {
3007
- background-color: var(--color-primary-95) !important;
3312
+ .hover\:bg-info\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3313
+ background-color: color-mix(in srgb, #0069ff 18%, transparent) !important;
3008
3314
  }
3009
- .hover\:bg-primary-97:hover:where([data-ac-ds], [data-ac-ds] *) {
3010
- background-color: var(--color-primary-97) !important;
3315
+ @supports (color: color-mix(in lab, red, red)) {
3316
+ .hover\:bg-info\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3317
+ background-color: color-mix(in oklab, var(--color-info) 18%, transparent) !important;
3318
+ }
3011
3319
  }
3012
3320
  .hover\:bg-primary-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
3013
3321
  background-color: var(--color-primary-hover) !important;
3014
3322
  }
3015
- .hover\:bg-red-93:hover:where([data-ac-ds], [data-ac-ds] *) {
3016
- background-color: var(--color-red-93) !important;
3323
+ .hover\:bg-primary\/3:hover:where([data-ac-ds], [data-ac-ds] *) {
3324
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 3%, transparent) !important;
3325
+ }
3326
+ @supports (color: color-mix(in lab, red, red)) {
3327
+ .hover\:bg-primary\/3:hover:where([data-ac-ds], [data-ac-ds] *) {
3328
+ background-color: color-mix(in oklab, var(--color-primary) 3%, transparent) !important;
3329
+ }
3017
3330
  }
3018
- .hover\:bg-red-95:hover:where([data-ac-ds], [data-ac-ds] *) {
3019
- background-color: var(--color-red-95) !important;
3331
+ .hover\:bg-primary\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3332
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
3333
+ }
3334
+ @supports (color: color-mix(in lab, red, red)) {
3335
+ .hover\:bg-primary\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3336
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
3337
+ }
3020
3338
  }
3021
- .hover\:bg-red-97:hover:where([data-ac-ds], [data-ac-ds] *) {
3022
- background-color: var(--color-red-97) !important;
3339
+ .hover\:bg-primary\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
3340
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 12%, transparent) !important;
3023
3341
  }
3024
- .hover\:bg-slate-60:hover:where([data-ac-ds], [data-ac-ds] *) {
3025
- background-color: var(--color-slate-60) !important;
3342
+ @supports (color: color-mix(in lab, red, red)) {
3343
+ .hover\:bg-primary\/12:hover:where([data-ac-ds], [data-ac-ds] *) {
3344
+ background-color: color-mix(in oklab, var(--color-primary) 12%, transparent) !important;
3345
+ }
3026
3346
  }
3027
- .hover\:bg-slate-80:hover:where([data-ac-ds], [data-ac-ds] *) {
3028
- background-color: var(--color-slate-80) !important;
3347
+ .hover\:bg-primary\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3348
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 18%, transparent) !important;
3029
3349
  }
3030
- .hover\:bg-slate-90:hover:where([data-ac-ds], [data-ac-ds] *) {
3031
- background-color: var(--color-slate-90) !important;
3350
+ @supports (color: color-mix(in lab, red, red)) {
3351
+ .hover\:bg-primary\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3352
+ background-color: color-mix(in oklab, var(--color-primary) 18%, transparent) !important;
3353
+ }
3032
3354
  }
3033
3355
  .hover\:bg-success-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
3034
3356
  background-color: var(--color-success-hover) !important;
3035
3357
  }
3036
- .hover\:bg-surface-muted:hover:where([data-ac-ds], [data-ac-ds] *) {
3037
- background-color: var(--color-surface-muted) !important;
3358
+ .hover\:bg-success\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3359
+ background-color: color-mix(in srgb, #00a651 10%, transparent) !important;
3360
+ }
3361
+ @supports (color: color-mix(in lab, red, red)) {
3362
+ .hover\:bg-success\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3363
+ background-color: color-mix(in oklab, var(--color-success) 10%, transparent) !important;
3364
+ }
3038
3365
  }
3039
- .hover\:bg-surface-muted\/70:hover:where([data-ac-ds], [data-ac-ds] *) {
3040
- background-color: color-mix(in srgb, #f8fafc 70%, transparent) !important;
3366
+ .hover\:bg-success\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3367
+ background-color: color-mix(in srgb, #00a651 18%, transparent) !important;
3041
3368
  }
3042
3369
  @supports (color: color-mix(in lab, red, red)) {
3043
- .hover\:bg-surface-muted\/70:hover:where([data-ac-ds], [data-ac-ds] *) {
3044
- background-color: color-mix(in oklab, var(--color-surface-muted) 70%, transparent) !important;
3370
+ .hover\:bg-success\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3371
+ background-color: color-mix(in oklab, var(--color-success) 18%, transparent) !important;
3045
3372
  }
3046
3373
  }
3047
3374
  .hover\:bg-surface-sunken:hover:where([data-ac-ds], [data-ac-ds] *) {
3048
3375
  background-color: var(--color-surface-sunken) !important;
3049
3376
  }
3377
+ .hover\:bg-surface-sunken\/40:hover:where([data-ac-ds], [data-ac-ds] *) {
3378
+ background-color: color-mix(in srgb, #f0f0f0 40%, transparent) !important;
3379
+ }
3380
+ @supports (color: color-mix(in lab, red, red)) {
3381
+ .hover\:bg-surface-sunken\/40:hover:where([data-ac-ds], [data-ac-ds] *) {
3382
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 40%, transparent) !important;
3383
+ }
3384
+ }
3385
+ .hover\:bg-surface-sunken\/50:hover:where([data-ac-ds], [data-ac-ds] *) {
3386
+ background-color: color-mix(in srgb, #f0f0f0 50%, transparent) !important;
3387
+ }
3388
+ @supports (color: color-mix(in lab, red, red)) {
3389
+ .hover\:bg-surface-sunken\/50:hover:where([data-ac-ds], [data-ac-ds] *) {
3390
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 50%, transparent) !important;
3391
+ }
3392
+ }
3393
+ .hover\:bg-surface-sunken\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
3394
+ background-color: color-mix(in srgb, #f0f0f0 60%, transparent) !important;
3395
+ }
3396
+ @supports (color: color-mix(in lab, red, red)) {
3397
+ .hover\:bg-surface-sunken\/60:hover:where([data-ac-ds], [data-ac-ds] *) {
3398
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 60%, transparent) !important;
3399
+ }
3400
+ }
3401
+ .hover\:bg-surface-sunken\/70:hover:where([data-ac-ds], [data-ac-ds] *) {
3402
+ background-color: color-mix(in srgb, #f0f0f0 70%, transparent) !important;
3403
+ }
3404
+ @supports (color: color-mix(in lab, red, red)) {
3405
+ .hover\:bg-surface-sunken\/70:hover:where([data-ac-ds], [data-ac-ds] *) {
3406
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 70%, transparent) !important;
3407
+ }
3408
+ }
3050
3409
  .hover\:bg-warning-hover:hover:where([data-ac-ds], [data-ac-ds] *) {
3051
3410
  background-color: var(--color-warning-hover) !important;
3052
3411
  }
3053
- .hover\:bg-white\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
3054
- background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
3412
+ .hover\:bg-warning\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3413
+ background-color: color-mix(in srgb, #f59e0b 10%, transparent) !important;
3055
3414
  }
3056
3415
  @supports (color: color-mix(in lab, red, red)) {
3057
- .hover\:bg-white\/8:hover:where([data-ac-ds], [data-ac-ds] *) {
3058
- background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
3416
+ .hover\:bg-warning\/10:hover:where([data-ac-ds], [data-ac-ds] *) {
3417
+ background-color: color-mix(in oklab, var(--color-warning) 10%, transparent) !important;
3059
3418
  }
3060
3419
  }
3061
- .hover\:bg-yellow-93:hover:where([data-ac-ds], [data-ac-ds] *) {
3062
- background-color: var(--color-yellow-93) !important;
3420
+ .hover\:bg-warning\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3421
+ background-color: color-mix(in srgb, #f59e0b 18%, transparent) !important;
3422
+ }
3423
+ @supports (color: color-mix(in lab, red, red)) {
3424
+ .hover\:bg-warning\/18:hover:where([data-ac-ds], [data-ac-ds] *) {
3425
+ background-color: color-mix(in oklab, var(--color-warning) 18%, transparent) !important;
3426
+ }
3063
3427
  }
3064
- .hover\:bg-yellow-97:hover:where([data-ac-ds], [data-ac-ds] *) {
3065
- background-color: var(--color-yellow-97) !important;
3428
+ .hover\:text-danger-strong:hover:where([data-ac-ds], [data-ac-ds] *) {
3429
+ color: var(--color-danger-strong) !important;
3066
3430
  }
3067
3431
  .hover\:text-heading:hover:where([data-ac-ds], [data-ac-ds] *) {
3068
3432
  color: var(--color-heading) !important;
3069
3433
  }
3070
- .hover\:text-red-30:hover:where([data-ac-ds], [data-ac-ds] *) {
3071
- color: var(--color-red-30) !important;
3434
+ .hover\:text-primary:hover:where([data-ac-ds], [data-ac-ds] *) {
3435
+ color: var(--color-primary) !important;
3072
3436
  }
3073
3437
  .hover\:underline:hover:where([data-ac-ds], [data-ac-ds] *) {
3074
3438
  text-decoration-line: underline !important;
@@ -3079,20 +3443,19 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3079
3443
  .hover\:opacity-100:hover:where([data-ac-ds], [data-ac-ds] *) {
3080
3444
  opacity: 100% !important;
3081
3445
  }
3082
- .hover\:shadow-sm:hover:where([data-ac-ds], [data-ac-ds] *) {
3083
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 1px 3px 0 var(--tw-shadow-color, rgb(15 23 42 / 0.06)) !important;
3446
+ .hover\:shadow-card:hover:where([data-ac-ds], [data-ac-ds] *) {
3447
+ --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgb(15 23 42 / 0.04)), 0 12px 24px -6px var(--tw-shadow-color, rgb(15 23 42 / 0.1)) !important;
3084
3448
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3085
3449
  }
3086
- .not-aria-\[current\=page\]\:hover\:bg-slate-90:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
3087
- background-color: var(--color-slate-90) !important;
3450
+ .hover\:shadow-md:hover:where([data-ac-ds], [data-ac-ds] *) {
3451
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
3452
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3088
3453
  }
3089
- .not-aria-\[current\=page\]\:hover\:bg-white\/8:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
3090
- background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
3454
+ .not-aria-\[current\=page\]\:hover\:border-border:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
3455
+ border-color: var(--color-border) !important;
3091
3456
  }
3092
- @supports (color: color-mix(in lab, red, red)) {
3093
- .not-aria-\[current\=page\]\:hover\:bg-white\/8:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
3094
- background-color: color-mix(in oklab, var(--color-white) 8%, transparent) !important;
3095
- }
3457
+ .not-aria-\[current\=page\]\:hover\:bg-accent-hover:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
3458
+ background-color: var(--color-accent-hover) !important;
3096
3459
  }
3097
3460
  .not-aria-\[current\=page\]\:hover\:text-heading:not([aria-current="page"]):hover:where([data-ac-ds], [data-ac-ds] *) {
3098
3461
  color: var(--color-heading) !important;
@@ -3104,51 +3467,64 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3104
3467
  .focus\:focus-ring:focus:where([data-ac-ds], [data-ac-ds] *) {
3105
3468
  outline: none !important;
3106
3469
  border-color: var(--color-primary) !important;
3107
- box-shadow: 0 0 0 3px var(--color-ring) !important;
3470
+ box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
3471
+ @supports (color: color-mix(in lab, red, red)) {
3472
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
3473
+ }
3108
3474
  }
3109
3475
  .focus\:border-danger:focus:where([data-ac-ds], [data-ac-ds] *) {
3110
3476
  border-color: var(--color-danger) !important;
3111
3477
  }
3112
- .focus\:bg-red-95:focus:where([data-ac-ds], [data-ac-ds] *) {
3113
- background-color: var(--color-red-95) !important;
3114
- }
3115
- .focus\:bg-surface:focus:where([data-ac-ds], [data-ac-ds] *) {
3116
- background-color: var(--color-surface) !important;
3117
- }
3118
- .focus\:bg-surface-sunken:focus:where([data-ac-ds], [data-ac-ds] *) {
3119
- background-color: var(--color-surface-sunken) !important;
3120
- }
3121
- .focus\:text-red-20:focus:where([data-ac-ds], [data-ac-ds] *) {
3122
- color: var(--color-red-20) !important;
3478
+ .focus\:bg-accent:focus:where([data-ac-ds], [data-ac-ds] *) {
3479
+ background-color: var(--color-accent) !important;
3123
3480
  }
3124
- .focus\:shadow-\[0_0_0_3px_var\(--color-red-90\)\]:focus:where([data-ac-ds], [data-ac-ds] *) {
3125
- --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-red-90)) !important;
3126
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3481
+ .focus\:bg-danger\/10:focus:where([data-ac-ds], [data-ac-ds] *) {
3482
+ background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
3483
+ @supports (color: color-mix(in lab, red, red)) {
3484
+ background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
3485
+ }
3127
3486
  }
3128
- .focus\:ring-1:focus:where([data-ac-ds], [data-ac-ds] *) {
3129
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3487
+ .focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--color-danger\)_20\%\,transparent\)\]:focus:where([data-ac-ds], [data-ac-ds] *) {
3488
+ --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,#ef4444 20%,transparent)) !important;
3489
+ @supports (color: color-mix(in lab, red, red)) {
3490
+ --tw-shadow: 0 0 0 2px var(--tw-shadow-color, color-mix(in srgb,var(--color-danger) 20%,transparent)) !important;
3491
+ }
3130
3492
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3131
3493
  }
3132
- .focus\:ring-border:focus:where([data-ac-ds], [data-ac-ds] *) {
3133
- --tw-ring-color: var(--color-border) !important;
3134
- }
3135
3494
  .focus-visible\:z-10:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3136
3495
  z-index: 10 !important;
3137
3496
  }
3138
- .focus-visible\:rounded-2:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3139
- border-radius: var(--radius-2) !important;
3140
- }
3141
3497
  .focus-visible\:rounded-4:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3142
3498
  border-radius: var(--radius-4) !important;
3143
3499
  }
3144
- .focus-visible\:bg-surface-muted:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3145
- background-color: var(--color-surface-muted) !important;
3500
+ .focus-visible\:focus-ring:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3501
+ outline: none !important;
3502
+ border-color: var(--color-primary) !important;
3503
+ box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
3504
+ @supports (color: color-mix(in lab, red, red)) {
3505
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
3506
+ }
3146
3507
  }
3147
- .focus-visible\:bg-surface-sunken:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3148
- background-color: var(--color-surface-sunken) !important;
3508
+ .focus-visible\:bg-accent-hover:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3509
+ background-color: var(--color-accent-hover) !important;
3149
3510
  }
3150
- .focus-visible\:text-heading:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3151
- color: var(--color-heading) !important;
3511
+ .focus-visible\:bg-danger\/10:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3512
+ background-color: color-mix(in srgb, #ef4444 10%, transparent) !important;
3513
+ @supports (color: color-mix(in lab, red, red)) {
3514
+ background-color: color-mix(in oklab, var(--color-danger) 10%, transparent) !important;
3515
+ }
3516
+ }
3517
+ .focus-visible\:bg-primary\/12:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3518
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 12%, transparent) !important;
3519
+ @supports (color: color-mix(in lab, red, red)) {
3520
+ background-color: color-mix(in oklab, var(--color-primary) 12%, transparent) !important;
3521
+ }
3522
+ }
3523
+ .focus-visible\:bg-surface-sunken\/50:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3524
+ background-color: color-mix(in srgb, #f0f0f0 50%, transparent) !important;
3525
+ @supports (color: color-mix(in lab, red, red)) {
3526
+ background-color: color-mix(in oklab, var(--color-surface-sunken) 50%, transparent) !important;
3527
+ }
3152
3528
  }
3153
3529
  .focus-visible\:opacity-100:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3154
3530
  opacity: 100% !important;
@@ -3157,13 +3533,32 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3157
3533
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3158
3534
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3159
3535
  }
3160
- .focus-visible\:ring-\[3px\]:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3161
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3162
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3536
+ .focus-visible\:ring-danger:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3537
+ --tw-ring-color: var(--color-danger) !important;
3538
+ }
3539
+ .focus-visible\:ring-info:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3540
+ --tw-ring-color: var(--color-info) !important;
3163
3541
  }
3164
3542
  .focus-visible\:ring-ring:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3165
3543
  --tw-ring-color: var(--color-ring) !important;
3166
3544
  }
3545
+ .focus-visible\:ring-success:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3546
+ --tw-ring-color: var(--color-success) !important;
3547
+ }
3548
+ .focus-visible\:ring-warning:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3549
+ --tw-ring-color: var(--color-warning) !important;
3550
+ }
3551
+ .focus-visible\:ring-offset-1:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3552
+ --tw-ring-offset-width: 1px !important;
3553
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3554
+ }
3555
+ .focus-visible\:ring-offset-2:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3556
+ --tw-ring-offset-width: 2px !important;
3557
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3558
+ }
3559
+ .focus-visible\:ring-offset-surface:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3560
+ --tw-ring-offset-color: var(--color-surface) !important;
3561
+ }
3167
3562
  .focus-visible\:outline-none:focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3168
3563
  --tw-outline-style: none !important;
3169
3564
  outline-style: none !important;
@@ -3175,15 +3570,12 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3175
3570
  --tw-translate-y: 1px !important;
3176
3571
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
3177
3572
  }
3178
- .active\:scale-95:active:where([data-ac-ds], [data-ac-ds] *) {
3179
- --tw-scale-x: 95% !important;
3180
- --tw-scale-y: 95% !important;
3181
- --tw-scale-z: 95% !important;
3182
- scale: var(--tw-scale-x) var(--tw-scale-y) !important;
3573
+ .active\:bg-accent-active:active:where([data-ac-ds], [data-ac-ds] *) {
3574
+ background-color: var(--color-accent-active) !important;
3183
3575
  }
3184
3576
  @media (hover: hover) {
3185
- .enabled\:hover\:border-border-dark:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3186
- border-color: var(--color-border-dark) !important;
3577
+ .enabled\:hover\:border-accent-active:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3578
+ border-color: var(--color-accent-active) !important;
3187
3579
  }
3188
3580
  .enabled\:hover\:bg-white\/8:enabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3189
3581
  background-color: color-mix(in srgb, hsl(0 0% 100%) 8%, transparent) !important;
@@ -3200,8 +3592,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3200
3592
  .disabled\:cursor-not-allowed:disabled:where([data-ac-ds], [data-ac-ds] *) {
3201
3593
  cursor: not-allowed !important;
3202
3594
  }
3203
- .disabled\:bg-surface-muted:disabled:where([data-ac-ds], [data-ac-ds] *) {
3204
- background-color: var(--color-surface-muted) !important;
3595
+ .disabled\:bg-surface-sunken:disabled:where([data-ac-ds], [data-ac-ds] *) {
3596
+ background-color: var(--color-surface-sunken) !important;
3205
3597
  }
3206
3598
  .disabled\:opacity-40:disabled:where([data-ac-ds], [data-ac-ds] *) {
3207
3599
  opacity: 40% !important;
@@ -3209,20 +3601,26 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3209
3601
  .disabled\:opacity-50:disabled:where([data-ac-ds], [data-ac-ds] *) {
3210
3602
  opacity: 50% !important;
3211
3603
  }
3212
- .disabled\:opacity-60:disabled:where([data-ac-ds], [data-ac-ds] *) {
3213
- opacity: 60% !important;
3214
- }
3215
3604
  .disabled\:shadow-none:disabled:where([data-ac-ds], [data-ac-ds] *) {
3216
3605
  --tw-shadow: 0 0 #0000 !important;
3217
3606
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3218
3607
  }
3219
3608
  @media (hover: hover) {
3609
+ .disabled\:hover\:scale-100:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3610
+ --tw-scale-x: 100% !important;
3611
+ --tw-scale-y: 100% !important;
3612
+ --tw-scale-z: 100% !important;
3613
+ scale: var(--tw-scale-x) var(--tw-scale-y) !important;
3614
+ }
3615
+ .disabled\:hover\:bg-accent:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3616
+ background-color: var(--color-accent) !important;
3617
+ }
3618
+ .disabled\:hover\:bg-background:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3619
+ background-color: var(--color-background) !important;
3620
+ }
3220
3621
  .disabled\:hover\:bg-surface:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3221
3622
  background-color: var(--color-surface) !important;
3222
3623
  }
3223
- .disabled\:hover\:bg-surface-muted:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3224
- background-color: var(--color-surface-muted) !important;
3225
- }
3226
3624
  .disabled\:hover\:bg-transparent:disabled:hover:where([data-ac-ds], [data-ac-ds] *) {
3227
3625
  background-color: transparent !important;
3228
3626
  }
@@ -3237,42 +3635,112 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3237
3635
  .has-checked\:border-primary:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3238
3636
  border-color: var(--color-primary) !important;
3239
3637
  }
3240
- .has-checked\:bg-primary-97:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3241
- background-color: var(--color-primary-97) !important;
3242
- }
3243
- .has-checked\:bg-primary-97\/60:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3244
- background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) 97%) 60%, transparent) !important;
3638
+ .has-checked\:bg-primary\/5:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3639
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 5%, transparent) !important;
3245
3640
  @supports (color: color-mix(in lab, red, red)) {
3246
- background-color: color-mix(in oklab, var(--color-primary-97) 60%, transparent) !important;
3641
+ background-color: color-mix(in oklab, var(--color-primary) 5%, transparent) !important;
3247
3642
  }
3248
3643
  }
3249
- .has-checked\:shadow-\[0_0_0_1px_var\(--color-primary\)\]:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3250
- --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-primary)) !important;
3644
+ .has-checked\:shadow-\[inset_0_0_0_1px_var\(--color-primary\)\]:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3645
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-primary)) !important;
3251
3646
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3252
3647
  }
3253
- .has-focus-visible\:shadow-\[0_0_0_3px_var\(--color-ring\)\]:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3254
- --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-ring)) !important;
3648
+ .has-checked\:ring-1:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3649
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3255
3650
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3256
3651
  }
3257
- .has-focus-visible\:ring-\[3px\]:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3258
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3652
+ .has-checked\:ring-primary\/30:has(:checked):where([data-ac-ds], [data-ac-ds] *) {
3653
+ --tw-ring-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 30%, transparent) !important;
3654
+ @supports (color: color-mix(in lab, red, red)) {
3655
+ --tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent) !important;
3656
+ }
3657
+ }
3658
+ @media (hover: hover) {
3659
+ .has-checked\:hover\:border-primary:has(:checked):hover:where([data-ac-ds], [data-ac-ds] *) {
3660
+ border-color: var(--color-primary) !important;
3661
+ }
3662
+ .has-checked\:hover\:bg-primary\/5:has(:checked):hover:where([data-ac-ds], [data-ac-ds] *) {
3663
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 5%, transparent) !important;
3664
+ }
3665
+ @supports (color: color-mix(in lab, red, red)) {
3666
+ .has-checked\:hover\:bg-primary\/5:has(:checked):hover:where([data-ac-ds], [data-ac-ds] *) {
3667
+ background-color: color-mix(in oklab, var(--color-primary) 5%, transparent) !important;
3668
+ }
3669
+ }
3670
+ }
3671
+ .has-focus-visible\:ring-2:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3672
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3259
3673
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3260
3674
  }
3261
3675
  .has-focus-visible\:ring-ring:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3262
3676
  --tw-ring-color: var(--color-ring) !important;
3263
3677
  }
3678
+ .has-focus-visible\:ring-offset-2:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3679
+ --tw-ring-offset-width: 2px !important;
3680
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3681
+ }
3682
+ .has-focus-visible\:ring-offset-surface:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3683
+ --tw-ring-offset-color: var(--color-surface) !important;
3684
+ }
3685
+ .has-focus-visible\:outline-2:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3686
+ outline-style: var(--tw-outline-style) !important;
3687
+ outline-width: 2px !important;
3688
+ }
3689
+ .has-focus-visible\:outline-offset-2:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3690
+ outline-offset: 2px !important;
3691
+ }
3692
+ .has-focus-visible\:outline-ring:has(:focus-visible):where([data-ac-ds], [data-ac-ds] *) {
3693
+ outline-color: var(--color-ring) !important;
3694
+ }
3264
3695
  .has-\[\.cm-editor\.cm-focused\]\:focus-ring:has(:is(.cm-editor.cm-focused)):where([data-ac-ds], [data-ac-ds] *) {
3265
3696
  outline: none !important;
3266
3697
  border-color: var(--color-primary) !important;
3267
- box-shadow: 0 0 0 3px var(--color-ring) !important;
3698
+ box-shadow: 0 0 0 2px color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 20%, transparent) !important;
3699
+ @supports (color: color-mix(in lab, red, red)) {
3700
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
3701
+ }
3268
3702
  }
3269
- .has-\[\[data-ac-card-link\]\:focus-visible\]\:ring-\[3px\]:has(:is([data-ac-card-link]:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3270
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3703
+ .has-\[\[data-ac-card-link\]\:focus-visible\]\:ring-2:has(:is([data-ac-card-link]:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3704
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3271
3705
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3272
3706
  }
3273
3707
  .has-\[\[data-ac-card-link\]\:focus-visible\]\:ring-ring:has(:is([data-ac-card-link]:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3274
3708
  --tw-ring-color: var(--color-ring) !important;
3275
3709
  }
3710
+ .has-\[\[data-ac-card-link\]\:focus-visible\]\:ring-offset-2:has(:is([data-ac-card-link]:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3711
+ --tw-ring-offset-width: 2px !important;
3712
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3713
+ }
3714
+ .has-\[\[data-ac-card-link\]\:focus-visible\]\:ring-offset-surface:has(:is([data-ac-card-link]:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3715
+ --tw-ring-offset-color: var(--color-surface) !important;
3716
+ }
3717
+ .has-\[img\]\:border:has(:is(img)):where([data-ac-ds], [data-ac-ds] *) {
3718
+ border-style: var(--tw-border-style) !important;
3719
+ border-width: 1px !important;
3720
+ }
3721
+ .has-\[img\]\:border-border:has(:is(img)):where([data-ac-ds], [data-ac-ds] *) {
3722
+ border-color: var(--color-border) !important;
3723
+ }
3724
+ .has-\[img\]\:bg-surface:has(:is(img)):where([data-ac-ds], [data-ac-ds] *) {
3725
+ background-color: var(--color-surface) !important;
3726
+ }
3727
+ .has-\[img\]\:p-2:has(:is(img)):where([data-ac-ds], [data-ac-ds] *) {
3728
+ padding: calc(var(--spacing) * 2) !important;
3729
+ }
3730
+ .has-\[input\:focus-visible\]\:ring-2:has(:is(input:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3731
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3732
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3733
+ }
3734
+ .has-\[input\:focus-visible\]\:ring-ring:has(:is(input:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3735
+ --tw-ring-color: var(--color-ring) !important;
3736
+ }
3737
+ .has-\[input\:focus-visible\]\:ring-offset-1:has(:is(input:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3738
+ --tw-ring-offset-width: 1px !important;
3739
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3740
+ }
3741
+ .has-\[input\:focus-visible\]\:ring-offset-surface:has(:is(input:focus-visible)):where([data-ac-ds], [data-ac-ds] *) {
3742
+ --tw-ring-offset-color: var(--color-surface) !important;
3743
+ }
3276
3744
  .aria-disabled\:pointer-events-none[aria-disabled="true"]:where([data-ac-ds], [data-ac-ds] *) {
3277
3745
  pointer-events: none !important;
3278
3746
  }
@@ -3285,24 +3753,36 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3285
3753
  .aria-disabled\:opacity-50[aria-disabled="true"]:where([data-ac-ds], [data-ac-ds] *) {
3286
3754
  opacity: 50% !important;
3287
3755
  }
3288
- .aria-\[current\=page\]\:bg-primary-95[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3289
- background-color: var(--color-primary-95) !important;
3290
- }
3291
- .aria-\[current\=page\]\:bg-primary-97[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3292
- background-color: var(--color-primary-97) !important;
3756
+ .aria-\[current\=page\]\:border-primary\/35[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3757
+ border-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 35%, transparent) !important;
3758
+ @supports (color: color-mix(in lab, red, red)) {
3759
+ border-color: color-mix(in oklab, var(--color-primary) 35%, transparent) !important;
3760
+ }
3293
3761
  }
3294
- .aria-\[current\=page\]\:bg-surface-sunken[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3295
- background-color: var(--color-surface-sunken) !important;
3762
+ .aria-\[current\=page\]\:bg-accent[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3763
+ background-color: var(--color-accent) !important;
3296
3764
  }
3297
- .aria-\[current\=page\]\:font-medium[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3298
- --tw-font-weight: var(--font-weight-medium) !important;
3299
- font-weight: var(--font-weight-medium) !important;
3765
+ .aria-\[current\=page\]\:bg-primary\/10[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3766
+ background-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
3767
+ @supports (color: color-mix(in lab, red, red)) {
3768
+ background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
3769
+ }
3300
3770
  }
3301
3771
  .aria-\[current\=page\]\:text-heading[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3302
3772
  color: var(--color-heading) !important;
3303
3773
  }
3304
- .aria-\[current\=page\]\:text-primary-20[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3305
- color: var(--color-primary-20) !important;
3774
+ .aria-\[current\=page\]\:text-primary-strong[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3775
+ color: var(--color-primary-strong) !important;
3776
+ }
3777
+ .aria-\[current\=page\]\:shadow-xs[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3778
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)) !important;
3779
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3780
+ }
3781
+ .aria-\[current\=page\]\:shadow-primary\/10[aria-current="page"]:where([data-ac-ds], [data-ac-ds] *) {
3782
+ --tw-shadow-color: color-mix(in srgb, hsl(var(--primary-hue) var(--primary-saturation) var(--primary-light)) 10%, transparent) !important;
3783
+ @supports (color: color-mix(in lab, red, red)) {
3784
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 10%, transparent) var(--tw-shadow-alpha), transparent) !important;
3785
+ }
3306
3786
  }
3307
3787
  @media (prefers-reduced-motion: no-preference) {
3308
3788
  .motion-safe\:-translate-x-1:where([data-ac-ds], [data-ac-ds] *) {
@@ -3373,6 +3853,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3373
3853
  .motion-reduce\:w-full:where([data-ac-ds], [data-ac-ds] *) {
3374
3854
  width: 100% !important;
3375
3855
  }
3856
+ .motion-reduce\:animate-none:where([data-ac-ds], [data-ac-ds] *) {
3857
+ animation: none !important;
3858
+ }
3376
3859
  .motion-reduce\:opacity-40:where([data-ac-ds], [data-ac-ds] *) {
3377
3860
  opacity: 40% !important;
3378
3861
  }
@@ -3384,18 +3867,59 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3384
3867
  .motion-reduce\:transition-none:where([data-ac-ds], [data-ac-ds] *) {
3385
3868
  transition-property: none !important;
3386
3869
  }
3870
+ @media (hover: hover) {
3871
+ .motion-reduce\:hover\:translate-y-0:hover:where([data-ac-ds], [data-ac-ds] *) {
3872
+ --tw-translate-y: 0px !important;
3873
+ translate: var(--tw-translate-x) var(--tw-translate-y) !important;
3874
+ }
3875
+ .motion-reduce\:hover\:scale-100:hover:where([data-ac-ds], [data-ac-ds] *) {
3876
+ --tw-scale-x: 100% !important;
3877
+ --tw-scale-y: 100% !important;
3878
+ --tw-scale-z: 100% !important;
3879
+ scale: var(--tw-scale-x) var(--tw-scale-y) !important;
3880
+ }
3881
+ }
3882
+ .motion-reduce\:active\:translate-y-0:active:where([data-ac-ds], [data-ac-ds] *) {
3883
+ --tw-translate-y: 0px !important;
3884
+ translate: var(--tw-translate-x) var(--tw-translate-y) !important;
3885
+ }
3387
3886
  }
3388
3887
  @media (width < 40rem) {
3888
+ .max-sm\:mt-7:where([data-ac-ds], [data-ac-ds] *) {
3889
+ margin-top: calc(var(--spacing) * 7) !important;
3890
+ }
3389
3891
  .max-sm\:hidden:where([data-ac-ds], [data-ac-ds] *) {
3390
3892
  display: none !important;
3391
3893
  }
3894
+ .max-sm\:rounded-10:where([data-ac-ds], [data-ac-ds] *) {
3895
+ border-radius: var(--radius-10) !important;
3896
+ }
3897
+ .max-sm\:rounded-full:where([data-ac-ds], [data-ac-ds] *) {
3898
+ border-radius: calc(infinity * 1px) !important;
3899
+ }
3392
3900
  .max-sm\:border:where([data-ac-ds], [data-ac-ds] *) {
3393
3901
  border-style: var(--tw-border-style) !important;
3394
3902
  border-width: 1px !important;
3395
3903
  }
3904
+ .max-sm\:border-0:where([data-ac-ds], [data-ac-ds] *) {
3905
+ border-style: var(--tw-border-style) !important;
3906
+ border-width: 0px !important;
3907
+ }
3396
3908
  .max-sm\:border-border:where([data-ac-ds], [data-ac-ds] *) {
3397
3909
  border-color: var(--color-border) !important;
3398
3910
  }
3911
+ .max-sm\:bg-surface:where([data-ac-ds], [data-ac-ds] *) {
3912
+ background-color: var(--color-surface) !important;
3913
+ }
3914
+ .max-sm\:p-0:where([data-ac-ds], [data-ac-ds] *) {
3915
+ padding: 0px !important;
3916
+ }
3917
+ .max-sm\:p-3:where([data-ac-ds], [data-ac-ds] *) {
3918
+ padding: calc(var(--spacing) * 3) !important;
3919
+ }
3920
+ .max-sm\:px-2\.5:where([data-ac-ds], [data-ac-ds] *) {
3921
+ padding-inline: calc(var(--spacing) * 2.5) !important;
3922
+ }
3399
3923
  .max-sm\:py-1:where([data-ac-ds], [data-ac-ds] *) {
3400
3924
  padding-block: var(--spacing) !important;
3401
3925
  }
@@ -3423,6 +3947,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3423
3947
  .sm\:col-span-2:where([data-ac-ds], [data-ac-ds] *) {
3424
3948
  grid-column: span 2 / span 2 !important;
3425
3949
  }
3950
+ .sm\:-my-1\.5:where([data-ac-ds], [data-ac-ds] *) {
3951
+ margin-block: calc(var(--spacing) * -1.5) !important;
3952
+ }
3426
3953
  .sm\:mt-0:where([data-ac-ds], [data-ac-ds] *) {
3427
3954
  margin-top: 0px !important;
3428
3955
  }
@@ -3432,17 +3959,23 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3432
3959
  .sm\:flex:where([data-ac-ds], [data-ac-ds] *) {
3433
3960
  display: flex !important;
3434
3961
  }
3962
+ .sm\:grid:where([data-ac-ds], [data-ac-ds] *) {
3963
+ display: grid !important;
3964
+ }
3435
3965
  .sm\:hidden:where([data-ac-ds], [data-ac-ds] *) {
3436
3966
  display: none !important;
3437
3967
  }
3968
+ .sm\:inline:where([data-ac-ds], [data-ac-ds] *) {
3969
+ display: inline !important;
3970
+ }
3438
3971
  .sm\:max-h-\[calc\(100dvh-64px\)\]:where([data-ac-ds], [data-ac-ds] *) {
3439
3972
  max-height: calc(100dvh - 64px) !important;
3440
3973
  }
3441
3974
  .sm\:w-36:where([data-ac-ds], [data-ac-ds] *) {
3442
3975
  width: calc(var(--spacing) * 36) !important;
3443
3976
  }
3444
- .sm\:w-40:where([data-ac-ds], [data-ac-ds] *) {
3445
- width: calc(var(--spacing) * 40) !important;
3977
+ .sm\:w-44:where([data-ac-ds], [data-ac-ds] *) {
3978
+ width: calc(var(--spacing) * 44) !important;
3446
3979
  }
3447
3980
  .sm\:w-48:where([data-ac-ds], [data-ac-ds] *) {
3448
3981
  width: calc(var(--spacing) * 48) !important;
@@ -3475,6 +4008,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3475
4008
  .sm\:grid-cols-4:where([data-ac-ds], [data-ac-ds] *) {
3476
4009
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
3477
4010
  }
4011
+ .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_220px\]:where([data-ac-ds], [data-ac-ds] *) {
4012
+ grid-template-columns: minmax(0,1fr) minmax(0,1fr) 220px !important;
4013
+ }
3478
4014
  .sm\:flex-col:where([data-ac-ds], [data-ac-ds] *) {
3479
4015
  flex-direction: column !important;
3480
4016
  }
@@ -3493,12 +4029,15 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3493
4029
  .sm\:items-center:where([data-ac-ds], [data-ac-ds] *) {
3494
4030
  align-items: center !important;
3495
4031
  }
3496
- .sm\:gap-3:where([data-ac-ds], [data-ac-ds] *) {
3497
- gap: calc(var(--spacing) * 3) !important;
4032
+ .sm\:gap-2:where([data-ac-ds], [data-ac-ds] *) {
4033
+ gap: calc(var(--spacing) * 2) !important;
3498
4034
  }
3499
4035
  .sm\:gap-4:where([data-ac-ds], [data-ac-ds] *) {
3500
4036
  gap: calc(var(--spacing) * 4) !important;
3501
4037
  }
4038
+ .sm\:gap-x-3:where([data-ac-ds], [data-ac-ds] *) {
4039
+ column-gap: calc(var(--spacing) * 3) !important;
4040
+ }
3502
4041
  .sm\:self-auto:where([data-ac-ds], [data-ac-ds] *) {
3503
4042
  align-self: auto !important;
3504
4043
  }
@@ -3517,14 +4056,20 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3517
4056
  .sm\:p-8:where([data-ac-ds], [data-ac-ds] *) {
3518
4057
  padding: calc(var(--spacing) * 8) !important;
3519
4058
  }
3520
- .sm\:px-4:where([data-ac-ds], [data-ac-ds] *) {
3521
- padding-inline: calc(var(--spacing) * 4) !important;
4059
+ .sm\:px-2:where([data-ac-ds], [data-ac-ds] *) {
4060
+ padding-inline: calc(var(--spacing) * 2) !important;
4061
+ }
4062
+ .sm\:px-2\.5:where([data-ac-ds], [data-ac-ds] *) {
4063
+ padding-inline: calc(var(--spacing) * 2.5) !important;
3522
4064
  }
3523
4065
  .sm\:px-6:where([data-ac-ds], [data-ac-ds] *) {
3524
4066
  padding-inline: calc(var(--spacing) * 6) !important;
3525
4067
  }
3526
- .sm\:pr-2:where([data-ac-ds], [data-ac-ds] *) {
3527
- padding-right: calc(var(--spacing) * 2) !important;
4068
+ .sm\:pr-2\.5:where([data-ac-ds], [data-ac-ds] *) {
4069
+ padding-right: calc(var(--spacing) * 2.5) !important;
4070
+ }
4071
+ .sm\:pl-3:where([data-ac-ds], [data-ac-ds] *) {
4072
+ padding-left: calc(var(--spacing) * 3) !important;
3528
4073
  }
3529
4074
  }
3530
4075
  @media (width >= 48rem) {
@@ -3555,6 +4100,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3555
4100
  .md\:gap-x-10:where([data-ac-ds], [data-ac-ds] *) {
3556
4101
  column-gap: calc(var(--spacing) * 10) !important;
3557
4102
  }
4103
+ .md\:py-8:where([data-ac-ds], [data-ac-ds] *) {
4104
+ padding-block: calc(var(--spacing) * 8) !important;
4105
+ }
4106
+ .md\:text-3xl:where([data-ac-ds], [data-ac-ds] *) {
4107
+ font-size: var(--text-3xl) !important;
4108
+ line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
4109
+ letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing)) !important;
4110
+ }
3558
4111
  }
3559
4112
  @container (width < 768px) {
3560
4113
  .\@max-3xl\:hidden:where([data-ac-ds], [data-ac-ds] *) {
@@ -3589,36 +4142,38 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3589
4142
  .\@4xl\:w-72:where([data-ac-ds], [data-ac-ds] *) {
3590
4143
  width: calc(var(--spacing) * 72) !important;
3591
4144
  }
3592
- }
3593
- .dark\:bg-slate-80:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
3594
- background-color: var(--color-slate-80) !important;
4145
+ .\@4xl\:flex-1:where([data-ac-ds], [data-ac-ds] *) {
4146
+ flex: 1 !important;
4147
+ }
4148
+ .\@4xl\:flex-row:where([data-ac-ds], [data-ac-ds] *) {
4149
+ flex-direction: row !important;
4150
+ }
4151
+ .\@4xl\:justify-between:where([data-ac-ds], [data-ac-ds] *) {
4152
+ justify-content: space-between !important;
4153
+ }
3595
4154
  }
3596
4155
  .dark\:fill-heading:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
3597
4156
  fill: var(--color-heading) !important;
3598
4157
  }
3599
- .dark\:text-slate-10:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
3600
- color: var(--color-slate-10) !important;
3601
- }
3602
- .dark\:ring-1:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
3603
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
3604
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3605
- }
3606
- .dark\:ring-slate-70:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):where([data-ac-ds], [data-ac-ds] *) {
3607
- --tw-ring-color: var(--color-slate-70) !important;
3608
- }
3609
- @media (hover: hover) {
3610
- .dark\:hover\:bg-white\/10:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):hover:where([data-ac-ds], [data-ac-ds] *) {
3611
- background-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent) !important;
3612
- }
3613
- @supports (color: color-mix(in lab, red, red)) {
3614
- .dark\:hover\:bg-white\/10:where(.dark, .dark *, .is-dark-theme, .is-dark-theme *):hover:where([data-ac-ds], [data-ac-ds] *) {
3615
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
3616
- }
4158
+ @media (pointer: coarse) {
4159
+ .pointer-coarse\:opacity-100:where([data-ac-ds], [data-ac-ds] *) {
4160
+ opacity: 100% !important;
3617
4161
  }
3618
4162
  }
3619
4163
  .\[\&_\.cm-mergeView\]\:h-full .cm-mergeView:where([data-ac-ds], [data-ac-ds] *) {
3620
4164
  height: 100% !important;
3621
4165
  }
4166
+ .\[\&_\[data-ac-ds\]\>label\:first-child\]\:sr-only [data-ac-ds] > label:first-child:where([data-ac-ds], [data-ac-ds] *) {
4167
+ position: absolute !important;
4168
+ width: 1px !important;
4169
+ height: 1px !important;
4170
+ padding: 0 !important;
4171
+ margin: -1px !important;
4172
+ overflow: hidden !important;
4173
+ clip-path: inset(50%) !important;
4174
+ white-space: nowrap !important;
4175
+ border-width: 0 !important;
4176
+ }
3622
4177
  .\[\&_\[data-panel\]\]\:-translate-x-full [data-panel]:where([data-ac-ds], [data-ac-ds] *) {
3623
4178
  --tw-translate-x: -100% !important;
3624
4179
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
@@ -3634,8 +4189,8 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3634
4189
  .\[\&_a\]\:text-inherit a:where([data-ac-ds], [data-ac-ds] *) {
3635
4190
  color: inherit !important;
3636
4191
  }
3637
- .\[\&_a\]\:text-primary-20 a:where([data-ac-ds], [data-ac-ds] *) {
3638
- color: var(--color-primary-20) !important;
4192
+ .\[\&_a\]\:text-primary-strong a:where([data-ac-ds], [data-ac-ds] *) {
4193
+ color: var(--color-primary-strong) !important;
3639
4194
  }
3640
4195
  .\[\&_a\]\:underline a:where([data-ac-ds], [data-ac-ds] *) {
3641
4196
  text-decoration-line: underline !important;
@@ -3659,6 +4214,13 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3659
4214
  .\[\&_img\]\:object-contain img:where([data-ac-ds], [data-ac-ds] *) {
3660
4215
  object-fit: contain !important;
3661
4216
  }
4217
+ .\[\&_input\]\:font-mono input:where([data-ac-ds], [data-ac-ds] *) {
4218
+ font-family: var(--font-mono) !important;
4219
+ }
4220
+ .\[\&_strong\]\:font-semibold strong:where([data-ac-ds], [data-ac-ds] *) {
4221
+ --tw-font-weight: var(--font-weight-semibold) !important;
4222
+ font-weight: var(--font-weight-semibold) !important;
4223
+ }
3662
4224
  .\[\&_strong\]\:text-heading strong:where([data-ac-ds], [data-ac-ds] *) {
3663
4225
  color: var(--color-heading) !important;
3664
4226
  }
@@ -3681,6 +4243,10 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3681
4243
  width: calc(var(--spacing) * 6) !important;
3682
4244
  height: calc(var(--spacing) * 6) !important;
3683
4245
  }
4246
+ .\[\&_svg\]\:size-8 svg:where([data-ac-ds], [data-ac-ds] *) {
4247
+ width: calc(var(--spacing) * 8) !important;
4248
+ height: calc(var(--spacing) * 8) !important;
4249
+ }
3684
4250
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none:where([data-ac-ds], [data-ac-ds] *)::-webkit-inner-spin-button {
3685
4251
  appearance: none !important;
3686
4252
  }
@@ -3702,9 +4268,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3702
4268
  .\[\&\>\*\]\:rounded-none > *:where([data-ac-ds], [data-ac-ds] *) {
3703
4269
  border-radius: 0 !important;
3704
4270
  }
3705
- .\[\&\>\*\:first-child\]\:rounded-l-6 > :first-child:where([data-ac-ds], [data-ac-ds] *) {
3706
- border-top-left-radius: var(--radius-6) !important;
3707
- border-bottom-left-radius: var(--radius-6) !important;
4271
+ .\[\&\>\*\:first-child\]\:rounded-l-10 > :first-child:where([data-ac-ds], [data-ac-ds] *) {
4272
+ border-top-left-radius: var(--radius-10) !important;
4273
+ border-bottom-left-radius: var(--radius-10) !important;
3708
4274
  }
3709
4275
  .\[\&\>\*\:focus-visible\]\:z-\[2\] > :focus-visible:where([data-ac-ds], [data-ac-ds] *) {
3710
4276
  z-index: 2 !important;
@@ -3712,9 +4278,9 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3712
4278
  .\[\&\>\*\:hover\]\:z-\[1\] > :hover:where([data-ac-ds], [data-ac-ds] *) {
3713
4279
  z-index: 1 !important;
3714
4280
  }
3715
- .\[\&\>\*\:last-child\]\:rounded-r-6 > :last-child:where([data-ac-ds], [data-ac-ds] *) {
3716
- border-top-right-radius: var(--radius-6) !important;
3717
- border-bottom-right-radius: var(--radius-6) !important;
4281
+ .\[\&\>\*\:last-child\]\:rounded-r-10 > :last-child:where([data-ac-ds], [data-ac-ds] *) {
4282
+ border-top-right-radius: var(--radius-10) !important;
4283
+ border-bottom-right-radius: var(--radius-10) !important;
3718
4284
  }
3719
4285
  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px > :not(:first-child):where([data-ac-ds], [data-ac-ds] *) {
3720
4286
  margin-left: -1px !important;
@@ -3733,10 +4299,36 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3733
4299
  --tw-shadow: 0 0 #0000 !important;
3734
4300
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
3735
4301
  }
4302
+ @media (width >= 40rem) {
4303
+ .sm\:\[\&\>div\:first-child\]\:sr-only > div:first-child:where([data-ac-ds], [data-ac-ds] *) {
4304
+ position: absolute !important;
4305
+ width: 1px !important;
4306
+ height: 1px !important;
4307
+ padding: 0 !important;
4308
+ margin: -1px !important;
4309
+ overflow: hidden !important;
4310
+ clip-path: inset(50%) !important;
4311
+ white-space: nowrap !important;
4312
+ border-width: 0 !important;
4313
+ }
4314
+ }
3736
4315
  .\[\&\>img\]\:size-4 > img:where([data-ac-ds], [data-ac-ds] *) {
3737
4316
  width: calc(var(--spacing) * 4) !important;
3738
4317
  height: calc(var(--spacing) * 4) !important;
3739
4318
  }
4319
+ @media (width >= 40rem) {
4320
+ .sm\:\[\&\>label\:first-child\]\:sr-only > label:first-child:where([data-ac-ds], [data-ac-ds] *) {
4321
+ position: absolute !important;
4322
+ width: 1px !important;
4323
+ height: 1px !important;
4324
+ padding: 0 !important;
4325
+ margin: -1px !important;
4326
+ overflow: hidden !important;
4327
+ clip-path: inset(50%) !important;
4328
+ white-space: nowrap !important;
4329
+ border-width: 0 !important;
4330
+ }
4331
+ }
3740
4332
  .\[\&\>svg\]\:size-4 > svg:where([data-ac-ds], [data-ac-ds] *) {
3741
4333
  width: calc(var(--spacing) * 4) !important;
3742
4334
  height: calc(var(--spacing) * 4) !important;
@@ -3760,15 +4352,14 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3760
4352
  --ac-scale: 1;
3761
4353
  --primary-hue: 149;
3762
4354
  --primary-saturation: 100%;
3763
- --primary-light: 26%;
4355
+ --primary-light: 32.5%;
3764
4356
  --secondary-hue: 196;
3765
4357
  --secondary-saturation: 50%;
3766
4358
  --secondary-light: 20%;
3767
4359
  }
3768
4360
  .dark, .is-dark-theme {
3769
4361
  color-scheme: dark;
3770
- --color-primary: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-light) + 4%));
3771
- --color-primary-hover: hsl(var(--primary-hue) var(--primary-saturation) calc(var(--primary-light) + 1%));
4362
+ --color-primary-strong: hsl(var(--primary-hue) 70% 58%);
3772
4363
  --color-primary-5: hsl(var(--primary-hue) var(--primary-saturation) 95%);
3773
4364
  --color-primary-10: hsl(var(--primary-hue) var(--primary-saturation) 90%);
3774
4365
  --color-primary-20: hsl(var(--primary-hue) var(--primary-saturation) 82%);
@@ -3799,71 +4390,71 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3799
4390
  --color-secondary-97: hsl(var(--secondary-hue) var(--secondary-saturation) 55% / 0.07);
3800
4391
  --color-secondary-light-gray: hsl(var(--secondary-hue) 10% 12%);
3801
4392
  --color-secondary-dark-gray: hsl(var(--secondary-hue) 10% 90%);
3802
- --color-green-5: hsl(141 53% 95%);
3803
- --color-green-10: hsl(141 53% 90%);
3804
- --color-green-20: hsl(141 53% 82%);
3805
- --color-green-30: hsl(141 53% 72%);
3806
- --color-green-40: hsl(141 53% 62%);
3807
- --color-green-50: hsl(141 53% 52%);
3808
- --color-green-60: hsl(141 53% 42%);
3809
- --color-green-70: hsl(141 53% 32%);
3810
- --color-green-80: hsl(141 53% 55% / 0.32);
3811
- --color-green-90: hsl(141 53% 55% / 0.2);
3812
- --color-green-93: hsl(141 53% 55% / 0.15);
3813
- --color-green-95: hsl(141 53% 55% / 0.11);
3814
- --color-green-97: hsl(141 53% 55% / 0.07);
3815
- --color-blue-5: hsl(217 71% 95%);
3816
- --color-blue-10: hsl(217 71% 90%);
3817
- --color-blue-20: hsl(217 71% 82%);
3818
- --color-blue-30: hsl(217 71% 72%);
3819
- --color-blue-40: hsl(217 71% 62%);
3820
- --color-blue-50: hsl(217 71% 52%);
3821
- --color-blue-60: hsl(217 71% 42%);
3822
- --color-blue-70: hsl(217 71% 32%);
3823
- --color-blue-80: hsl(217 71% 55% / 0.32);
3824
- --color-blue-90: hsl(217 71% 55% / 0.2);
3825
- --color-blue-93: hsl(217 71% 55% / 0.15);
3826
- --color-blue-95: hsl(217 71% 55% / 0.11);
3827
- --color-blue-97: hsl(217 71% 55% / 0.07);
3828
- --color-purple-5: hsl(286 66% 95%);
3829
- --color-purple-10: hsl(286 66% 90%);
3830
- --color-purple-20: hsl(286 66% 82%);
3831
- --color-purple-30: hsl(286 66% 72%);
3832
- --color-purple-40: hsl(286 66% 62%);
3833
- --color-purple-50: hsl(286 66% 52%);
3834
- --color-purple-60: hsl(286 66% 42%);
3835
- --color-purple-70: hsl(286 66% 32%);
3836
- --color-purple-80: hsl(286 66% 55% / 0.32);
3837
- --color-purple-90: hsl(286 66% 55% / 0.2);
3838
- --color-purple-93: hsl(286 66% 55% / 0.15);
3839
- --color-purple-95: hsl(286 66% 55% / 0.11);
3840
- --color-purple-97: hsl(286 66% 55% / 0.07);
3841
- --color-yellow-5: hsl(38 93% 95%);
3842
- --color-yellow-10: hsl(38 93% 90%);
3843
- --color-yellow-20: hsl(38 93% 82%);
3844
- --color-yellow-30: hsl(38 93% 72%);
3845
- --color-yellow-40: hsl(38 93% 62%);
3846
- --color-yellow-50: hsl(38 93% 52%);
3847
- --color-yellow-60: hsl(38 93% 42%);
3848
- --color-yellow-70: hsl(38 93% 32%);
3849
- --color-yellow-80: hsl(38 93% 55% / 0.32);
3850
- --color-yellow-90: hsl(38 93% 55% / 0.2);
3851
- --color-yellow-93: hsl(38 93% 55% / 0.15);
3852
- --color-yellow-95: hsl(38 93% 55% / 0.11);
3853
- --color-yellow-97: hsl(38 93% 55% / 0.07);
3854
- --color-red-5: hsl(348 100% 95%);
3855
- --color-red-10: hsl(348 100% 90%);
3856
- --color-red-20: hsl(348 100% 82%);
3857
- --color-red-30: hsl(348 100% 72%);
3858
- --color-red-40: hsl(348 100% 62%);
3859
- --color-red-50: hsl(348 100% 52%);
3860
- --color-red-60: hsl(348 100% 42%);
3861
- --color-red-70: hsl(348 100% 32%);
3862
- --color-red-80: hsl(348 100% 55% / 0.32);
3863
- --color-red-90: hsl(348 100% 55% / 0.2);
3864
- --color-red-93: hsl(348 100% 55% / 0.15);
3865
- --color-red-95: hsl(348 100% 55% / 0.11);
3866
- --color-red-97: hsl(348 100% 55% / 0.07);
4393
+ --color-green-5: hsl(149 65% 95%);
4394
+ --color-green-10: hsl(149 65% 90%);
4395
+ --color-green-20: hsl(149 65% 82%);
4396
+ --color-green-30: hsl(149 65% 72%);
4397
+ --color-green-40: hsl(149 65% 62%);
4398
+ --color-green-50: hsl(149 65% 52%);
4399
+ --color-green-60: hsl(149 65% 42%);
4400
+ --color-green-70: hsl(149 65% 32%);
4401
+ --color-green-80: hsl(149 65% 55% / 0.32);
4402
+ --color-green-90: hsl(149 65% 55% / 0.2);
4403
+ --color-green-93: hsl(149 65% 55% / 0.15);
4404
+ --color-green-95: hsl(149 65% 55% / 0.11);
4405
+ --color-green-97: hsl(149 65% 55% / 0.07);
4406
+ --color-blue-5: hsl(215 85% 95%);
4407
+ --color-blue-10: hsl(215 85% 90%);
4408
+ --color-blue-20: hsl(215 85% 82%);
4409
+ --color-blue-30: hsl(215 85% 72%);
4410
+ --color-blue-40: hsl(215 85% 62%);
4411
+ --color-blue-50: hsl(215 85% 52%);
4412
+ --color-blue-60: hsl(215 85% 42%);
4413
+ --color-blue-70: hsl(215 85% 32%);
4414
+ --color-blue-80: hsl(215 85% 55% / 0.32);
4415
+ --color-blue-90: hsl(215 85% 55% / 0.2);
4416
+ --color-blue-93: hsl(215 85% 55% / 0.15);
4417
+ --color-blue-95: hsl(215 85% 55% / 0.11);
4418
+ --color-blue-97: hsl(215 85% 55% / 0.07);
4419
+ --color-purple-5: hsl(262 75% 95%);
4420
+ --color-purple-10: hsl(262 75% 90%);
4421
+ --color-purple-20: hsl(262 75% 82%);
4422
+ --color-purple-30: hsl(262 75% 72%);
4423
+ --color-purple-40: hsl(262 75% 62%);
4424
+ --color-purple-50: hsl(262 75% 52%);
4425
+ --color-purple-60: hsl(262 75% 42%);
4426
+ --color-purple-70: hsl(262 75% 32%);
4427
+ --color-purple-80: hsl(262 75% 55% / 0.32);
4428
+ --color-purple-90: hsl(262 75% 55% / 0.2);
4429
+ --color-purple-93: hsl(262 75% 55% / 0.15);
4430
+ --color-purple-95: hsl(262 75% 55% / 0.11);
4431
+ --color-purple-97: hsl(262 75% 55% / 0.07);
4432
+ --color-yellow-5: hsl(38 92% 95%);
4433
+ --color-yellow-10: hsl(38 92% 90%);
4434
+ --color-yellow-20: hsl(38 92% 82%);
4435
+ --color-yellow-30: hsl(38 92% 72%);
4436
+ --color-yellow-40: hsl(38 92% 62%);
4437
+ --color-yellow-50: hsl(38 92% 52%);
4438
+ --color-yellow-60: hsl(38 92% 42%);
4439
+ --color-yellow-70: hsl(38 92% 32%);
4440
+ --color-yellow-80: hsl(38 92% 55% / 0.32);
4441
+ --color-yellow-90: hsl(38 92% 55% / 0.2);
4442
+ --color-yellow-93: hsl(38 92% 55% / 0.15);
4443
+ --color-yellow-95: hsl(38 92% 55% / 0.11);
4444
+ --color-yellow-97: hsl(38 92% 55% / 0.07);
4445
+ --color-red-5: hsl(0 75% 95%);
4446
+ --color-red-10: hsl(0 75% 90%);
4447
+ --color-red-20: hsl(0 75% 82%);
4448
+ --color-red-30: hsl(0 75% 72%);
4449
+ --color-red-40: hsl(0 75% 62%);
4450
+ --color-red-50: hsl(0 75% 52%);
4451
+ --color-red-60: hsl(0 75% 42%);
4452
+ --color-red-70: hsl(0 75% 32%);
4453
+ --color-red-80: hsl(0 75% 55% / 0.32);
4454
+ --color-red-90: hsl(0 75% 55% / 0.2);
4455
+ --color-red-93: hsl(0 75% 55% / 0.15);
4456
+ --color-red-95: hsl(0 75% 55% / 0.11);
4457
+ --color-red-97: hsl(0 75% 55% / 0.07);
3867
4458
  --color-gray-5: hsl(0 0% 95%);
3868
4459
  --color-gray-10: hsl(0 0% 90%);
3869
4460
  --color-gray-20: hsl(0 0% 82%);
@@ -3877,45 +4468,62 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3877
4468
  --color-gray-93: hsl(0 0% 55% / 0.15);
3878
4469
  --color-gray-95: hsl(0 0% 55% / 0.11);
3879
4470
  --color-gray-97: hsl(0 0% 55% / 0.07);
3880
- --color-slate-5: #f8fafc;
3881
- --color-slate-10: #f1f5f9;
3882
- --color-slate-20: #e2e8f0;
3883
- --color-slate-30: #cbd5e1;
3884
- --color-slate-40: #a3afc0;
3885
- --color-slate-50: #8792a6;
3886
- --color-slate-60: #64748b;
3887
- --color-slate-70: #3a475c;
3888
- --color-slate-80: #263245;
3889
- --color-slate-90: #1a2335;
3890
- --color-slate-95: #121a29;
3891
- --color-success: hsl(141 53% 34%);
3892
- --color-info: hsl(217 71% 55%);
3893
- --color-warning: hsl(38 93% 50%);
3894
- --color-danger: hsl(348 90% 55%);
3895
- --color-success-hover: hsl(141 53% 31%);
3896
- --color-info-hover: hsl(217 71% 60%);
3897
- --color-warning-hover: hsl(38 93% 56%);
3898
- --color-danger-hover: hsl(348 90% 60%);
3899
- --color-heading: var(--color-slate-5);
3900
- --color-body: var(--color-slate-30);
3901
- --color-label: var(--color-slate-40);
3902
- --color-muted: var(--color-slate-50);
3903
- --color-link: var(--color-slate-20);
3904
- --color-border-light: var(--color-slate-90);
3905
- --color-border: var(--color-slate-80);
3906
- --color-border-dark: var(--color-slate-70);
3907
- --color-sidebar: hsl(var(--primary-hue) 10% 6%);
3908
- --color-surface: #0c1220;
3909
- --color-surface-muted: #111827;
3910
- --color-surface-sunken: #080d18;
3911
- --color-ring: hsl(var(--primary-hue) var(--primary-saturation) 55% / 0.35);
4471
+ --color-slate-5: #fafafa;
4472
+ --color-slate-10: #f0f0f0;
4473
+ --color-slate-20: #e5e5e5;
4474
+ --color-slate-30: #d0d0d0;
4475
+ --color-slate-40: #b5b5b5;
4476
+ --color-slate-50: #a3a3a3;
4477
+ --color-slate-60: #737373;
4478
+ --color-slate-70: #3a3a3a;
4479
+ --color-slate-80: #2e2f2f;
4480
+ --color-slate-90: #262626;
4481
+ --color-slate-95: #1f1f1f;
4482
+ --color-success: #22c55e;
4483
+ --color-info: #3b82f6;
4484
+ --color-warning: #f59e0b;
4485
+ --color-danger: #f87171;
4486
+ --color-pending: #8b5cf6;
4487
+ --color-success-hover: rgb(34 197 94 / 0.9);
4488
+ --color-info-hover: rgb(59 130 246 / 0.9);
4489
+ --color-warning-hover: rgb(245 158 11 / 0.9);
4490
+ --color-danger-hover: rgb(248 113 113 / 0.9);
4491
+ --color-pending-hover: rgb(139 92 246 / 0.9);
4492
+ --color-success-strong: #4ade80;
4493
+ --color-info-strong: #93c5fd;
4494
+ --color-warning-strong: #fbbf24;
4495
+ --color-danger-strong: #fca5a5;
4496
+ --color-pending-strong: #c4b5fd;
4497
+ --color-chart-2: #3b82f6;
4498
+ --color-chart-7: #a3a3a3;
4499
+ --color-chart-8: #5c5c5c;
4500
+ --color-heading: #fafafa;
4501
+ --color-body: #fafafa;
4502
+ --color-label: #fafafa;
4503
+ --color-muted: #d0d0d0;
4504
+ --color-link: #fafafa;
4505
+ --color-border-light: #262626;
4506
+ --color-border: #2e2f2f;
4507
+ --color-border-dark: #3a3a3a;
4508
+ --color-sidebar: #171717;
4509
+ --color-background: #0a0a0a;
4510
+ --color-surface: #171717;
4511
+ --color-surface-muted: #1f1f1f;
4512
+ --color-surface-sunken: #2c2c2c;
4513
+ --color-accent: #2a3138;
4514
+ --color-accent-hover: #323b44;
4515
+ --color-accent-active: #3a4551;
4516
+ --color-ring: hsl(var(--primary-hue) 71% 45%);
3912
4517
  --color-overlay: rgb(0 0 0 / 0.6);
4518
+ --color-tooltip: #262626;
4519
+ --color-on-tooltip: #f5f5f5;
3913
4520
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.3);
3914
- --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3), 0 1px 3px 0 rgb(0 0 0 / 0.25);
3915
- --shadow-md: 0 2px 4px -1px rgb(0 0 0 / 0.3), 0 4px 10px -2px rgb(0 0 0 / 0.35);
3916
- --shadow-lg: 0 4px 6px -2px rgb(0 0 0 / 0.3), 0 12px 24px -4px rgb(0 0 0 / 0.45);
3917
- --shadow-xl: 0 0 0 1px rgb(255 255 255 / 0.06), 0 8px 16px -4px rgb(0 0 0 / 0.4), 0 24px 48px -12px rgb(0 0 0 / 0.6);
3918
- --shadow-button: inset 0 1px 0 0 rgb(255 255 255 / 0.1), 0 1px 2px 0 rgb(0 0 0 / 0.4);
4521
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.35), 0 1px 2px -1px rgb(0 0 0 / 0.35);
4522
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
4523
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5), 0 4px 6px -4px rgb(0 0 0 / 0.5);
4524
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.55), 0 8px 10px -6px rgb(0 0 0 / 0.55);
4525
+ --shadow-card: 0 2px 4px rgb(0 0 0 / 0.3), 0 12px 24px -6px rgb(0 0 0 / 0.5);
4526
+ --shadow-button: 0 1px 3px 0 rgb(0 0 0 / 0.35), 0 1px 2px -1px rgb(0 0 0 / 0.35);
3919
4527
  --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.25);
3920
4528
  }
3921
4529
  [data-ac-ds]:not([data-ac-ds] *) {
@@ -3924,43 +4532,53 @@ button:is([data-ac-ds], [data-ac-ds] *), input:where([type="button"], [type="res
3924
4532
  text-rendering: optimizeLegibility;
3925
4533
  }
3926
4534
  [data-ac-ds]:not([data-ac-ds] *) {
4535
+ color: var(--color-body);
3927
4536
  font-family: var(--font-sans);
4537
+ font-size: var(--text-base);
4538
+ font-weight: 450;
3928
4539
  line-height: var(--text-base--line-height);
4540
+ letter-spacing: 0.005em;
4541
+ font-optical-sizing: auto;
3929
4542
  }
3930
4543
  h1:is([data-ac-ds], [data-ac-ds] *), h2:is([data-ac-ds], [data-ac-ds] *), h3:is([data-ac-ds], [data-ac-ds] *), h4:is([data-ac-ds], [data-ac-ds] *), h5:is([data-ac-ds], [data-ac-ds] *), h6:is([data-ac-ds], [data-ac-ds] *) {
3931
4544
  color: var(--color-heading);
4545
+ font-family: var(--font-heading);
3932
4546
  font-weight: 600;
4547
+ line-height: 1.25;
3933
4548
  text-wrap: balance;
3934
4549
  }
3935
4550
  h1:is([data-ac-ds], [data-ac-ds] *) {
3936
4551
  font-size: var(--text-h1);
3937
- line-height: calc(40px * var(--ac-scale));
3938
- letter-spacing: -0.03em;
4552
+ font-weight: 700;
4553
+ letter-spacing: -0.02em;
3939
4554
  }
3940
4555
  h2:is([data-ac-ds], [data-ac-ds] *) {
3941
4556
  font-size: var(--text-h2);
3942
- line-height: calc(34px * var(--ac-scale));
3943
- letter-spacing: -0.025em;
4557
+ font-weight: 700;
4558
+ letter-spacing: -0.02em;
3944
4559
  }
3945
4560
  h3:is([data-ac-ds], [data-ac-ds] *) {
3946
4561
  font-size: var(--text-h3);
3947
- line-height: calc(30px * var(--ac-scale));
3948
- letter-spacing: -0.02em;
4562
+ letter-spacing: -0.012em;
3949
4563
  }
3950
4564
  h4:is([data-ac-ds], [data-ac-ds] *) {
3951
4565
  font-size: var(--text-h4);
3952
- line-height: calc(26px * var(--ac-scale));
3953
- letter-spacing: -0.015em;
4566
+ letter-spacing: -0.012em;
3954
4567
  }
3955
4568
  h5:is([data-ac-ds], [data-ac-ds] *) {
3956
4569
  font-size: var(--text-h5);
3957
- line-height: calc(22px * var(--ac-scale));
3958
- letter-spacing: -0.01em;
4570
+ letter-spacing: -0.008em;
3959
4571
  }
3960
4572
  h6:is([data-ac-ds], [data-ac-ds] *) {
3961
4573
  font-size: var(--text-h6);
3962
- line-height: calc(20px * var(--ac-scale));
3963
- font-weight: 500;
4574
+ letter-spacing: -0.008em;
4575
+ }
4576
+ p:is([data-ac-ds], [data-ac-ds] *) {
4577
+ text-wrap: pretty;
4578
+ }
4579
+ button:is([data-ac-ds], [data-ac-ds] *), input:is([data-ac-ds], [data-ac-ds] *), select:is([data-ac-ds], [data-ac-ds] *), textarea:is([data-ac-ds], [data-ac-ds] *) {
4580
+ font-family: inherit;
4581
+ letter-spacing: inherit;
3964
4582
  }
3965
4583
  code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre:is([data-ac-ds], [data-ac-ds] *), samp:is([data-ac-ds], [data-ac-ds] *) {
3966
4584
  font-family: var(--font-mono);
@@ -3971,7 +4589,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
3971
4589
  color: var(--color-primary-10);
3972
4590
  }
3973
4591
  :focus-visible:is([data-ac-ds], [data-ac-ds] *) {
3974
- outline: 2px solid var(--color-primary);
4592
+ outline: 2px solid var(--color-ring);
3975
4593
  outline-offset: 2px;
3976
4594
  }
3977
4595
  @keyframes ac-skeleton-shimmer {
@@ -3983,7 +4601,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
3983
4601
  }
3984
4602
  }
3985
4603
  .ac-skeleton-bone {
3986
- background-color: color-mix(in srgb, #e2e8f0 55%, #f1f5f9);
4604
+ background-color: color-mix(in srgb, #ebebeb 55%, #f0f0f0);
3987
4605
  @supports (color: color-mix(in lab, red, red)) {
3988
4606
  background-color: color-mix(in srgb, var(--color-slate-80) 55%, var(--color-slate-90));
3989
4607
  }
@@ -3993,7 +4611,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
3993
4611
  animation: ac-skeleton-shimmer 1.8s ease-in-out infinite;
3994
4612
  }
3995
4613
  :where(.dark, .is-dark-theme) .ac-skeleton-bone {
3996
- background-color: color-mix(in srgb, #e2e8f0 55%, #f1f5f9);
4614
+ background-color: color-mix(in srgb, #ebebeb 55%, #f0f0f0);
3997
4615
  @supports (color: color-mix(in lab, red, red)) {
3998
4616
  background-color: color-mix(in srgb, var(--color-slate-80) 55%, var(--color-slate-90));
3999
4617
  }
@@ -4021,6 +4639,54 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
4021
4639
  animation: none;
4022
4640
  }
4023
4641
  }
4642
+ [data-ac-chart] {
4643
+ font-variant-numeric: tabular-nums;
4644
+ --vis-font-family: var(--font-sans);
4645
+ --vis-axis-font-family: var(--font-sans);
4646
+ --vis-axis-tick-label-font-size: 12px;
4647
+ --vis-axis-tick-label-weight: 400;
4648
+ --vis-axis-label-font-size: 12px;
4649
+ --vis-axis-label-weight: 500;
4650
+ --vis-axis-tick-color: var(--color-border);
4651
+ --vis-dark-axis-tick-color: var(--color-border);
4652
+ --vis-axis-domain-color: var(--color-border-dark);
4653
+ --vis-dark-axis-domain-color: var(--color-border-dark);
4654
+ --vis-axis-grid-color: var(--color-border);
4655
+ --vis-dark-axis-grid-color: var(--color-border);
4656
+ --vis-axis-tick-label-color: var(--color-muted);
4657
+ --vis-dark-axis-tick-label-color: var(--color-muted);
4658
+ --vis-axis-label-color: var(--color-muted);
4659
+ --vis-dark-axis-label-color: var(--color-muted);
4660
+ --vis-crosshair-line-stroke-color: var(--color-border-dark);
4661
+ --vis-crosshair-circle-stroke-color: var(--color-surface);
4662
+ --vis-crosshair-circle-stroke-width: 2px;
4663
+ --vis-crosshair-circle-stroke-opacity: 1;
4664
+ --vis-stacked-bar-stroke-color: var(--color-surface);
4665
+ --vis-dark-stacked-bar-stroke-color: var(--color-surface);
4666
+ --vis-stacked-bar-stroke-width: 1px;
4667
+ --vis-grouped-bar-hover-stroke-width: 0px;
4668
+ --vis-area-fill-opacity: 1;
4669
+ --vis-donut-background-color: var(--color-surface-sunken);
4670
+ --vis-dark-donut-background-color: var(--color-surface-sunken);
4671
+ --vis-donut-segment-stroke-color: var(--color-surface);
4672
+ --vis-donut-segment-stroke-width: 2px;
4673
+ --vis-donut-central-label-text-color: var(--color-heading);
4674
+ --vis-dark-donut-central-label-text-color: var(--color-heading);
4675
+ --vis-donut-central-sub-label-text-color: var(--color-muted);
4676
+ --vis-dark-donut-central-sub-label-text-color: var(--color-muted);
4677
+ --vis-legend-label-color: var(--color-muted);
4678
+ --vis-dark-legend-label-color: var(--color-muted);
4679
+ --vis-legend-label-font-size: 12px;
4680
+ --vis-tooltip-background-color: var(--color-surface);
4681
+ --vis-dark-tooltip-background-color: var(--color-surface);
4682
+ --vis-tooltip-border-color: var(--color-border);
4683
+ --vis-dark-tooltip-border-color: var(--color-border);
4684
+ --vis-tooltip-text-color: var(--color-body);
4685
+ --vis-dark-tooltip-text-color: var(--color-body);
4686
+ --vis-tooltip-border-radius: 10px;
4687
+ --vis-tooltip-box-shadow: var(--shadow-lg);
4688
+ --vis-tooltip-padding: 10px 12px;
4689
+ }
4024
4690
  @property --tw-border-spacing-x {
4025
4691
  syntax: "<length>";
4026
4692
  inherits: false;
@@ -4361,7 +5027,7 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
4361
5027
  @keyframes ac-pop-in {
4362
5028
  from {
4363
5029
  opacity: 0;
4364
- transform: translateY(4px) scale(0.98);
5030
+ transform: scale(0.95);
4365
5031
  }
4366
5032
  to {
4367
5033
  opacity: 1;
@@ -4445,4 +5111,3 @@ code:is([data-ac-ds], [data-ac-ds] *), kbd:is([data-ac-ds], [data-ac-ds] *), pre
4445
5111
  --tw-content: "";
4446
5112
  }
4447
5113
  }
4448
- :where(.dark, .is-dark-theme) [data-ac-ds]:not([data-ac-ds] *) { color: var(--color-body); }