diff --git a/.eleventy.js b/.eleventy.js index 368242c..6124b88 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -2,9 +2,8 @@ import eleventyLucideicons from "@grimlink/eleventy-plugin-lucide-icons"; import prettier from "prettier"; export default async function(eleventyConfig) { - eleventyConfig.setInputDirectory("./docs"); - eleventyConfig.setServerPassthroughCopyBehavior("passthrough"); - eleventyConfig.addPassthroughCopy({"./dist/basecoat.css": "./assets/styles.css"}); + eleventyConfig.setInputDirectory("./docs/src"); + eleventyConfig.addPassthroughCopy({"docs/src/assets": "assets"}); eleventyConfig.addPlugin(eleventyLucideicons); eleventyConfig.addNunjucksAsyncFilter("prettyHtml", async (code, callback) => { try { diff --git a/dist/theme.css b/dist/theme.css deleted file mode 100644 index e612d6c..0000000 --- a/dist/theme.css +++ /dev/null @@ -1,136 +0,0 @@ -:root { - --background: oklch(0.98 0.01 95.10); - --foreground: oklch(0.34 0.03 95.72); - --card: oklch(0.98 0.01 95.10); - --card-foreground: oklch(0.19 0.00 106.59); - --popover: oklch(1.00 0 0); - --popover-foreground: oklch(0.27 0.02 98.94); - --primary: oklch(0.62 0.14 39.04); - --primary-foreground: oklch(1.00 0 0); - --secondary: oklch(0.92 0.01 92.99); - --secondary-foreground: oklch(0.43 0.02 98.60); - --muted: oklch(0.93 0.02 90.24); - --muted-foreground: oklch(0.61 0.01 97.42); - --accent: oklch(0.92 0.01 92.99); - --accent-foreground: oklch(0.27 0.02 98.94); - --destructive: oklch(0.19 0.00 106.59); - --destructive-foreground: oklch(1.00 0 0); - --border: oklch(0.88 0.01 97.36); - --input: oklch(0.76 0.02 98.35); - --ring: oklch(0.59 0.17 253.06); - --chart-1: oklch(0.56 0.13 43.00); - --chart-2: oklch(0.69 0.16 290.41); - --chart-3: oklch(0.88 0.03 93.13); - --chart-4: oklch(0.88 0.04 298.18); - --chart-5: oklch(0.56 0.13 42.06); - --sidebar: oklch(0.97 0.01 98.88); - --sidebar-foreground: oklch(0.36 0.01 106.65); - --sidebar-primary: oklch(0.62 0.14 39.04); - --sidebar-primary-foreground: oklch(0.99 0 0); - --sidebar-accent: oklch(0.92 0.01 92.99); - --sidebar-accent-foreground: oklch(0.33 0 0); - --sidebar-border: oklch(0.94 0 0); - --sidebar-ring: oklch(0.77 0 0); - --radius: 0.5rem; - --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); - --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); - --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); - --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); -} - -.dark { - --background: oklch(0.27 0.00 106.64); - --foreground: oklch(0.81 0.01 93.01); - --card: oklch(0.27 0.00 106.64); - --card-foreground: oklch(0.98 0.01 95.10); - --popover: oklch(0.31 0.00 106.60); - --popover-foreground: oklch(0.92 0.00 106.48); - --primary: oklch(0.67 0.13 38.76); - --primary-foreground: oklch(1.00 0 0); - --secondary: oklch(0.98 0.01 95.10); - --secondary-foreground: oklch(0.31 0.00 106.60); - --muted: oklch(0.22 0.00 106.71); - --muted-foreground: oklch(0.77 0.02 99.07); - --accent: oklch(0.21 0.01 95.42); - --accent-foreground: oklch(0.97 0.01 98.88); - --destructive: oklch(0.64 0.21 25.33); - --destructive-foreground: oklch(1.00 0 0); - --border: oklch(0.36 0.01 106.89); - --input: oklch(0.43 0.01 100.22); - --ring: oklch(0.59 0.17 253.06); - --chart-1: oklch(0.56 0.13 43.00); - --chart-2: oklch(0.69 0.16 290.41); - --chart-3: oklch(0.21 0.01 95.42); - --chart-4: oklch(0.31 0.05 289.32); - --chart-5: oklch(0.56 0.13 42.06); - --sidebar: oklch(0.24 0.00 67.71); - --sidebar-foreground: oklch(0.81 0.01 93.01); - --sidebar-primary: oklch(0.33 0 0); - --sidebar-primary-foreground: oklch(0.99 0 0); - --sidebar-accent: oklch(0.17 0.00 106.62); - --sidebar-accent-foreground: oklch(0.81 0.01 93.01); - --sidebar-border: oklch(0.94 0 0); - --sidebar-ring: oklch(0.77 0 0); - --radius: 0.5rem; - --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); - --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); - --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); - --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); -} - -@theme inline { - --color-background: var(--background); - --color-foreground: var(--foreground); - --color-card: var(--card); - --color-card-foreground: var(--card-foreground); - --color-popover: var(--popover); - --color-popover-foreground: var(--popover-foreground); - --color-primary: var(--primary); - --color-primary-foreground: var(--primary-foreground); - --color-secondary: var(--secondary); - --color-secondary-foreground: var(--secondary-foreground); - --color-muted: var(--muted); - --color-muted-foreground: var(--muted-foreground); - --color-accent: var(--accent); - --color-accent-foreground: var(--accent-foreground); - --color-destructive: var(--destructive); - --color-destructive-foreground: var(--destructive-foreground); - --color-border: var(--border); - --color-input: var(--input); - --color-ring: var(--ring); - --color-chart-1: var(--chart-1); - --color-chart-2: var(--chart-2); - --color-chart-3: var(--chart-3); - --color-chart-4: var(--chart-4); - --color-chart-5: var(--chart-5); - --color-sidebar: var(--sidebar); - --color-sidebar-foreground: var(--sidebar-foreground); - --color-sidebar-primary: var(--sidebar-primary); - --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); - --color-sidebar-accent: var(--sidebar-accent); - --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); - --color-sidebar-border: var(--sidebar-border); - --color-sidebar-ring: var(--sidebar-ring); - - --radius-sm: calc(var(--radius) - 4px); - --radius-md: calc(var(--radius) - 2px); - --radius-lg: var(--radius); - --radius-xl: calc(var(--radius) + 4px); - - --shadow-2xs: var(--shadow-2xs); - --shadow-xs: var(--shadow-xs); - --shadow-sm: var(--shadow-sm); - --shadow: var(--shadow); - --shadow-md: var(--shadow-md); - --shadow-lg: var(--shadow-lg); - --shadow-xl: var(--shadow-xl); - --shadow-2xl: var(--shadow-2xl); -} \ No newline at end of file diff --git a/docs/_data/site.json b/docs/_data/site.json deleted file mode 100644 index 117809d..0000000 --- a/docs/_data/site.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "title": "Basecoat", - "description": "Minimal CSS UI kit for vanilla HTML." -} \ No newline at end of file diff --git a/docs/src/_data/site.json b/docs/src/_data/site.json new file mode 100644 index 0000000..05d4ae9 --- /dev/null +++ b/docs/src/_data/site.json @@ -0,0 +1,4 @@ +{ + "title": "Basecoat", + "description": "shadcn/ui for the rest of us" +} \ No newline at end of file diff --git a/docs/_includes/components/dialog-script.njk b/docs/src/_includes/components/dialog-script.njk similarity index 100% rename from docs/_includes/components/dialog-script.njk rename to docs/src/_includes/components/dialog-script.njk diff --git a/docs/_includes/components/dialog.njk b/docs/src/_includes/components/dialog.njk similarity index 100% rename from docs/_includes/components/dialog.njk rename to docs/src/_includes/components/dialog.njk diff --git a/docs/_includes/components/dropdown-menu-script.njk b/docs/src/_includes/components/dropdown-menu-script.njk similarity index 100% rename from docs/_includes/components/dropdown-menu-script.njk rename to docs/src/_includes/components/dropdown-menu-script.njk diff --git a/docs/_includes/components/dropdown-menu.njk b/docs/src/_includes/components/dropdown-menu.njk similarity index 100% rename from docs/_includes/components/dropdown-menu.njk rename to docs/src/_includes/components/dropdown-menu.njk diff --git a/docs/_includes/components/popover-script.njk b/docs/src/_includes/components/popover-script.njk similarity index 100% rename from docs/_includes/components/popover-script.njk rename to docs/src/_includes/components/popover-script.njk diff --git a/docs/_includes/components/popover.njk b/docs/src/_includes/components/popover.njk similarity index 100% rename from docs/_includes/components/popover.njk rename to docs/src/_includes/components/popover.njk diff --git a/docs/_includes/components/select-script.njk b/docs/src/_includes/components/select-script.njk similarity index 100% rename from docs/_includes/components/select-script.njk rename to docs/src/_includes/components/select-script.njk diff --git a/docs/_includes/components/select.njk b/docs/src/_includes/components/select.njk similarity index 100% rename from docs/_includes/components/select.njk rename to docs/src/_includes/components/select.njk diff --git a/docs/_includes/components/tabs-script.njk b/docs/src/_includes/components/tabs-script.njk similarity index 100% rename from docs/_includes/components/tabs-script.njk rename to docs/src/_includes/components/tabs-script.njk diff --git a/docs/_includes/components/tabs.njk b/docs/src/_includes/components/tabs.njk similarity index 100% rename from docs/_includes/components/tabs.njk rename to docs/src/_includes/components/tabs.njk diff --git a/docs/_includes/components/toast-script.njk b/docs/src/_includes/components/toast-script.njk similarity index 100% rename from docs/_includes/components/toast-script.njk rename to docs/src/_includes/components/toast-script.njk diff --git a/docs/_includes/components/toast.njk b/docs/src/_includes/components/toast.njk similarity index 100% rename from docs/_includes/components/toast.njk rename to docs/src/_includes/components/toast.njk diff --git a/docs/_includes/layouts/base.njk b/docs/src/_includes/layouts/base.njk similarity index 100% rename from docs/_includes/layouts/base.njk rename to docs/src/_includes/layouts/base.njk diff --git a/docs/_includes/layouts/component.njk b/docs/src/_includes/layouts/component.njk similarity index 100% rename from docs/_includes/layouts/component.njk rename to docs/src/_includes/layouts/component.njk diff --git a/docs/_includes/layouts/page.njk b/docs/src/_includes/layouts/page.njk similarity index 100% rename from docs/_includes/layouts/page.njk rename to docs/src/_includes/layouts/page.njk diff --git a/docs/_includes/macros/code_block.njk b/docs/src/_includes/macros/code_block.njk similarity index 100% rename from docs/_includes/macros/code_block.njk rename to docs/src/_includes/macros/code_block.njk diff --git a/docs/_includes/macros/code_preview.njk b/docs/src/_includes/macros/code_preview.njk similarity index 100% rename from docs/_includes/macros/code_preview.njk rename to docs/src/_includes/macros/code_preview.njk diff --git a/docs/_includes/partials/kitchen-sink/accordion.njk b/docs/src/_includes/partials/kitchen-sink/accordion.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/accordion.njk rename to docs/src/_includes/partials/kitchen-sink/accordion.njk diff --git a/docs/_includes/partials/kitchen-sink/alert-dialog.njk b/docs/src/_includes/partials/kitchen-sink/alert-dialog.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/alert-dialog.njk rename to docs/src/_includes/partials/kitchen-sink/alert-dialog.njk diff --git a/docs/_includes/partials/kitchen-sink/alert.njk b/docs/src/_includes/partials/kitchen-sink/alert.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/alert.njk rename to docs/src/_includes/partials/kitchen-sink/alert.njk diff --git a/docs/_includes/partials/kitchen-sink/avatar.njk b/docs/src/_includes/partials/kitchen-sink/avatar.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/avatar.njk rename to docs/src/_includes/partials/kitchen-sink/avatar.njk diff --git a/docs/_includes/partials/kitchen-sink/badge.njk b/docs/src/_includes/partials/kitchen-sink/badge.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/badge.njk rename to docs/src/_includes/partials/kitchen-sink/badge.njk diff --git a/docs/_includes/partials/kitchen-sink/breadcrumb.njk b/docs/src/_includes/partials/kitchen-sink/breadcrumb.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/breadcrumb.njk rename to docs/src/_includes/partials/kitchen-sink/breadcrumb.njk diff --git a/docs/_includes/partials/kitchen-sink/button.njk b/docs/src/_includes/partials/kitchen-sink/button.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/button.njk rename to docs/src/_includes/partials/kitchen-sink/button.njk diff --git a/docs/_includes/partials/kitchen-sink/card.njk b/docs/src/_includes/partials/kitchen-sink/card.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/card.njk rename to docs/src/_includes/partials/kitchen-sink/card.njk diff --git a/docs/_includes/partials/kitchen-sink/checkbox.njk b/docs/src/_includes/partials/kitchen-sink/checkbox.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/checkbox.njk rename to docs/src/_includes/partials/kitchen-sink/checkbox.njk diff --git a/docs/_includes/partials/kitchen-sink/combobox.njk b/docs/src/_includes/partials/kitchen-sink/combobox.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/combobox.njk rename to docs/src/_includes/partials/kitchen-sink/combobox.njk diff --git a/docs/_includes/partials/kitchen-sink/dialog.njk b/docs/src/_includes/partials/kitchen-sink/dialog.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/dialog.njk rename to docs/src/_includes/partials/kitchen-sink/dialog.njk diff --git a/docs/_includes/partials/kitchen-sink/dropdown-menu.njk b/docs/src/_includes/partials/kitchen-sink/dropdown-menu.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/dropdown-menu.njk rename to docs/src/_includes/partials/kitchen-sink/dropdown-menu.njk diff --git a/docs/_includes/partials/kitchen-sink/form.njk b/docs/src/_includes/partials/kitchen-sink/form.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/form.njk rename to docs/src/_includes/partials/kitchen-sink/form.njk diff --git a/docs/_includes/partials/kitchen-sink/input.njk b/docs/src/_includes/partials/kitchen-sink/input.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/input.njk rename to docs/src/_includes/partials/kitchen-sink/input.njk diff --git a/docs/_includes/partials/kitchen-sink/label.njk b/docs/src/_includes/partials/kitchen-sink/label.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/label.njk rename to docs/src/_includes/partials/kitchen-sink/label.njk diff --git a/docs/_includes/partials/kitchen-sink/pagination.njk b/docs/src/_includes/partials/kitchen-sink/pagination.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/pagination.njk rename to docs/src/_includes/partials/kitchen-sink/pagination.njk diff --git a/docs/_includes/partials/kitchen-sink/popover.njk b/docs/src/_includes/partials/kitchen-sink/popover.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/popover.njk rename to docs/src/_includes/partials/kitchen-sink/popover.njk diff --git a/docs/_includes/partials/kitchen-sink/radio-group.njk b/docs/src/_includes/partials/kitchen-sink/radio-group.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/radio-group.njk rename to docs/src/_includes/partials/kitchen-sink/radio-group.njk diff --git a/docs/_includes/partials/kitchen-sink/select.njk b/docs/src/_includes/partials/kitchen-sink/select.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/select.njk rename to docs/src/_includes/partials/kitchen-sink/select.njk diff --git a/docs/_includes/partials/kitchen-sink/skeleton.njk b/docs/src/_includes/partials/kitchen-sink/skeleton.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/skeleton.njk rename to docs/src/_includes/partials/kitchen-sink/skeleton.njk diff --git a/docs/_includes/partials/kitchen-sink/slider.njk b/docs/src/_includes/partials/kitchen-sink/slider.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/slider.njk rename to docs/src/_includes/partials/kitchen-sink/slider.njk diff --git a/docs/_includes/partials/kitchen-sink/switch.njk b/docs/src/_includes/partials/kitchen-sink/switch.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/switch.njk rename to docs/src/_includes/partials/kitchen-sink/switch.njk diff --git a/docs/_includes/partials/kitchen-sink/table.njk b/docs/src/_includes/partials/kitchen-sink/table.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/table.njk rename to docs/src/_includes/partials/kitchen-sink/table.njk diff --git a/docs/_includes/partials/kitchen-sink/tabs.njk b/docs/src/_includes/partials/kitchen-sink/tabs.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/tabs.njk rename to docs/src/_includes/partials/kitchen-sink/tabs.njk diff --git a/docs/_includes/partials/kitchen-sink/textarea.njk b/docs/src/_includes/partials/kitchen-sink/textarea.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/textarea.njk rename to docs/src/_includes/partials/kitchen-sink/textarea.njk diff --git a/docs/_includes/partials/kitchen-sink/toast.njk b/docs/src/_includes/partials/kitchen-sink/toast.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/toast.njk rename to docs/src/_includes/partials/kitchen-sink/toast.njk diff --git a/docs/_includes/partials/kitchen-sink/tooltip.njk b/docs/src/_includes/partials/kitchen-sink/tooltip.njk similarity index 100% rename from docs/_includes/partials/kitchen-sink/tooltip.njk rename to docs/src/_includes/partials/kitchen-sink/tooltip.njk diff --git a/docs/_includes/partials/sidebar.njk b/docs/src/_includes/partials/sidebar.njk similarity index 99% rename from docs/_includes/partials/sidebar.njk rename to docs/src/_includes/partials/sidebar.njk index 72c5f58..7a01e52 100644 --- a/docs/_includes/partials/sidebar.njk +++ b/docs/src/_includes/partials/sidebar.njk @@ -35,7 +35,7 @@
Basecoat - v0.0.1 + v0.1.0
diff --git a/dist/basecoat.css b/docs/src/assets/styles.css similarity index 94% rename from dist/basecoat.css rename to docs/src/assets/styles.css index a05e042..feda404 100644 --- a/dist/basecoat.css +++ b/docs/src/assets/styles.css @@ -1,17 +1,18 @@ -/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */ +/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */ +@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap"); @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { - --font-sans: 'Inter var', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; - --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; - --color-red-500: oklch(63.7% 0.237 25.331); + --font-sans: 'Inter'; + --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + --font-mono: 'JetBrains Mono'; --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-green-50: oklch(98.2% 0.018 155.826); - --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-900: oklch(39.3% 0.095 152.535); --color-green-950: oklch(26.6% 0.065 152.934); @@ -442,20 +443,6 @@ .min-h-\[350px\] { min-height: 350px; } - .scrollbar { - scrollbar-width: thin; - scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); - &::-webkit-scrollbar { - width: var(--scrollbar-width); - } - &::-webkit-scrollbar-track { - background: var(--scrollbar-track); - } - &::-webkit-scrollbar-thumb { - background: var(--scrollbar-thumb); - border-radius: var(--scrollbar-radius); - } - } .w-1\/2 { width: calc(1/2 * 100%); } @@ -879,7 +866,7 @@ color: var(--color-sidebar-foreground); } .text-sidebar-foreground\/70 { - color: color-mix(in srgb, var(--sidebar-foreground) 70%, transparent); + color: var(--color-sidebar-foreground); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent); } @@ -1052,7 +1039,7 @@ .hover\:bg-accent\/50 { &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--accent) 50%, transparent); + background-color: var(--color-accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 50%, transparent); } @@ -1062,7 +1049,7 @@ .hover\:bg-destructive\/10 { &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--destructive) 10%, transparent); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent); } @@ -1113,7 +1100,7 @@ } .focus\:bg-destructive\/10 { &:focus { - background-color: color-mix(in srgb, var(--destructive) 10%, transparent); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent); } @@ -1154,7 +1141,7 @@ } .focus-visible\:ring-ring\/50 { &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -1254,45 +1241,45 @@ } } .dark\:border-amber-950 { - &:where(.dark, .dark *) { + &:is(.dark *) { border-color: var(--color-amber-950); } } .dark\:bg-amber-950 { - &:where(.dark, .dark *) { + &:is(.dark *) { background-color: var(--color-amber-950); } } .dark\:text-amber-100 { - &:where(.dark, .dark *) { + &:is(.dark *) { color: var(--color-amber-100); } } .dark\:checked\:border-blue-700 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { border-color: var(--color-blue-700); } } } .dark\:checked\:bg-blue-600 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { background-color: var(--color-blue-600); } } } .dark\:checked\:bg-blue-700 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { background-color: var(--color-blue-700); } } } .dark\:checked\:bg-input\/30 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } @@ -1300,7 +1287,7 @@ } } .dark\:checked\:before\:bg-primary { - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { &::before { content: var(--tw-content); @@ -1310,10 +1297,10 @@ } } .dark\:hover\:bg-destructive\/20 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--destructive) 20%, transparent); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } @@ -1322,9 +1309,9 @@ } } .dark\:focus\:bg-destructive\/20 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:focus { - background-color: color-mix(in srgb, var(--destructive) 20%, transparent); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } @@ -1332,28 +1319,28 @@ } } .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:border-blue-900 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:has(*:is(input[type='checkbox']:checked)) { border-color: var(--color-blue-900); } } } .dark\:has-\[input\[type\=\'checkbox\'\]\:checked\]\:bg-blue-950 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:has(*:is(input[type='checkbox']:checked)) { background-color: var(--color-blue-950); } } } .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:border-green-900 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:has(*:is(input[type='radio']:checked)) { border-color: var(--color-green-900); } } } .dark\:has-\[input\[type\=\'radio\'\]\:checked\]\:bg-green-950 { - &:where(.dark, .dark *) { + &:is(.dark *) { &:has(*:is(input[type='radio']:checked)) { background-color: var(--color-green-950); } @@ -1710,7 +1697,7 @@ @layer base { * { border-color: var(--color-border); - outline-color: color-mix(in srgb, var(--ring) 50%, transparent); + outline-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -1725,8 +1712,20 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -} -@layer utilities { + .scrollbar { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); + &::-webkit-scrollbar { + width: var(--scrollbar-width); + } + &::-webkit-scrollbar-track { + background: var(--scrollbar-track); + } + &::-webkit-scrollbar-thumb { + background: var(--scrollbar-thumb); + border-radius: var(--scrollbar-radius); + } + } [x-cloak] { display: none !important; } @@ -1851,7 +1850,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -1866,14 +1865,14 @@ border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } @@ -1934,14 +1933,14 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--primary) 90%, transparent); + background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } } &[aria-pressed='true'] { - background-color: color-mix(in srgb, var(--primary) 90%, transparent); + background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } @@ -1953,7 +1952,7 @@ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:hover, &[aria-pressed='true'] { - background-color: color-mix(in srgb, var(--secondary) 80%, transparent); + background-color: var(--color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent); } @@ -1965,11 +1964,11 @@ background-color: var(--color-background); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - &:where(.dark, .dark *) { + &:is(.dark *) { border-color: var(--color-input); } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } @@ -1977,8 +1976,8 @@ &:hover, &[aria-pressed='true'] { background-color: var(--color-accent); color: var(--color-accent-foreground); - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--accent) 50%, transparent); + &:is(.dark *) { + background-color: var(--color-accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 50%, transparent); } @@ -1989,8 +1988,8 @@ &:hover, &[aria-pressed='true'] { background-color: var(--color-accent); color: var(--color-accent-foreground); - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--accent) 50%, transparent); + &:is(.dark *) { + background-color: var(--color-accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 50%, transparent); } @@ -2014,32 +2013,32 @@ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--destructive) 60%, transparent); + &:is(.dark *) { + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } &:hover, &[aria-pressed='true'] { - background-color: color-mix(in srgb, var(--destructive) 90%, transparent); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--destructive) 50%, transparent); + &:is(.dark *) { + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 50%, transparent); } @@ -2077,7 +2076,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -2086,14 +2085,14 @@ border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } @@ -2114,7 +2113,7 @@ a& { &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--primary) 90%, transparent); + background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } @@ -2129,7 +2128,7 @@ a& { &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--secondary) 90%, transparent); + background-color: var(--color-secondary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent); } @@ -2142,20 +2141,20 @@ background-color: var(--color-destructive); color: var(--color-white); &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--destructive) 60%, transparent); + &:is(.dark *) { + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } @@ -2164,7 +2163,7 @@ a& { &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--destructive) 90%, transparent); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } @@ -2274,7 +2273,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -2289,25 +2288,25 @@ border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { background-color: var(--color-primary); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } @@ -2585,8 +2584,8 @@ font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } @@ -2599,7 +2598,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -2608,14 +2607,14 @@ border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } @@ -2944,7 +2943,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -2959,20 +2958,20 @@ border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } @@ -3032,7 +3031,7 @@ background-color: var(--color-background); --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -3058,7 +3057,7 @@ background-color: var(--color-background); --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -3084,7 +3083,7 @@ background-color: var(--color-background); --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -3140,7 +3139,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -3155,30 +3154,30 @@ border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--input) 50%, transparent); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 50%, transparent); } } } } - &:where(.dark, .dark *) { + &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } @@ -3217,7 +3216,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -3232,13 +3231,13 @@ &:checked { background-color: var(--color-primary); } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 80%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 80%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { background-color: var(--color-primary); } @@ -3280,7 +3279,7 @@ content: var(--tw-content); background-color: var(--color-background); } - &:where(.dark, .dark *) { + &:is(.dark *) { &::before { content: var(--tw-content); background-color: var(--color-foreground); @@ -3292,7 +3291,7 @@ margin-inline-start: calc(var(--spacing) * 3.5); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &:checked { &::before { content: var(--tw-content); @@ -3323,7 +3322,7 @@ tfoot { border-top-style: var(--tw-border-style); border-top-width: 1px; - background-color: color-mix(in srgb, var(--muted) 50%, transparent); + background-color: var(--color-muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); } @@ -3344,7 +3343,7 @@ transition-duration: var(--tw-duration, var(--default-transition-duration)); &:hover { @media (hover: hover) { - background-color: color-mix(in srgb, var(--muted) 50%, transparent); + background-color: var(--color-muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); } @@ -3433,7 +3432,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -3451,7 +3450,7 @@ &:disabled { opacity: 50%; } - &:where(.dark, .dark *) { + &:is(.dark *) { color: var(--color-muted-foreground); } & svg { @@ -3468,16 +3467,16 @@ background-color: var(--color-background); --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - &:where(.dark, .dark *) { + &:is(.dark *) { border-color: var(--color-input); } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { color: var(--color-foreground); } } @@ -3523,7 +3522,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: color-mix(in srgb, var(--ring) 50%, transparent); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } @@ -3538,7 +3537,7 @@ border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 20%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } @@ -3547,15 +3546,15 @@ font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } - &:where(.dark, .dark *) { - background-color: color-mix(in srgb, var(--input) 30%, transparent); + &:is(.dark *) { + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } - &:where(.dark, .dark *) { + &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: color-mix(in srgb, var(--destructive) 40%, transparent); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } diff --git a/docs/components/accordion.njk b/docs/src/components/accordion.njk similarity index 100% rename from docs/components/accordion.njk rename to docs/src/components/accordion.njk diff --git a/docs/components/alert-dialog.njk b/docs/src/components/alert-dialog.njk similarity index 100% rename from docs/components/alert-dialog.njk rename to docs/src/components/alert-dialog.njk diff --git a/docs/components/alert.njk b/docs/src/components/alert.njk similarity index 100% rename from docs/components/alert.njk rename to docs/src/components/alert.njk diff --git a/docs/components/avatar.njk b/docs/src/components/avatar.njk similarity index 100% rename from docs/components/avatar.njk rename to docs/src/components/avatar.njk diff --git a/docs/components/badge.njk b/docs/src/components/badge.njk similarity index 100% rename from docs/components/badge.njk rename to docs/src/components/badge.njk diff --git a/docs/components/breadcrumb.njk b/docs/src/components/breadcrumb.njk similarity index 100% rename from docs/components/breadcrumb.njk rename to docs/src/components/breadcrumb.njk diff --git a/docs/components/button.njk b/docs/src/components/button.njk similarity index 100% rename from docs/components/button.njk rename to docs/src/components/button.njk diff --git a/docs/components/card.njk b/docs/src/components/card.njk similarity index 100% rename from docs/components/card.njk rename to docs/src/components/card.njk diff --git a/docs/components/checkbox.njk b/docs/src/components/checkbox.njk similarity index 100% rename from docs/components/checkbox.njk rename to docs/src/components/checkbox.njk diff --git a/docs/components/combobox.njk b/docs/src/components/combobox.njk similarity index 100% rename from docs/components/combobox.njk rename to docs/src/components/combobox.njk diff --git a/docs/components/dialog.njk b/docs/src/components/dialog.njk similarity index 100% rename from docs/components/dialog.njk rename to docs/src/components/dialog.njk diff --git a/docs/components/dropdown-menu.njk b/docs/src/components/dropdown-menu.njk similarity index 100% rename from docs/components/dropdown-menu.njk rename to docs/src/components/dropdown-menu.njk diff --git a/docs/components/form.njk b/docs/src/components/form.njk similarity index 100% rename from docs/components/form.njk rename to docs/src/components/form.njk diff --git a/docs/components/input.njk b/docs/src/components/input.njk similarity index 100% rename from docs/components/input.njk rename to docs/src/components/input.njk diff --git a/docs/components/label.njk b/docs/src/components/label.njk similarity index 100% rename from docs/components/label.njk rename to docs/src/components/label.njk diff --git a/docs/components/pagination.njk b/docs/src/components/pagination.njk similarity index 100% rename from docs/components/pagination.njk rename to docs/src/components/pagination.njk diff --git a/docs/components/popover.njk b/docs/src/components/popover.njk similarity index 100% rename from docs/components/popover.njk rename to docs/src/components/popover.njk diff --git a/docs/components/radio-group.njk b/docs/src/components/radio-group.njk similarity index 100% rename from docs/components/radio-group.njk rename to docs/src/components/radio-group.njk diff --git a/docs/components/select.njk b/docs/src/components/select.njk similarity index 100% rename from docs/components/select.njk rename to docs/src/components/select.njk diff --git a/docs/components/skeleton.njk b/docs/src/components/skeleton.njk similarity index 100% rename from docs/components/skeleton.njk rename to docs/src/components/skeleton.njk diff --git a/docs/components/slider.njk b/docs/src/components/slider.njk similarity index 100% rename from docs/components/slider.njk rename to docs/src/components/slider.njk diff --git a/docs/components/switch.njk b/docs/src/components/switch.njk similarity index 100% rename from docs/components/switch.njk rename to docs/src/components/switch.njk diff --git a/docs/components/table.njk b/docs/src/components/table.njk similarity index 100% rename from docs/components/table.njk rename to docs/src/components/table.njk diff --git a/docs/components/tabs.njk b/docs/src/components/tabs.njk similarity index 100% rename from docs/components/tabs.njk rename to docs/src/components/tabs.njk diff --git a/docs/components/textarea.njk b/docs/src/components/textarea.njk similarity index 100% rename from docs/components/textarea.njk rename to docs/src/components/textarea.njk diff --git a/docs/components/toast.njk b/docs/src/components/toast.njk similarity index 100% rename from docs/components/toast.njk rename to docs/src/components/toast.njk diff --git a/docs/components/tooltip.njk b/docs/src/components/tooltip.njk similarity index 100% rename from docs/components/tooltip.njk rename to docs/src/components/tooltip.njk diff --git a/docs/fragments/toast/error.njk b/docs/src/fragments/toast/error.njk similarity index 100% rename from docs/fragments/toast/error.njk rename to docs/src/fragments/toast/error.njk diff --git a/docs/fragments/toast/info.njk b/docs/src/fragments/toast/info.njk similarity index 100% rename from docs/fragments/toast/info.njk rename to docs/src/fragments/toast/info.njk diff --git a/docs/fragments/toast/success.njk b/docs/src/fragments/toast/success.njk similarity index 100% rename from docs/fragments/toast/success.njk rename to docs/src/fragments/toast/success.njk diff --git a/docs/fragments/toast/warning.njk b/docs/src/fragments/toast/warning.njk similarity index 100% rename from docs/fragments/toast/warning.njk rename to docs/src/fragments/toast/warning.njk diff --git a/docs/index.njk b/docs/src/index.njk similarity index 59% rename from docs/index.njk rename to docs/src/index.njk index c1f6d97..6e18ecc 100644 --- a/docs/index.njk +++ b/docs/src/index.njk @@ -1,5 +1,5 @@ --- -layout: layouts/base.njk +layout: layouts/page.njk --- What is it? diff --git a/docs/installation.njk b/docs/src/installation.njk similarity index 100% rename from docs/installation.njk rename to docs/src/installation.njk diff --git a/docs/kitchen-sink.njk b/docs/src/kitchen-sink.njk similarity index 100% rename from docs/kitchen-sink.njk rename to docs/src/kitchen-sink.njk diff --git a/docs/styles.css b/docs/styles.css new file mode 100644 index 0000000..32cf586 --- /dev/null +++ b/docs/styles.css @@ -0,0 +1,13 @@ +@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap"); + +@import "tailwindcss"; +@source './src/**/*.njk'; + +@import "basecoat"; +@theme { + --font-sans: 'Inter'; + --font-mono: 'JetBrains Mono'; +} + +/* @import "./theme.css"; */ \ No newline at end of file diff --git a/docs/theme.css b/docs/theme.css new file mode 100644 index 0000000..da32abf --- /dev/null +++ b/docs/theme.css @@ -0,0 +1,146 @@ +:root { + --background: oklch(0.94 0.02 345.70); + --foreground: oklch(0.47 0 0); + --card: oklch(0.95 0.05 86.89); + --card-foreground: oklch(0.47 0 0); + --popover: oklch(1.00 0 0); + --popover-foreground: oklch(0.47 0 0); + --primary: oklch(0.62 0.18 348.14); + --primary-foreground: oklch(1.00 0 0); + --secondary: oklch(0.81 0.07 198.19); + --secondary-foreground: oklch(0.32 0 0); + --muted: oklch(0.88 0.05 212.10); + --muted-foreground: oklch(0.58 0 0); + --accent: oklch(0.92 0.08 87.67); + --accent-foreground: oklch(0.32 0 0); + --destructive: oklch(0.71 0.17 21.96); + --destructive-foreground: oklch(1.00 0 0); + --border: oklch(0.62 0.18 348.14); + --input: oklch(0.92 0 0); + --ring: oklch(0.70 0.16 350.75); + --chart-1: oklch(0.70 0.16 350.75); + --chart-2: oklch(0.82 0.08 212.09); + --chart-3: oklch(0.92 0.08 87.67); + --chart-4: oklch(0.80 0.11 348.18); + --chart-5: oklch(0.62 0.19 353.91); + --sidebar: oklch(0.91 0.04 343.09); + --sidebar-foreground: oklch(0.32 0 0); + --sidebar-primary: oklch(0.66 0.21 354.31); + --sidebar-primary-foreground: oklch(1.00 0 0); + --sidebar-accent: oklch(0.82 0.11 346.02); + --sidebar-accent-foreground: oklch(0.32 0 0); + --sidebar-border: oklch(0.95 0.03 307.17); + --sidebar-ring: oklch(0.66 0.21 354.31); + --font-sans: Poppins, sans-serif; + --font-serif: Lora, serif; + --font-mono: Fira Code, monospace; + --radius: 0.4rem; + --shadow-2xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.50); + --shadow-xs: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 0.50); + --shadow-sm: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1.00); + --shadow: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 1px 2px -1px hsl(325.78 58.18% 56.86% / 1.00); + --shadow-md: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 2px 4px -1px hsl(325.78 58.18% 56.86% / 1.00); + --shadow-lg: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 4px 6px -1px hsl(325.78 58.18% 56.86% / 1.00); + --shadow-xl: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 1.00), 3px 8px 10px -1px hsl(325.78 58.18% 56.86% / 1.00); + --shadow-2xl: 3px 3px 0px 0px hsl(325.78 58.18% 56.86% / 2.50); +} + +.dark { + --background: oklch(0.25 0.03 234.16); + --foreground: oklch(0.93 0.02 349.08); + --card: oklch(0.29 0.03 233.54); + --card-foreground: oklch(0.93 0.02 349.08); + --popover: oklch(0.29 0.03 233.54); + --popover-foreground: oklch(0.93 0.02 349.08); + --primary: oklch(0.92 0.08 87.67); + --primary-foreground: oklch(0.25 0.03 234.16); + --secondary: oklch(0.78 0.08 4.13); + --secondary-foreground: oklch(0.25 0.03 234.16); + --muted: oklch(0.27 0.01 255.58); + --muted-foreground: oklch(0.78 0.08 4.13); + --accent: oklch(0.67 0.10 356.98); + --accent-foreground: oklch(0.93 0.02 349.08); + --destructive: oklch(0.67 0.18 350.36); + --destructive-foreground: oklch(0.25 0.03 234.16); + --border: oklch(0.39 0.04 242.22); + --input: oklch(0.31 0.03 232.00); + --ring: oklch(0.70 0.09 201.87); + --chart-1: oklch(0.70 0.09 201.87); + --chart-2: oklch(0.78 0.08 4.13); + --chart-3: oklch(0.67 0.10 356.98); + --chart-4: oklch(0.44 0.07 217.08); + --chart-5: oklch(0.27 0.01 255.58); + --sidebar: oklch(0.23 0.03 235.97); + --sidebar-foreground: oklch(0.97 0.00 264.54); + --sidebar-primary: oklch(0.66 0.21 354.31); + --sidebar-primary-foreground: oklch(1.00 0 0); + --sidebar-accent: oklch(0.82 0.11 346.02); + --sidebar-accent-foreground: oklch(0.28 0.03 256.85); + --sidebar-border: oklch(0.37 0.03 259.73); + --sidebar-ring: oklch(0.66 0.21 354.31); + --font-sans: Poppins, sans-serif; + --font-serif: Lora, serif; + --font-mono: Fira Code, monospace; + --radius: 0.4rem; + --shadow-2xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.50); + --shadow-xs: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 0.50); + --shadow-sm: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1.00); + --shadow: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 1px 2px -1px hsl(206.15 28.06% 27.25% / 1.00); + --shadow-md: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 2px 4px -1px hsl(206.15 28.06% 27.25% / 1.00); + --shadow-lg: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 4px 6px -1px hsl(206.15 28.06% 27.25% / 1.00); + --shadow-xl: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 1.00), 3px 8px 10px -1px hsl(206.15 28.06% 27.25% / 1.00); + --shadow-2xl: 3px 3px 0px 0px hsl(206.15 28.06% 27.25% / 2.50); +} + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --color-card: var(--card); + --color-card-foreground: var(--card-foreground); + --color-popover: var(--popover); + --color-popover-foreground: var(--popover-foreground); + --color-primary: var(--primary); + --color-primary-foreground: var(--primary-foreground); + --color-secondary: var(--secondary); + --color-secondary-foreground: var(--secondary-foreground); + --color-muted: var(--muted); + --color-muted-foreground: var(--muted-foreground); + --color-accent: var(--accent); + --color-accent-foreground: var(--accent-foreground); + --color-destructive: var(--destructive); + --color-destructive-foreground: var(--destructive-foreground); + --color-border: var(--border); + --color-input: var(--input); + --color-ring: var(--ring); + --color-chart-1: var(--chart-1); + --color-chart-2: var(--chart-2); + --color-chart-3: var(--chart-3); + --color-chart-4: var(--chart-4); + --color-chart-5: var(--chart-5); + --color-sidebar: var(--sidebar); + --color-sidebar-foreground: var(--sidebar-foreground); + --color-sidebar-primary: var(--sidebar-primary); + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); + --color-sidebar-accent: var(--sidebar-accent); + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); + --color-sidebar-border: var(--sidebar-border); + --color-sidebar-ring: var(--sidebar-ring); + + --font-sans: var(--font-sans); + --font-mono: var(--font-mono); + --font-serif: var(--font-serif); + + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); + + --shadow-2xs: var(--shadow-2xs); + --shadow-xs: var(--shadow-xs); + --shadow-sm: var(--shadow-sm); + --shadow: var(--shadow); + --shadow-md: var(--shadow-md); + --shadow-lg: var(--shadow-lg); + --shadow-xl: var(--shadow-xl); + --shadow-2xl: var(--shadow-2xl); +} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index e136d4f..1ba3975 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,9 +1,13 @@ { "name": "basecoat", + "version": "0.1.0", "lockfileVersion": 3, "requires": true, "packages": { "": { + "name": "basecoat", + "version": "0.1.0", + "license": "MIT", "devDependencies": { "@11ty/eleventy": "^3.0.0", "@grimlink/eleventy-plugin-lucide-icons": "^2.1.4", @@ -125,9 +129,9 @@ } }, "node_modules/@11ty/eleventy-dev-server/node_modules/@11ty/eleventy-utils": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.1.tgz", - "integrity": "sha512-hicG0vPyqfLvgHJQLtoh3XAj6wUbLX4yY2se8bQLdhCIcxK46mt4zDpgcrYVP3Sjx4HPifQOdwRfOEECoUcyXQ==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.5.tgz", + "integrity": "sha512-onKf5DMcS5Ebs5z40XfTFVu1IWFd6ILmtQE9kpduBNKLdA5SnC22JUREMaFzRpvXSo5PnOvlttSpfyh7EDkqag==", "dev": true, "license": "MIT", "engines": { @@ -139,12 +143,13 @@ } }, "node_modules/@11ty/eleventy-plugin-bundle": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-3.0.1.tgz", - "integrity": "sha512-mskptUoN7PY+rv7DCH3ZwnvMc9aFBGEHHBjmlu+WGde6ySaa43qsLqjseX6RRijDILxp3EiYQ9XnDmmsSnoqIw==", + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-3.0.6.tgz", + "integrity": "sha512-wlEIMa1SEe6HE6ZyREEnPQiTw72337a2MPkyn0D1IzrqHrKU9euB17mv27LnnnyKvMJamCCqtU0985F5yyDL8g==", "dev": true, "license": "MIT", "dependencies": { + "@11ty/eleventy-utils": "^2.0.2", "debug": "^4.4.0", "posthtml-match-helper": "^2.0.3" }, @@ -156,6 +161,20 @@ "url": "https://opencollective.com/11ty" } }, + "node_modules/@11ty/eleventy-plugin-bundle/node_modules/@11ty/eleventy-utils": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-2.0.5.tgz", + "integrity": "sha512-onKf5DMcS5Ebs5z40XfTFVu1IWFd6ILmtQE9kpduBNKLdA5SnC22JUREMaFzRpvXSo5PnOvlttSpfyh7EDkqag==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/11ty" + } + }, "node_modules/@11ty/eleventy-utils": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.3.tgz", @@ -641,64 +660,65 @@ } }, "node_modules/@tailwindcss/cli": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/cli/-/cli-4.1.3.tgz", - "integrity": "sha512-irQW1LhBCi8O7OPrDVTyo6IZFqUDukGkcqOIxoU9d7zSOxU5LZQ1EB1KA981xmZpPIIfaowgdia8FSxaQrBonQ==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/cli/-/cli-4.1.4.tgz", + "integrity": "sha512-gP05Qihh+cZ2FqD5fa0WJXx3KEk2YWUYv/RBKAyiOg0V4vYVDr/xlLc0sacpnVEXM45BVUR9U2hsESufYs6YTA==", "dev": true, "license": "MIT", "dependencies": { "@parcel/watcher": "^2.5.1", - "@tailwindcss/node": "4.1.3", - "@tailwindcss/oxide": "4.1.3", + "@tailwindcss/node": "4.1.4", + "@tailwindcss/oxide": "4.1.4", "enhanced-resolve": "^5.18.1", "mri": "^1.2.0", "picocolors": "^1.1.1", - "tailwindcss": "4.1.3" + "tailwindcss": "4.1.4" }, "bin": { "tailwindcss": "dist/index.mjs" } }, "node_modules/@tailwindcss/node": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.3.tgz", - "integrity": "sha512-H/6r6IPFJkCfBJZ2dKZiPJ7Ueb2wbL592+9bQEl2r73qbX6yGnmQVIfiUvDRB2YI0a3PWDrzUwkvQx1XW1bNkA==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.4.tgz", + "integrity": "sha512-MT5118zaiO6x6hNA04OWInuAiP1YISXql8Z+/Y8iisV5nuhM8VXlyhRuqc2PEviPszcXI66W44bCIk500Oolhw==", "dev": true, "license": "MIT", "dependencies": { "enhanced-resolve": "^5.18.1", "jiti": "^2.4.2", "lightningcss": "1.29.2", - "tailwindcss": "4.1.3" + "tailwindcss": "4.1.4" } }, "node_modules/@tailwindcss/oxide": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.3.tgz", - "integrity": "sha512-t16lpHCU7LBxDe/8dCj9ntyNpXaSTAgxWm1u2XQP5NiIu4KGSyrDJJRlK9hJ4U9yJxx0UKCVI67MJWFNll5mOQ==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.4.tgz", + "integrity": "sha512-p5wOpXyOJx7mKh5MXh5oKk+kqcz8T+bA3z/5VWWeQwFrmuBItGwz8Y2CHk/sJ+dNb9B0nYFfn0rj/cKHZyjahQ==", "dev": true, "license": "MIT", "engines": { "node": ">= 10" }, "optionalDependencies": { - "@tailwindcss/oxide-android-arm64": "4.1.3", - "@tailwindcss/oxide-darwin-arm64": "4.1.3", - "@tailwindcss/oxide-darwin-x64": "4.1.3", - "@tailwindcss/oxide-freebsd-x64": "4.1.3", - "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.3", - "@tailwindcss/oxide-linux-arm64-gnu": "4.1.3", - "@tailwindcss/oxide-linux-arm64-musl": "4.1.3", - "@tailwindcss/oxide-linux-x64-gnu": "4.1.3", - "@tailwindcss/oxide-linux-x64-musl": "4.1.3", - "@tailwindcss/oxide-win32-arm64-msvc": "4.1.3", - "@tailwindcss/oxide-win32-x64-msvc": "4.1.3" + "@tailwindcss/oxide-android-arm64": "4.1.4", + "@tailwindcss/oxide-darwin-arm64": "4.1.4", + "@tailwindcss/oxide-darwin-x64": "4.1.4", + "@tailwindcss/oxide-freebsd-x64": "4.1.4", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.4", + "@tailwindcss/oxide-linux-arm64-gnu": "4.1.4", + "@tailwindcss/oxide-linux-arm64-musl": "4.1.4", + "@tailwindcss/oxide-linux-x64-gnu": "4.1.4", + "@tailwindcss/oxide-linux-x64-musl": "4.1.4", + "@tailwindcss/oxide-wasm32-wasi": "4.1.4", + "@tailwindcss/oxide-win32-arm64-msvc": "4.1.4", + "@tailwindcss/oxide-win32-x64-msvc": "4.1.4" } }, "node_modules/@tailwindcss/oxide-android-arm64": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.3.tgz", - "integrity": "sha512-cxklKjtNLwFl3mDYw4XpEfBY+G8ssSg9ADL4Wm6//5woi3XGqlxFsnV5Zb6v07dxw1NvEX2uoqsxO/zWQsgR+g==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.4.tgz", + "integrity": "sha512-xMMAe/SaCN/vHfQYui3fqaBDEXMu22BVwQ33veLc8ep+DNy7CWN52L+TTG9y1K397w9nkzv+Mw+mZWISiqhmlA==", "cpu": [ "arm64" ], @@ -713,9 +733,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-arm64": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.3.tgz", - "integrity": "sha512-mqkf2tLR5VCrjBvuRDwzKNShRu99gCAVMkVsaEOFvv6cCjlEKXRecPu9DEnxp6STk5z+Vlbh1M5zY3nQCXMXhw==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.4.tgz", + "integrity": "sha512-JGRj0SYFuDuAGilWFBlshcexev2hOKfNkoX+0QTksKYq2zgF9VY/vVMq9m8IObYnLna0Xlg+ytCi2FN2rOL0Sg==", "cpu": [ "arm64" ], @@ -730,9 +750,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-x64": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.3.tgz", - "integrity": "sha512-7sGraGaWzXvCLyxrc7d+CCpUN3fYnkkcso3rCzwUmo/LteAl2ZGCDlGvDD8Y/1D3ngxT8KgDj1DSwOnNewKhmg==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.4.tgz", + "integrity": "sha512-sdDeLNvs3cYeWsEJ4H1DvjOzaGios4QbBTNLVLVs0XQ0V95bffT3+scptzYGPMjm7xv4+qMhCDrkHwhnUySEzA==", "cpu": [ "x64" ], @@ -747,9 +767,9 @@ } }, "node_modules/@tailwindcss/oxide-freebsd-x64": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.3.tgz", - "integrity": "sha512-E2+PbcbzIReaAYZe997wb9rId246yDkCwAakllAWSGqe6VTg9hHle67hfH6ExjpV2LSK/siRzBUs5wVff3RW9w==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.4.tgz", + "integrity": "sha512-VHxAqxqdghM83HslPhRsNhHo91McsxRJaEnShJOMu8mHmEj9Ig7ToHJtDukkuLWLzLboh2XSjq/0zO6wgvykNA==", "cpu": [ "x64" ], @@ -764,9 +784,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.3.tgz", - "integrity": "sha512-GvfbJ8wjSSjbLFFE3UYz4Eh8i4L6GiEYqCtA8j2Zd2oXriPuom/Ah/64pg/szWycQpzRnbDiJozoxFU2oJZyfg==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.4.tgz", + "integrity": "sha512-OTU/m/eV4gQKxy9r5acuesqaymyeSCnsx1cFto/I1WhPmi5HDxX1nkzb8KYBiwkHIGg7CTfo/AcGzoXAJBxLfg==", "cpu": [ "arm" ], @@ -781,9 +801,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.3.tgz", - "integrity": "sha512-35UkuCWQTeG9BHcBQXndDOrpsnt3Pj9NVIB4CgNiKmpG8GnCNXeMczkUpOoqcOhO6Cc/mM2W7kaQ/MTEENDDXg==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.4.tgz", + "integrity": "sha512-hKlLNvbmUC6z5g/J4H+Zx7f7w15whSVImokLPmP6ff1QqTVE+TxUM9PGuNsjHvkvlHUtGTdDnOvGNSEUiXI1Ww==", "cpu": [ "arm64" ], @@ -798,9 +818,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-musl": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.3.tgz", - "integrity": "sha512-dm18aQiML5QCj9DQo7wMbt1Z2tl3Giht54uVR87a84X8qRtuXxUqnKQkRDK5B4bCOmcZ580lF9YcoMkbDYTXHQ==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.4.tgz", + "integrity": "sha512-X3As2xhtgPTY/m5edUtddmZ8rCruvBvtxYLMw9OsZdH01L2gS2icsHRwxdU0dMItNfVmrBezueXZCHxVeeb7Aw==", "cpu": [ "arm64" ], @@ -815,9 +835,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-gnu": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.3.tgz", - "integrity": "sha512-LMdTmGe/NPtGOaOfV2HuO7w07jI3cflPrVq5CXl+2O93DCewADK0uW1ORNAcfu2YxDUS035eY2W38TxrsqngxA==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.4.tgz", + "integrity": "sha512-2VG4DqhGaDSmYIu6C4ua2vSLXnJsb/C9liej7TuSO04NK+JJJgJucDUgmX6sn7Gw3Cs5ZJ9ZLrnI0QRDOjLfNQ==", "cpu": [ "x64" ], @@ -832,9 +852,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-musl": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.3.tgz", - "integrity": "sha512-aalNWwIi54bbFEizwl1/XpmdDrOaCjRFQRgtbv9slWjmNPuJJTIKPHf5/XXDARc9CneW9FkSTqTbyvNecYAEGw==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.4.tgz", + "integrity": "sha512-v+mxVgH2kmur/X5Mdrz9m7TsoVjbdYQT0b4Z+dr+I4RvreCNXyCFELZL/DO0M1RsidZTrm6O1eMnV6zlgEzTMQ==", "cpu": [ "x64" ], @@ -848,10 +868,40 @@ "node": ">= 10" } }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.4.tgz", + "integrity": "sha512-2TLe9ir+9esCf6Wm+lLWTMbgklIjiF0pbmDnwmhR9MksVOq+e8aP3TSsXySnBDDvTTVd/vKu1aNttEGj3P6l8Q==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.4.0", + "@emnapi/runtime": "^1.4.0", + "@emnapi/wasi-threads": "^1.0.1", + "@napi-rs/wasm-runtime": "^0.2.8", + "@tybys/wasm-util": "^0.9.0", + "tslib": "^2.8.0" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.3.tgz", - "integrity": "sha512-PEj7XR4OGTGoboTIAdXicKuWl4EQIjKHKuR+bFy9oYN7CFZo0eu74+70O4XuERX4yjqVZGAkCdglBODlgqcCXg==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.4.tgz", + "integrity": "sha512-VlnhfilPlO0ltxW9/BgfLI5547PYzqBMPIzRrk4W7uupgCt8z6Trw/tAj6QUtF2om+1MH281Pg+HHUJoLesmng==", "cpu": [ "arm64" ], @@ -866,9 +916,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-x64-msvc": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.3.tgz", - "integrity": "sha512-T8gfxECWDBENotpw3HR9SmNiHC9AOJdxs+woasRZ8Q/J4VHN0OMs7F+4yVNZ9EVN26Wv6mZbK0jv7eHYuLJLwA==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.4.tgz", + "integrity": "sha512-+7S63t5zhYjslUGb8NcgLpFXD+Kq1F/zt5Xv5qTv7HaFTG/DHyHD9GA6ieNAxhgyA4IcKa/zy7Xx4Oad2/wuhw==", "cpu": [ "x64" ], @@ -929,13 +979,16 @@ } }, "node_modules/ansi-styles": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", - "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "dev": true, "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, "engines": { - "node": ">=12" + "node": ">=8" }, "funding": { "url": "https://github.com/chalk/ansi-styles?sponsor=1" @@ -1115,22 +1168,6 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, - "node_modules/chalk/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, "node_modules/chalk/node_modules/supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -1201,22 +1238,6 @@ "node": ">=8" } }, - "node_modules/cliui/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, "node_modules/cliui/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -1570,9 +1591,9 @@ } }, "node_modules/esm-import-transformer": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/esm-import-transformer/-/esm-import-transformer-3.0.2.tgz", - "integrity": "sha512-PgvO0wro44lTDM9pYeeOIfpS0lGF80jA+rjT7sBd3b07rxv1AxeNMEI5kSCqRKke2W6SPEz17W3kHOLjaiD7Cw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/esm-import-transformer/-/esm-import-transformer-3.0.3.tgz", + "integrity": "sha512-Wj9kBIA9vKZRYAQzhe229M7wmWb2f3vTu86CkszZUy2/iiVCYljXm/EkwJtWKc0vup30WHhxbm3rpkysBKczxQ==", "dev": true, "license": "MIT", "dependencies": { @@ -2384,9 +2405,9 @@ } }, "node_modules/lightningcss/node_modules/detect-libc": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", - "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz", + "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==", "dev": true, "license": "Apache-2.0", "engines": { @@ -2633,9 +2654,9 @@ "license": "BSD-3-Clause" }, "node_modules/morphdom": { - "version": "2.7.4", - "resolved": "https://registry.npmjs.org/morphdom/-/morphdom-2.7.4.tgz", - "integrity": "sha512-ATTbWMgGa+FaMU3FhnFYB6WgulCqwf6opOll4CBzmVDTLvPMmUPrEv8CudmLPK0MESa64+6B89fWOxP3+YIlxQ==", + "version": "2.7.5", + "resolved": "https://registry.npmjs.org/morphdom/-/morphdom-2.7.5.tgz", + "integrity": "sha512-z6bfWFMra7kBqDjQGHud1LSXtq5JJC060viEkQFMBX6baIecpkNr2Ywrn2OQfWP3rXiNFQRPoFjD8/TvJcWcDg==", "dev": true, "license": "MIT" }, @@ -2664,15 +2685,15 @@ "license": "MIT" }, "node_modules/node-retrieve-globals": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/node-retrieve-globals/-/node-retrieve-globals-6.0.0.tgz", - "integrity": "sha512-VoEp6WMN/JcbBrJr6LnFE11kdzpKiBKNPFrHCEK2GgFWtiYpeL85WgcZpZFFnWxAU0O65+b+ipQAy4Oxy/+Pdg==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/node-retrieve-globals/-/node-retrieve-globals-6.0.1.tgz", + "integrity": "sha512-j0DeFuZ/Wg3VlklfbxUgZF/mdHMTEiEipBb3q0SpMMbHaV3AVfoUQF8UGxh1s/yjqO0TgRZd4Pi/x2yRqoQ4Eg==", "dev": true, "license": "MIT", "dependencies": { - "acorn": "^8.1.3", - "acorn-walk": "^8.3.2", - "esm-import-transformer": "^3.0.2" + "acorn": "^8.14.1", + "acorn-walk": "^8.3.4", + "esm-import-transformer": "^3.0.3" } }, "node_modules/normalize-path": { @@ -3330,9 +3351,9 @@ } }, "node_modules/tailwindcss": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.3.tgz", - "integrity": "sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==", + "version": "4.1.4", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.4.tgz", + "integrity": "sha512-1ZIUqtPITFbv/DxRmDr5/agPqJwF69d24m9qmM1939TJehgY539CtzeZRjbLt5G6fSy/7YqqYsfvoTEw9xUI2A==", "dev": true, "license": "MIT" }, @@ -3473,22 +3494,6 @@ "node": ">=8" } }, - "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "license": "MIT", - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", @@ -3524,6 +3529,19 @@ "node": ">=8" } }, + "node_modules/wrap-ansi/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/ws": { "version": "8.18.1", "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz", diff --git a/package.json b/package.json index 444362c..8a355df 100644 --- a/package.json +++ b/package.json @@ -1,11 +1,25 @@ { + "name": "basecoat", + "version": "0.1.0", + "description": "shadcn/ui for the rest of us", "type": "module", + "files": ["src"], + "exports": "./src/basecoat.css", + "keywords": ["tailwind", "tailwindcss", "css", "components"], + "license": "MIT", + "repository": { + "type": "git", + "url": "git+https://github.com/hunvreus/basecoat.git" + }, + "bugs": { + "url": "https://github.com/hunvreus/basecoat/issues" + }, + "homepage": "https://github.com/hunvreus/basecoat#readme", "scripts": { - "css:dev": "tailwindcss -i ./dist/basecoat.tailwind.css -o ./dist/basecoat.css --watch", - "css:build": "tailwindcss -i ./dist/basecoat.tailwind.css -o ./dist/basecoat.css --minify", + "css:dev": "tailwindcss -i ./docs/styles.css -o ./docs/src/assets/styles.css --watch", "eleventy:serve": "eleventy --serve", "dev": "concurrently \"npm:css:dev\" \"npm:eleventy:serve\"", - "build": "npm run css:build & eleventy" + "build": "tailwindcss -i ./docs/styles.css -o ./docs/src/assets/styles.css --minify && eleventy" }, "devDependencies": { "@11ty/eleventy": "^3.0.0", @@ -15,4 +29,4 @@ "prettier": "^3.5.3", "tailwindcss": "^4.1.3" } -} +} \ No newline at end of file diff --git a/dist/basecoat.tailwind.css b/src/basecoat.css similarity index 98% rename from dist/basecoat.tailwind.css rename to src/basecoat.css index 4a733f2..6001f62 100644 --- a/dist/basecoat.tailwind.css +++ b/src/basecoat.css @@ -1,5 +1,3 @@ -@import "tailwindcss"; - @custom-variant dark (&:is(.dark *)); :root { @@ -121,8 +119,8 @@ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); - --font-sans: 'Inter var', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; - --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; + /* --font-sans: 'Inter var', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; + --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; */ } @layer base { @@ -135,25 +133,21 @@ body { @apply bg-background text-foreground overscroll-none antialiased; } -} + .scrollbar { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); -@utility scrollbar { - scrollbar-width: thin; - scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); - - &::-webkit-scrollbar { - width: var(--scrollbar-width); + &::-webkit-scrollbar { + width: var(--scrollbar-width); + } + &::-webkit-scrollbar-track { + background: var(--scrollbar-track); + } + &::-webkit-scrollbar-thumb { + background: var(--scrollbar-thumb); + border-radius: var(--scrollbar-radius); + } } - &::-webkit-scrollbar-track { - background: var(--scrollbar-track); - } - &::-webkit-scrollbar-thumb { - background: var(--scrollbar-thumb); - border-radius: var(--scrollbar-radius); - } -} - -@layer utilities { /* Alpine.js */ [x-cloak] { display: none !important; diff --git a/styles.css b/styles.css deleted file mode 100644 index 532ec04..0000000 --- a/styles.css +++ /dev/null @@ -1,2 +0,0 @@ -/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */ -@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-leading:initial}}}@layer theme{:root,:host{--font-sans:"Inter var",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-black:#000;--spacing:.25rem;--breakpoint-lg:64rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border);outline-color:color-mix(in srgb,var(--ring)50%,transparent)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}html{scroll-behavior:smooth}body{overscroll-behavior:none;background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components{.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent{height:calc(var(--spacing)*10);cursor:pointer;justify-content:center;align-items:center;column-gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));height:calc(var(--spacing)*9);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-md);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));font-weight:var(--font-weight-medium);white-space:nowrap;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;flex-shrink:0;display:inline-flex}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-background);--tw-outline-style:none;outline-style:none}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent):focus-visible{border-color:var(--color-ring);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in srgb,var(--ring)50%,transparent)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent):focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent):disabled{pointer-events:none;opacity:.5}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent):has(>svg){padding-inline:calc(var(--spacing)*3)}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent)[aria-invalid=true]{border-color:var(--color-destructive);--tw-ring-color:color-mix(in srgb,var(--destructive)20%,transparent)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in srgb,var(--destructive)40%,transparent)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent):is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent) svg{pointer-events:none;flex-shrink:0}:is(.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-accent) svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.btn,.btn-primary{background-color:var(--color-primary);color:var(--color-primary-foreground);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){:is(.btn,.btn-primary):hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary):hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary):is(){background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}:is(.btn,.btn-primary):is(){background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){:is(.btn,.btn-primary):is(){background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}.btn-secondary:hover,.btn-secondary[aria-expanded=true],.btn-secondary[aria-pressed=true]{background-color:color-mix(in srgb,var(--secondary)80%,transparent)}@supports (color:color-mix(in lab, red, red)){:is(.btn-secondary:hover,.btn-secondary[aria-expanded=true],.btn-secondary[aria-pressed=true]){background-color:color-mix(in oklab,var(--color-secondary)80%,transparent)}}.btn-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-background);color:var(--color-foreground)}.btn-outline:hover,.btn-outline[aria-expanded=true],.btn-outline[aria-pressed=true],.btn-ghost:hover,.btn-ghost[aria-expanded=true],.btn-ghost[aria-pressed=true]{background-color:var(--color-muted)}.btn-accent{background-color:var(--color-accent);color:var(--color-accent-foreground)}.btn-accent:hover,.btn-accent[aria-expanded=true],.btn-accent[aria-pressed=true]{background-color:color-mix(in srgb,var(--accent)90%,transparent)}@supports (color:color-mix(in lab, red, red)){:is(.btn-accent:hover,.btn-accent[aria-expanded=true],.btn-accent[aria-pressed=true]){background-color:color-mix(in oklab,var(--color-accent)90%,transparent)}}.btn-danger{background-color:var(--color-red-500);color:var(--color-primary)}.btn-danger:hover,.btn-danger[aria-expanded=true],.btn-danger[aria-pressed=true]{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){:is(.btn-danger:hover,.btn-danger[aria-expanded=true],.btn-danger[aria-pressed=true]){background-color:color-mix(in oklab,var(--color-red-500)90%,transparent)}}input[type=checkbox]{color:#00f;background:#fff;border:none}input[type=checkbox]:after{content:"";vertical-align:middle;background-color:var(--color-blue-500);width:16px;height:16px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fieldset,.form fieldset{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);padding:calc(var(--spacing)*4)}.fieldset>legend,.form fieldset>legend{margin-left:calc(var(--spacing)*-1.5);padding-inline:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:where(.field>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.label,.form label{align-items:center;column-gap:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}.input,.form input,.form select,.form textarea{min-height:calc(var(--spacing)*10);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-background);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:calc(1px*-1);outline-width:1px;outline-color:var(--color-border);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:0;overflow:hidden}:is(.input,.form input,.form select,.form textarea):focus{border-color:var(--color-ring);outline-style:var(--tw-outline-style);outline-offset:calc(2px*-1);outline-width:2px;outline-color:var(--color-primary)}:is(.input,.form input,.form select,.form textarea):disabled{cursor:not-allowed;background-color:var(--color-muted);color:var(--color-muted-foreground)}.input[contenteditable]{align-items:center;display:flex}.input[type=search]::-webkit-search-cancel-button{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);cursor:pointer;appearance:none;opacity:.5;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTBhMGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:16px 16px}@media (hover:hover){.input[type=search]::-webkit-search-cancel-button:hover{opacity:1}}.input[type=search]::-webkit-search-cancel-button:is(.dark *){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg==)}select.input,.form select{cursor:pointer;padding-right:calc(var(--spacing)*9);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhM2EzYTMiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==);background-position:right .75rem center;background-size:16px 16px}:is(select.input,.form select):is(.dark *){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM4YjhiOGIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==)}.input[type=color]{margin:calc(var(--spacing)*0);height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing)*0);border-width:0}.input[type=color]:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-background)}.input[type=color]::-webkit-color-swatch-wrapper{padding:calc(var(--spacing)*0)}.input[type=color]::-webkit-color-swatch{border-style:var(--tw-border-style);border-width:0;border-color:#0000}.input[type=color]::-moz-color-swatch{border-style:var(--tw-border-style);border-width:0;border-color:#0000}.input[type=color]::-ms-color-swatch{border-style:var(--tw-border-style);border-width:0;border-color:#0000}.input[type=color]::-ms-thumb{border-style:var(--tw-border-style);border-width:0;border-color:#0000}.input[type=color]::-ms-track{background-color:var(--color-input)}.input[type=color]::-ms-fill-lower{background-color:var(--color-input)}.input[type=color]::-ms-fill-upper{background-color:var(--color-input)}.input[aria-invalid=true]{outline-style:var(--tw-outline-style);outline-offset:calc(2px*-1);outline-width:2px;outline-color:var(--color-red-500);background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.input[aria-invalid=true]{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.input[aria-invalid=false]{outline-style:var(--tw-outline-style);outline-offset:calc(2px*-1);outline-width:2px;outline-color:var(--color-green-500);background-color:#00c7581a}@supports (color:color-mix(in lab, red, red)){.input[aria-invalid=false]{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.input[type=checkbox]{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);cursor:pointer;border-radius:var(--radius-md);border-color:var(--color-border);background-color:var(--color-input);padding:calc(var(--spacing)*0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-position:50%;background-size:16px 16px}.input[type=checkbox]:checked{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+)}@media (hover:hover){.input[type=checkbox]:hover:checked{border-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=checkbox]:hover:checked{border-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.input[type=checkbox]:hover:checked{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=checkbox]:hover:checked{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}.input[type=checkbox]:focus{--tw-ring-color:var(--color-primary);--tw-ring-offset-color:var(--color-background)}.input[type=checkbox]:is(.dark *):checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwQTBBMEEiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+)}.input[type=checkbox][role=switch]{height:calc(var(--spacing)*5);width:calc(var(--spacing)*9);border-color:var(--color-border);background-color:var(--color-input);padding:calc(var(--spacing)*.5);border-radius:3.40282e38px}.input[type=checkbox][role=switch]:before{content:var(--tw-content);content:var(--tw-content);aspect-ratio:1;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-color:var(--color-primary);content:var(--tw-content);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));content:var(--tw-content);--tw-content:"";content:var(--tw-content);border-radius:3.40282e38px;display:block}.input[type=checkbox][role=switch]:checked{border-color:var(--color-primary);background-color:var(--color-primary);background-image:none}.input[type=checkbox][role=switch]:checked:before{content:var(--tw-content);content:var(--tw-content);background-color:var(--color-background);margin-inline-start:calc(var(--spacing)*4)}@media (hover:hover){.input[type=checkbox][role=switch]:hover:checked{border-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=checkbox][role=switch]:hover:checked{border-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.input[type=checkbox][role=switch]:hover:checked{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=checkbox][role=switch]:hover:checked{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}.input[type=checkbox][role=switch]:focus{--tw-ring-color:var(--color-primary)}.input[type=radio]{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);cursor:pointer;border-color:var(--color-border);background-color:var(--color-input);padding:calc(var(--spacing)*0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-position:50%;background-size:24px 24px}.input[type=radio]:checked{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiNGRkZGRkYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjMiLz48L3N2Zz4=)}@media (hover:hover){.input[type=radio]:hover:checked{border-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=radio]:hover:checked{border-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.input[type=radio]:hover:checked{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=radio]:hover:checked{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}.input[type=radio]:focus{--tw-ring-color:var(--color-primary);--tw-ring-offset-color:var(--color-background)}.input[type=radio]:is(.dark *):checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiMxRjFGMUYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjQiLz48L3N2Zz4=)}.input[type=file]{width:auto;min-width:calc(var(--spacing)*0);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.input[type=file]::file-selector-button{margin-block:calc(var(--spacing)*-2);margin-right:calc(var(--spacing)*3.5);margin-left:calc(var(--spacing)*-3);height:calc(var(--spacing)*10);cursor:pointer;border-block-style:var(--tw-border-style);border-block-width:0;border-right-style:var(--tw-border-style);border-right-width:1px;border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-left-width:0;border-color:var(--color-border);background-color:var(--color-background);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);color:var(--color-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-top-right-radius:0;border-bottom-right-radius:0}@media (hover:hover){.input[type=file]::file-selector-button:hover{background-color:var(--color-muted)}}.input[type=range]{height:calc(var(--spacing)*5);appearance:none;--tw-outline-style:none;background-color:#0000;outline-style:none}.input[type=range]::-webkit-slider-thumb{margin:calc(var(--spacing)*0);margin-top:calc(var(--spacing)*-1.5);height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);cursor:grab;appearance:none;background-color:var(--color-primary);padding:calc(var(--spacing)*0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;border-radius:3.40282e38px;outline-style:none}@media (hover:hover){.input[type=range]::-webkit-slider-thumb:hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=range]::-webkit-slider-thumb:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}.input[type=range]::-webkit-slider-thumb:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input[type=range]:focus::-webkit-slider-thumb{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-background);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.input[type=range]::-webkit-slider-runnable-track{height:calc(var(--spacing)*2);background-color:var(--color-input);border-radius:3.40282e38px}.input[type=range]::-moz-range-thumb{margin:calc(var(--spacing)*0);height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:grab;appearance:none;border-style:var(--tw-border-style);background-color:var(--color-primary);padding:calc(var(--spacing)*0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;border-width:0;border-radius:3.40282e38px;outline-style:none}@media (hover:hover){.input[type=range]::-moz-range-thumb:hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=range]::-moz-range-thumb:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}.input[type=range]::-moz-range-thumb:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input[type=range]:focus::-moz-range-thumb{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-background);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.input[type=range]::-moz-range-track{height:calc(var(--spacing)*2);border-style:var(--tw-border-style);background-color:var(--color-input);border-width:0;border-radius:3.40282e38px}.input[type=range]::-ms-thumb{margin:calc(var(--spacing)*0);height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:grab;appearance:none;border-style:var(--tw-border-style);background-color:var(--color-primary);padding:calc(var(--spacing)*0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;border-width:0;border-radius:3.40282e38px;outline-style:none}@media (hover:hover){.input[type=range]::-ms-thumb:hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.input[type=range]::-ms-thumb:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}.input[type=range]::-ms-thumb:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input[type=range]:focus::-ms-thumb{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-background);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.input[type=range]::-ms-track{height:calc(var(--spacing)*2);border-style:var(--tw-border-style);background-color:var(--color-input);color:#0000;border-width:0;border-radius:3.40282e38px}.input[type=range]::-ms-fill-lower{background-color:var(--color-primary);border-radius:3.40282e38px}.input[type=range]::-ms-fill-upper{background-color:var(--color-input);border-radius:3.40282e38px}.input[type=date]::-webkit-calendar-picker-indicator{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.input[type=date]::-webkit-calendar-picker-indicator:is(.dark *){opacity:.7;--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.input[type=date]::-webkit-calendar-picker-indicator:hover:is(.dark *){opacity:1}}.input[type=date]::-moz-calendar-picker-indicator{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.input[type=date]::-moz-calendar-picker-indicator:is(.dark *){opacity:.7;--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.input[type=date]::-moz-calendar-picker-indicator:hover:is(.dark *){opacity:1}}.input[type=date]::-ms-clear{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.input[type=date]::-ms-clear:is(.dark *){opacity:.7;--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.input[type=date]::-ms-clear:hover:is(.dark *){opacity:1}}.input[type=date]::-ms-reveal{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.input[type=date]::-ms-reveal:is(.dark *){opacity:.7;--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.input[type=date]::-ms-reveal:hover:is(.dark *){opacity:1}}.h1,.h2,.h3,.h4,.h5,.h6{--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.h3{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.h4,.h5,.h6{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.link{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-accent)}@media (hover:hover){.link:hover{text-decoration-line:underline}}.code{border-radius:var(--radius-md);background-color:var(--color-muted);padding-inline:calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.code-block{border-radius:var(--radius-md);border-color:var(--color-border);background-color:var(--color-muted)}.code-block code{padding:calc(var(--spacing)*4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:inline-block}.quote{border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-border);padding-left:calc(var(--spacing)*4)}.ordered-list,.unordered-list ol,.ordered-list ol{padding-inline-start:calc(var(--spacing)*6);list-style-type:decimal;list-style-position:outside}.unordered-list,.unordered-list ul,.ordered-list ul{padding-inline-start:calc(var(--spacing)*6);list-style-type:disc;list-style-position:outside}.prose>:first-child{margin-top:calc(var(--spacing)*0)!important}.prose>:last-child{margin-bottom:calc(var(--spacing)*0)!important}.table{text-align:left}.table tr:hover{background-color:color-mix(in srgb,var(--muted)50%,transparent)}@supports (color:color-mix(in lab, red, red)){.table tr:hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.table th,.table td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}.table thead th{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.table tbody th,.table tfoot th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.table tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}[role=dialog]{visibility:hidden;inset:calc(var(--spacing)*0);z-index:50;opacity:0;height:100vh;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){[role=dialog]{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}[role=dialog]:not([inert]),[role=dialog][inert=false]{visibility:visible;opacity:1}[role=dialog]>article{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;max-height:90vh;scale:var(--tw-scale-x)var(--tw-scale-y);border-radius:var(--radius-lg);background-color:var(--color-background);padding:calc(var(--spacing)*4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:column;display:flex}[role=dialog]:not([inert])>article,[role=dialog][inert=false]>article{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}[role=dialog]>article>header{justify-content:space-between;align-items:center;column-gap:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);display:flex}[role=dialog]>article>header>h2{margin:calc(var(--spacing)*0);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}[role=dialog]>article>header>button{opacity:.5;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){[role=dialog]>article>header>button:hover{opacity:1}}[role=dialog]>article>main{margin-inline:calc(var(--spacing)*-4);padding-inline:calc(var(--spacing)*4);flex:1;overflow-y:auto}[role=dialog]>article>footer{justify-content:flex-end;align-items:center;column-gap:calc(var(--spacing)*2);padding-top:calc(var(--spacing)*4);display:flex}.dropdown{display:inline-block;position:relative}.dropdown [role=menu]{visibility:visible;z-index:10;margin-top:calc(var(--spacing)*1);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;width:max-content;scale:var(--tw-scale-x)var(--tw-scale-y);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-background);padding:calc(var(--spacing)*1);opacity:1;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute}.dropdown [role=menu][aria-hidden=true]{visibility:hidden;margin-top:calc(var(--spacing)*-1);--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}.dropdown [role=menu]:not([data-menu-position]),.dropdown [role=menu][data-menu-position=bottom],.dropdown [role=menu][data-menu-position=right],.dropdown [role=menu][data-menu-position=bottom-right]{right:calc(var(--spacing)*0)}.dropdown [role=menu][data-menu-position=left],.dropdown [role=menu][data-menu-position=bottom-left]{left:calc(var(--spacing)*0)}.dropdown [role=menuitem]{justify-content:flex-start;align-items:center;column-gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);width:100%;padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1.5);white-space:nowrap;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}@media (hover:hover){.dropdown [role=menuitem]:hover{background-color:var(--color-muted);text-decoration-line:none}}.dropdown [role=menuitem]:focus{background-color:var(--color-muted);--tw-outline-style:none;outline-style:none}.dropdown [role=separator]{margin-inline:calc(var(--spacing)*-1);margin-block:calc(var(--spacing)*1);border-color:var(--color-border)}.toasts{pointer-events:none;right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);z-index:100;max-width:var(--container-sm);padding:calc(var(--spacing)*6);position:fixed}:where(.toasts>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.toasts>[role=alert],.toasts>[role=status]{transition-behavior:allow-discrete;pointer-events:auto;justify-content:space-between;align-items:flex-start;column-gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-background);padding:calc(var(--spacing)*4);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;flex-direction:row-reverse;display:flex}.toasts>[aria-hidden=true]{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:none}.toasts>[role=alert]>button,.toasts>[role=status]>button{padding-block:calc(var(--spacing)*.5);opacity:.5;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){:is(.toasts>[role=alert]>button,.toasts>[role=status]>button):hover{opacity:1}}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;visibility:hidden;z-index:10;max-width:var(--container-xs);--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-lg);background-color:var(--color-foreground);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-background);opacity:0;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:attr(data-tooltip);content:var(--tw-content);position:absolute;overflow:hidden}[data-tooltip]:hover:before{visibility:visible;--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}:is([data-tooltip]:not([data-tooltip-position]),[data-tooltip][data-tooltip-position=top]):before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-bottom:calc(var(--spacing)*1);content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y);bottom:100%;left:50%}@media (hover:hover){:is([data-tooltip]:not([data-tooltip-position]),[data-tooltip][data-tooltip-position=top]):hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-tooltip-position=top-left]:before{content:var(--tw-content);content:var(--tw-content);bottom:100%;left:calc(var(--spacing)*0);content:var(--tw-content);margin-bottom:calc(var(--spacing)*1);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (hover:hover){[data-tooltip][data-tooltip-position=top-left]:hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-tooltip-position=top-right]:before{content:var(--tw-content);right:calc(var(--spacing)*0);content:var(--tw-content);content:var(--tw-content);margin-bottom:calc(var(--spacing)*1);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y);bottom:100%}@media (hover:hover){[data-tooltip][data-tooltip-position=top-right]:hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-tooltip-position=bottom]:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-top:calc(var(--spacing)*1);content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:100%;left:50%}@media (hover:hover){[data-tooltip][data-tooltip-position=bottom]:hover:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-tooltip-position=left]:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-right:calc(var(--spacing)*1);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y);content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:50%;right:100%}@media (hover:hover){[data-tooltip][data-tooltip-position=left]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}[data-tooltip][data-tooltip-position=right]:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);margin-left:calc(var(--spacing)*1);content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y);content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:50%;left:100%}@media (hover:hover){[data-tooltip][data-tooltip-position=right]:hover:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}details::details-content{transition-behavior:allow-discrete;opacity:0;block-size:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:block}details[open]::details-content{block-size:auto;block-size:calc-size(auto,size);opacity:1}details>summary{cursor:pointer;justify-content:flex-start;align-items:center;column-gap:calc(var(--spacing)*2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-background);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}details>summary:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-background);--tw-outline-style:none;outline-style:none}details[open]>summary{border-bottom-right-radius:0;border-bottom-left-radius:0}details>summary:hover{background-color:var(--color-muted)}details>summary:before{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:"";content:var(--tw-content);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTBhMGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBkPSJtOSAxOCA2LTYtNi02Ii8+PC9zdmc+);background-position:50%;background-size:16px 16px}details>summary:before:is(){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBkPSJtOSAxOCA2LTYtNi02Ii8+PC9zdmc+)}details[open]>summary:before{rotate:90deg}details>div{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);border-inline-style:var(--tw-border-style);border-inline-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding:calc(var(--spacing)*3)}ul[role=tablist]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);align-items:center;display:flex}ul[role=tablist] li{align-items:center;column-gap:calc(var(--spacing)*2);margin-bottom:-1px;display:flex}ul[role=tablist] li [role=tab]{align-items:center;column-gap:calc(var(--spacing)*2);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-color:#0000;border-bottom-width:2px;display:flex}@media (hover:hover){ul[role=tablist] li [role=tab]:hover{color:var(--color-foreground)}}ul[role=tablist] li [role=tab][aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-foreground)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing)*-2)}.-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-3\.5{margin-right:calc(var(--spacing)*3.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.-ml-3{margin-left:calc(var(--spacing)*-3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-10{min-height:calc(var(--spacing)*10)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-auto{width:auto}.w-full{width:100%}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-none{overscroll-behavior:none}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y-0{border-block-style:var(--tw-border-style);border-block-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-solid{--tw-border-style:solid;border-style:solid}.border-border{border-color:var(--color-border)}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-foreground{background-color:var(--color-foreground)}.bg-input{background-color:var(--color-input)}.bg-muted{background-color:var(--color-muted)}.bg-primary{background-color:var(--color-primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTBhMGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteCI\+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg\=\=\"\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTBhMGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg==)}.bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhM2EzYTMiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg\=\=\"\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNhM2EzYTMiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==)}.bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTBhMGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBkPSJtOSAxOCA2LTYtNi02Ii8\+PC9zdmc\+\"\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTBhMGEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBkPSJtOSAxOCA2LTYtNi02Ii8+PC9zdmc+)}.bg-\[length\:16px_16px\]{background-size:16px 16px}.bg-\[length\:24px_24px\]{background-size:24px 24px}.bg-\[right_0\.75rem_center\]{background-position:right .75rem center}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-nowrap{text-wrap:nowrap}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-background{color:var(--color-background)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary-foreground{color:var(--color-primary-foreground)}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary{--tw-ring-color:var(--color-primary)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.-outline-offset-1{outline-offset:calc(1px*-1)}.-outline-offset-2{outline-offset:calc(2px*-1)}.outline-border{outline-color:var(--color-border)}.outline-green-500{outline-color:var(--color-green-500)}.outline-red-500{outline-color:var(--color-red-500)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.content-\[\'\'\]{--tw-content:"";content:var(--tw-content)}.content-\[attr\(data-tooltip\)\]{--tw-content:attr(data-tooltip);content:var(--tw-content)}.outline-none{--tw-outline-style:none;outline-style:none}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:top-full:before{content:var(--tw-content);top:100%}.before\:right-0:before{content:var(--tw-content);right:calc(var(--spacing)*0)}.before\:right-full:before{content:var(--tw-content);right:100%}.before\:bottom-full:before{content:var(--tw-content);bottom:100%}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:left-full:before{content:var(--tw-content);left:100%}.before\:mt-1:before{content:var(--tw-content);margin-top:calc(var(--spacing)*1)}.before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--spacing)*1)}.before\:mb-1:before{content:var(--tw-content);margin-bottom:calc(var(--spacing)*1)}.before\:ml-1:before{content:var(--tw-content);margin-left:calc(var(--spacing)*1)}.before\:block:before{content:var(--tw-content);display:block}.before\:aspect-square:before{content:var(--tw-content);aspect-ratio:1}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:-translate-x-2:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:translate-x-2:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:-translate-y-1:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:translate-y-1:before{content:var(--tw-content);--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:bg-primary:before{content:var(--tw-content);background-color:var(--color-primary)}.before\:shadow:before{content:var(--tw-content);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:content-\[\'\'\]:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.checked\:border-primary:checked{border-color:var(--color-primary)}.checked\:bg-primary:checked{background-color:var(--color-primary)}.checked\:bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiNGRkZGRkYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjMiLz48L3N2Zz4\=\"\)\]:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiNGRkZGRkYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjMiLz48L3N2Zz4=)}.checked\:bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjayI\+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8\+PC9zdmc\+\"\)\]:checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+)}.checked\:bg-none:checked{background-image:none}.checked\:before\:ms-4:checked:before{content:var(--tw-content);margin-inline-start:calc(var(--spacing)*4)}.checked\:before\:bg-background:checked:before{content:var(--tw-content);background-color:var(--color-background)}@media (hover:hover){.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary\/90:hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:checked\:border-primary\/90:hover:checked{border-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:checked\:border-primary\/90:hover:checked{border-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:checked\:bg-primary\/90:hover:checked{background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:checked\:bg-primary\/90:hover:checked{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}}.focus\:border-ring:focus{border-color:var(--color-ring)}.focus\:bg-muted:focus{background-color:var(--color-muted)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-background:focus{--tw-ring-offset-color:var(--color-background)}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:-outline-offset-2:focus{outline-offset:calc(2px*-1)}.focus\:outline-primary:focus{outline-color:var(--color-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-ring:focus-visible{border-color:var(--color-ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in srgb,var(--ring)50%,transparent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted:disabled{background-color:var(--color-muted)}.disabled\:text-muted-foreground:disabled{color:var(--color-muted-foreground)}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--color-destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in srgb,var(--destructive)20%,transparent)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.dark\:bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM4YjhiOGIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg\=\=\"\)\]:is(.dark *){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM4YjhiOGIiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==)}.dark\:bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteCI\+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg\=\=\"\)\]:is(.dark *){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg==)}.dark\:bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBkPSJtOSAxOCA2LTYtNi02Ii8\+PC9zdmc\+\"\)\]:is(.dark *){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLXJpZ2h0Ij48cGF0aCBkPSJtOSAxOCA2LTYtNi02Ii8+PC9zdmc+)}.dark\:opacity-70:is(.dark *){opacity:.7}.dark\:invert:is(.dark *){--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.dark\:checked\:bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiMxRjFGMUYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjQiLz48L3N2Zz4\=\"\)\]:is(.dark *):checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiMxRjFGMUYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjQiLz48L3N2Zz4=)}.dark\:checked\:bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwQTBBMEEiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjayI\+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8\+PC9zdmc\+\"\)\]:is(.dark *):checked{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwQTBBMEEiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+)}@media (hover:hover){.hover\:dark\:opacity-100:hover:is(.dark *){opacity:1}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in srgb,var(--destructive)40%,transparent)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[aria-expanded\=\"true\"\]\:bg-primary\/90:is(){background-color:color-mix(in srgb,var(--primary)90%,transparent)}@supports (color:color-mix(in lab, red, red)){.\[aria-expanded\=\"true\"\]\:bg-primary\/90:is(){background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.scrollbar ::-webkit-scrollbar{width:5px}.scrollbar ::-webkit-scrollbar-track{background:0 0}.scrollbar ::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:5px}.scrollbar *{scrollbar-width:thin;scrollbar-color:hsl(var(--border))transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}[x-cloak]{display:none!important}.htmx-indicator{transition-behavior:allow-discrete;visibility:hidden;opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.htmx-indicator:not(.htmx-request){display:none}.htmx-request,.htmx-request.htmx-indicator{visibility:visible;opacity:1}}:root{--radius:.625rem;--background:oklch(1 0 0);--foreground:oklch(.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(.145 0 0);--primary:oklch(.205 0 0);--primary-foreground:oklch(.985 0 0);--secondary:oklch(.97 0 0);--secondary-foreground:oklch(.205 0 0);--muted:oklch(.97 0 0);--muted-foreground:oklch(.556 0 0);--accent:oklch(.97 0 0);--accent-foreground:oklch(.205 0 0);--destructive:oklch(.577 .245 27.325);--border:oklch(.922 0 0);--input:oklch(.922 0 0);--ring:oklch(.708 0 0);--chart-1:oklch(.646 .222 41.116);--chart-2:oklch(.6 .118 184.704);--chart-3:oklch(.398 .07 227.392);--chart-4:oklch(.828 .189 84.429);--chart-5:oklch(.769 .188 70.08);--sidebar:oklch(.985 0 0);--sidebar-foreground:oklch(.145 0 0);--sidebar-primary:oklch(.205 0 0);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.97 0 0);--sidebar-accent-foreground:oklch(.205 0 0);--sidebar-border:oklch(.922 0 0);--sidebar-ring:oklch(.708 0 0)}.dark{--background:oklch(.145 0 0);--foreground:oklch(.985 0 0);--card:oklch(.205 0 0);--card-foreground:oklch(.985 0 0);--popover:oklch(.269 0 0);--popover-foreground:oklch(.985 0 0);--primary:oklch(.922 0 0);--primary-foreground:oklch(.205 0 0);--secondary:oklch(.269 0 0);--secondary-foreground:oklch(.985 0 0);--muted:oklch(.269 0 0);--muted-foreground:oklch(.708 0 0);--accent:oklch(.371 0 0);--accent-foreground:oklch(.985 0 0);--destructive:oklch(.704 .191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(.556 0 0);--chart-1:oklch(.488 .243 264.376);--chart-2:oklch(.696 .17 162.48);--chart-3:oklch(.769 .188 70.08);--chart-4:oklch(.627 .265 303.9);--chart-5:oklch(.645 .246 16.439);--sidebar:oklch(.205 0 0);--sidebar-foreground:oklch(.985 0 0);--sidebar-primary:oklch(.488 .243 264.376);--sidebar-primary-foreground:oklch(.985 0 0);--sidebar-accent:oklch(.269 0 0);--sidebar-accent-foreground:oklch(.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(.439 0 0)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false} \ No newline at end of file