@vritti/quantum-ui 0.3.3 → 0.3.5

package/dist/assets/quantum-ui.css

@@ -881,6 +881,301 @@ svg.react-flow__connectionline {
 .Collapsible__container[open] >.Collapsible__title {
   list-style-type: disclosure-open;
 }
+
+@layer theme, base, components, utilities;
+/**
+ * quantum-ui CSS — theme tokens + component styles (the @theme DIRECTIVE).
+ *
+ * This file deliberately does NOT import tailwindcss, so the `@theme inline`
+ * block below survives into the shipped CSS as a real directive — the consuming
+ * app's Tailwind reads it to register tokens (so e.g. `@apply border-border`
+ * and `bg-primary` work in consumer code).
+ *
+ * The compiled component utilities live in ./utilities.css; the build bundles
+ * both into the same emitted quantum-ui.css (cssCodeSplit: false), so consumers
+ * still import just this one file:
+ *   @import 'tailwindcss';
+ *   @import '@vritti/quantum-ui/index.css';
+ */
+/**
+ * Canonical cascade-layer order, declared at the very top of the shipped CSS.
+ * This file ships a compiled `@layer utilities` block (from ./utilities.css) but
+ * never declares `base`/`components` itself. Without this statement, a consuming
+ * app's Tailwind can register `utilities` BEFORE `base`, so preflight's reset
+ * (e.g. `border-width: 0`) overrides our component utilities — borders/shadows
+ * vanish. Declaring the order here locks `base` before `utilities` for consumers.
+ */
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.2302 0.0547 256.1829);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.2302 0.0547 256.1829);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.2302 0.0547 256.1829);
+  --primary: oklch(0.5789 0.1833 256.2496);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.9732 0.0131 251.5574);
+  --secondary-foreground: oklch(0.5789 0.1833 256.2496);
+  --muted: oklch(0.9802 0.0068 247.8944);
+  --muted-foreground: oklch(0.5435 0.0511 251.7257);
+  --accent: oklch(0.9512 0.0194 252.879);
+  --accent-foreground: oklch(0.5789 0.1833 256.2496);
+  --destructive: oklch(0.5771 0.2152 27.325);
+  --destructive-foreground: oklch(1 0 0);
+  --warning: oklch(0.75 0.15 85);
+  --warning-foreground: oklch(0.2302 0.0547 256.1829);
+  --success: oklch(0.65 0.15 145);
+  --success-foreground: oklch(1 0 0);
+  --info: oklch(0.65 0.15 200);
+  --info-foreground: oklch(1 0 0);
+  --border: oklch(0.9467 0.0207 248.0465);
+  --input: oklch(0.9467 0.0207 248.0465);
+  --ring: oklch(0.5789 0.1833 256.2496);
+  --chart-1: oklch(0.5789 0.1833 256.2496);
+  --chart-2: oklch(0.6856 0.1417 256.6754);
+  --chart-3: oklch(0.7729 0.1535 163.2231);
+  --chart-4: oklch(0.8369 0.1644 84.4286);
+  --chart-5: oklch(0.6368 0.2078 25.3313);
+  --sidebar: oklch(0.985 0.006 248);
+  --sidebar-foreground: oklch(0.2302 0.0547 256.1829);
+  --sidebar-primary: oklch(0.2302 0.0547 256.1829);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.926 0.037 248);
+  --sidebar-accent-foreground: oklch(0.2302 0.0547 256.1829);
+  --sidebar-border: oklch(0.9467 0.0207 248.0465);
+  --sidebar-ring: oklch(0.5789 0.1833 256.2496);
+  --font-sans: "IBM Plex Sans", sans-serif;
+  --font-serif: "Playfair Display", serif;
+  --font-mono: "JetBrains Mono", monospace;
+  --radius: 0.75rem;
+  --shadow-x: 0rem;
+  --shadow-y: 0.5rem;
+  --shadow-blur: 1rem;
+  --shadow-spread: 0rem;
+  --shadow-opacity: 0.04;
+  --shadow-color: #0a1d36;
+  --shadow-2xs: 0 1px 2px 0 hsl(214.0909 68.7500% 12.5490% / 0.03);
+  --shadow-xs: 0 1px 3px 0 hsl(214.0909 68.7500% 12.5490% / 0.04);
+  --shadow-sm: 0 1px 2px 0 hsl(214.0909 68.7500% 12.5490% / 0.04), 0 1px 3px 0 hsl(214.0909 68.7500% 12.5490% / 0.03);
+  --shadow: 0 1px 3px 0 hsl(214.0909 68.7500% 12.5490% / 0.05), 0 1px 2px -1px hsl(214.0909 68.7500% 12.5490% / 0.04);
+  --shadow-md:
+    0 4px 6px -1px hsl(214.0909 68.7500% 12.5490% / 0.05), 0 2px 4px -2px hsl(214.0909 68.7500% 12.5490% / 0.04);
+  --shadow-lg:
+    0 10px 15px -3px hsl(214.0909 68.7500% 12.5490% / 0.05), 0 4px 6px -4px hsl(214.0909 68.7500% 12.5490% / 0.04);
+  --shadow-xl:
+    0 20px 25px -5px hsl(214.0909 68.7500% 12.5490% / 0.05), 0 8px 10px -6px hsl(214.0909 68.7500% 12.5490% / 0.04);
+  --shadow-2xl: 0 25px 50px -12px hsl(214.0909 68.7500% 12.5490% / 0.15);
+  --tracking-normal: 0.01em;
+  --spacing: 0.25rem;
+}
+.dark {
+  --background: oklch(0.1288 0.008 264.6952);
+  --foreground: oklch(0.9842 0.0034 247.8575);
+  --card: oklch(0.2077 0.008 265.7549);
+  --card-foreground: oklch(0.9842 0.0034 247.8575);
+  --popover: oklch(0.1288 0.008 264.6952);
+  --popover-foreground: oklch(0.9842 0.0034 247.8575);
+  --primary: oklch(0.49 0.188 259.8145);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.2795 0.01 260.031);
+  --secondary-foreground: oklch(0.9842 0.0034 247.8575);
+  --muted: oklch(0.2077 0.008 265.7549);
+  --muted-foreground: oklch(0.7107 0.015 256.7878);
+  --accent: oklch(0.2795 0.01 260.031);
+  --accent-foreground: oklch(0.9842 0.0034 247.8575);
+  --destructive: oklch(0.6368 0.2078 25.3313);
+  --destructive-foreground: oklch(1 0 0);
+  --warning: oklch(0.8 0.16 90);
+  --warning-foreground: oklch(0.1288 0.008 264.6952);
+  --success: oklch(0.7 0.16 150);
+  --success-foreground: oklch(0.1288 0.008 264.6952);
+  --info: oklch(0.72 0.15 200);
+  --info-foreground: oklch(0.1288 0.008 264.6952);
+  --border: oklch(0.2795 0.01 260.031);
+  --input: oklch(0.2795 0.01 260.031);
+  --ring: oklch(0.49 0.188 259.8145);
+  --chart-1: oklch(0.49 0.188 259.8145);
+  --chart-2: oklch(0.7137 0.1434 254.624);
+  --chart-3: oklch(0.6731 0.1624 144.2083);
+  --chart-4: oklch(0.8442 0.1722 84.9338);
+  --chart-5: oklch(0.6083 0.209 27.0276);
+  --sidebar: oklch(0.1288 0.008 264.6952);
+  --sidebar-foreground: oklch(0.9842 0.0034 247.8575);
+  --sidebar-primary: oklch(0.49 0.188 259.8145);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.2795 0.01 260.031);
+  --sidebar-accent-foreground: oklch(0.9842 0.0034 247.8575);
+  --sidebar-border: oklch(0.2795 0.01 260.031);
+  --sidebar-ring: oklch(0.49 0.188 259.8145);
+  --font-sans: "IBM Plex Sans", sans-serif;
+  --font-serif: "Playfair Display", serif;
+  --font-mono: "JetBrains Mono", monospace;
+  --radius: 0.75rem;
+  --shadow-x: 0rem;
+  --shadow-y: 0.5rem;
+  --shadow-blur: 1.25rem;
+  --shadow-spread: 0.25rem;
+  --shadow-opacity: 0.35;
+  --shadow-color: #000000;
+  --shadow-2xs: 0rem 0.5rem 1.25rem 0.25rem hsl(0 0% 0% / 0.17);
+  --shadow-xs: 0rem 0.5rem 1.25rem 0.25rem hsl(0 0% 0% / 0.17);
+  --shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / 0.15), 0 1px 2px -1px hsl(0 0% 0% / 0.15);
+  --shadow: 0rem 0.5rem 1.25rem 0.25rem hsl(0 0% 0% / 0.35), 0rem 1px 2px -0.75px hsl(0 0% 0% / 0.35);
+  --shadow-md: 0rem 0.5rem 1.25rem 0.25rem hsl(0 0% 0% / 0.35), 0rem 2px 4px -0.75px hsl(0 0% 0% / 0.35);
+  --shadow-lg: 0rem 0.5rem 1.25rem 0.25rem hsl(0 0% 0% / 0.35), 0rem 4px 6px -0.75px hsl(0 0% 0% / 0.35);
+  --shadow-xl: 0rem 0.5rem 1.25rem 0.25rem hsl(0 0% 0% / 0.35), 0rem 8px 10px -0.75px hsl(0 0% 0% / 0.35);
+  --shadow-2xl: 0rem 0.5rem 1.25rem 0.25rem hsl(0 0% 0% / 0.88);
+}
+@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-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-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);
+
+  --tracking-tighter: calc(var(--tracking-normal) - 0.05em);
+  --tracking-tight: calc(var(--tracking-normal) - 0.025em);
+  --tracking-normal: var(--tracking-normal);
+  --tracking-wide: calc(var(--tracking-normal) + 0.025em);
+  --tracking-wider: calc(var(--tracking-normal) + 0.05em);
+  --tracking-widest: calc(var(--tracking-normal) + 0.1em);
+}
+body {
+  letter-spacing: var(--tracking-normal);
+}
+/* PhoneInput flag sizing overrides for h-9 (36px) container */
+.PhoneInput {
+  --PhoneInputCountryFlag-height: 1rem;
+}
+.PhoneInputCountryIcon {
+  max-width: 1rem;
+  max-height: 1rem;
+}
+/* Loading animation for skeleton progress bars */
+@keyframes loading {
+  0% {
+    width: 0%;
+  }
+  50% {
+    width: 70%;
+  }
+  100% {
+    width: 100%;
+  }
+}
+/* Sonner Toast Styling */
+[data-sonner-toaster] [data-sonner-toast] {
+  background-color: var(--card);
+  color: var(--card-foreground);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+}
+[data-sonner-toaster] [data-sonner-toast] [data-description] {
+  color: var(--muted-foreground);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="success"] {
+  border-left: 4px solid var(--success);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="error"] {
+  border-left: 4px solid var(--destructive);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="warning"] {
+  border-left: 4px solid var(--warning);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="info"] {
+  border-left: 4px solid var(--info);
+}
+[data-sonner-toaster] [data-sonner-toast][data-type="loading"] {
+  border-left: 4px solid var(--primary);
+}
+/* Theme-aware scrollbar styling */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
+}
+*::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: var(--border);
+  border-radius: 3px;
+}
+*::-webkit-scrollbar-thumb:hover {
+  background-color: var(--muted-foreground);
+}
+/* Override browser autofill styles */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+textarea:-webkit-autofill:active,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus,
+select:-webkit-autofill:active {
+  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
+  -webkit-text-fill-color: var(--foreground) !important;
+  caret-color: var(--foreground) !important;
+  transition: background-color 5000s ease-in-out 0s;
+}
 /*! tailwindcss v4.2.1 | 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)))) {
@@ -952,101 +1247,7 @@ svg.react-flow__connectionline {
   }
 }
 
-@layer theme {
-  :root, :host {
-    --font-sans: var(--font-sans);
-    --font-serif: var(--font-serif);
-    --font-mono: var(--font-mono);
-    --color-red-600: oklch(57.7% .245 27.325);
-    --color-yellow-100: oklch(97.3% .071 103.193);
-    --color-yellow-200: oklch(94.5% .129 101.54);
-    --color-yellow-400: oklch(85.2% .199 91.936);
-    --color-yellow-500: oklch(79.5% .184 86.047);
-    --color-yellow-600: oklch(68.1% .162 75.834);
-    --color-yellow-800: oklch(47.6% .114 61.907);
-    --color-yellow-900: oklch(42.1% .095 57.708);
-    --color-green-100: oklch(96.2% .044 156.743);
-    --color-green-200: oklch(92.5% .084 155.995);
-    --color-green-400: oklch(79.2% .209 151.711);
-    --color-green-500: oklch(72.3% .219 149.579);
-    --color-green-600: oklch(62.7% .194 149.214);
-    --color-green-800: oklch(44.8% .119 151.328);
-    --color-green-900: oklch(39.3% .095 152.535);
-    --color-blue-50: oklch(97% .014 254.604);
-    --color-blue-100: oklch(93.2% .032 255.585);
-    --color-blue-400: oklch(70.7% .165 254.624);
-    --color-blue-600: oklch(54.6% .245 262.881);
-    --color-blue-700: oklch(48.8% .243 264.376);
-    --color-blue-800: oklch(42.4% .199 265.638);
-    --color-blue-900: oklch(37.9% .146 265.522);
-    --color-blue-950: oklch(28.2% .091 267.935);
-    --color-purple-600: oklch(55.8% .288 302.321);
-    --color-purple-900: oklch(38.1% .176 304.987);
-    --color-gray-100: oklch(96.7% .003 264.542);
-    --color-gray-500: oklch(55.1% .027 264.364);
-    --color-black: #000;
-    --color-white: #fff;
-    --spacing: .25rem;
-    --container-sm: 24rem;
-    --container-md: 28rem;
-    --container-lg: 32rem;
-    --container-2xl: 42rem;
-    --container-3xl: 48rem;
-    --container-4xl: 56rem;
-    --container-6xl: 72rem;
-    --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);
-    --text-3xl: 1.875rem;
-    --text-3xl--line-height: calc(2.25 / 1.875);
-    --text-4xl: 2.25rem;
-    --text-4xl--line-height: calc(2.5 / 2.25);
-    --text-5xl: 3rem;
-    --text-5xl--line-height: 1;
-    --font-weight-normal: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-    --font-weight-extrabold: 800;
-    --tracking-normal: var(--tracking-normal);
-    --leading-snug: 1.375;
-    --leading-normal: 1.5;
-    --radius-xs: .125rem;
-    --radius-md: calc(var(--radius) - 2px);
-    --radius-2xl: 1rem;
-    --shadow-2xs: var(--shadow-2xs);
-    --shadow-xs: var(--shadow-xs);
-    --shadow-sm: var(--shadow-sm);
-    --shadow-md: var(--shadow-md);
-    --shadow-lg: var(--shadow-lg);
-    --shadow-xl: var(--shadow-xl);
-    --shadow-2xl: var(--shadow-2xl);
-    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
-    --animate-spin: spin 1s linear infinite;
-    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
-    --blur-sm: 8px;
-    --aspect-video: 16 / 9;
-    --default-transition-duration: .15s;
-    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-    --shadow: var(--shadow);
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-    --color-card: var(--card);
-    --color-accent: var(--accent);
-    --color-border: var(--border);
-  }
-}
-
-@layer base, components;
+@layer theme;
 
 @layer utilities {
   .\@container\/card-header {
@@ -6760,291 +6961,6 @@ svg.react-flow__connectionline {
   }
 }
 
-:root {
-  --background: oklch(100% 0 0);
-  --foreground: oklch(23.02% .0547 256.183);
-  --card: oklch(100% 0 0);
-  --card-foreground: oklch(23.02% .0547 256.183);
-  --popover: oklch(100% 0 0);
-  --popover-foreground: oklch(23.02% .0547 256.183);
-  --primary: oklch(57.89% .1833 256.25);
-  --primary-foreground: oklch(100% 0 0);
-  --secondary: oklch(97.32% .0131 251.557);
-  --secondary-foreground: oklch(57.89% .1833 256.25);
-  --muted: oklch(98.02% .0068 247.894);
-  --muted-foreground: oklch(54.35% .0511 251.726);
-  --accent: oklch(95.12% .0194 252.879);
-  --accent-foreground: oklch(57.89% .1833 256.25);
-  --destructive: oklch(57.71% .2152 27.325);
-  --destructive-foreground: oklch(100% 0 0);
-  --warning: oklch(75% .15 85);
-  --warning-foreground: oklch(23.02% .0547 256.183);
-  --success: oklch(65% .15 145);
-  --success-foreground: oklch(100% 0 0);
-  --info: oklch(65% .15 200);
-  --info-foreground: oklch(100% 0 0);
-  --border: oklch(94.67% .0207 248.047);
-  --input: oklch(94.67% .0207 248.047);
-  --ring: oklch(57.89% .1833 256.25);
-  --chart-1: oklch(57.89% .1833 256.25);
-  --chart-2: oklch(68.56% .1417 256.675);
-  --chart-3: oklch(77.29% .1535 163.223);
-  --chart-4: oklch(83.69% .1644 84.4286);
-  --chart-5: oklch(63.68% .2078 25.3313);
-  --sidebar: oklch(98.5% .006 248);
-  --sidebar-foreground: oklch(23.02% .0547 256.183);
-  --sidebar-primary: oklch(23.02% .0547 256.183);
-  --sidebar-primary-foreground: oklch(100% 0 0);
-  --sidebar-accent: oklch(92.6% .037 248);
-  --sidebar-accent-foreground: oklch(23.02% .0547 256.183);
-  --sidebar-border: oklch(94.67% .0207 248.047);
-  --sidebar-ring: oklch(57.89% .1833 256.25);
-  --font-sans: "IBM Plex Sans", sans-serif;
-  --font-serif: "Playfair Display", serif;
-  --font-mono: "JetBrains Mono", monospace;
-  --radius: .75rem;
-  --shadow-x: 0rem;
-  --shadow-y: .5rem;
-  --shadow-blur: 1rem;
-  --shadow-spread: 0rem;
-  --shadow-opacity: .04;
-  --shadow-color: #0a1d36;
-  --shadow-2xs: 0 1px 2px 0 #0a1d3608;
-  --shadow-xs: 0 1px 3px 0 #0a1d360a;
-  --shadow-sm: 0 1px 2px 0 #0a1d360a, 0 1px 3px 0 #0a1d3608;
-  --shadow: 0 1px 3px 0 #0a1d360d, 0 1px 2px -1px #0a1d360a;
-  --shadow-md: 0 4px 6px -1px #0a1d360d, 0 2px 4px -2px #0a1d360a;
-  --shadow-lg: 0 10px 15px -3px #0a1d360d, 0 4px 6px -4px #0a1d360a;
-  --shadow-xl: 0 20px 25px -5px #0a1d360d, 0 8px 10px -6px #0a1d360a;
-  --shadow-2xl: 0 25px 50px -12px #0a1d3626;
-  --tracking-normal: .01em;
-  --spacing: .25rem;
-}
-
-.dark {
-  --background: oklch(12.88% .008 264.695);
-  --foreground: oklch(98.42% .0034 247.858);
-  --card: oklch(20.77% .008 265.755);
-  --card-foreground: oklch(98.42% .0034 247.858);
-  --popover: oklch(12.88% .008 264.695);
-  --popover-foreground: oklch(98.42% .0034 247.858);
-  --primary: oklch(49% .188 259.815);
-  --primary-foreground: oklch(100% 0 0);
-  --secondary: oklch(27.95% .01 260.031);
-  --secondary-foreground: oklch(98.42% .0034 247.858);
-  --muted: oklch(20.77% .008 265.755);
-  --muted-foreground: oklch(71.07% .015 256.788);
-  --accent: oklch(27.95% .01 260.031);
-  --accent-foreground: oklch(98.42% .0034 247.858);
-  --destructive: oklch(63.68% .2078 25.3313);
-  --destructive-foreground: oklch(100% 0 0);
-  --warning: oklch(80% .16 90);
-  --warning-foreground: oklch(12.88% .008 264.695);
-  --success: oklch(70% .16 150);
-  --success-foreground: oklch(12.88% .008 264.695);
-  --info: oklch(72% .15 200);
-  --info-foreground: oklch(12.88% .008 264.695);
-  --border: oklch(27.95% .01 260.031);
-  --input: oklch(27.95% .01 260.031);
-  --ring: oklch(49% .188 259.815);
-  --chart-1: oklch(49% .188 259.815);
-  --chart-2: oklch(71.37% .1434 254.624);
-  --chart-3: oklch(67.31% .1624 144.208);
-  --chart-4: oklch(84.42% .1722 84.9338);
-  --chart-5: oklch(60.83% .209 27.0276);
-  --sidebar: oklch(12.88% .008 264.695);
-  --sidebar-foreground: oklch(98.42% .0034 247.858);
-  --sidebar-primary: oklch(49% .188 259.815);
-  --sidebar-primary-foreground: oklch(100% 0 0);
-  --sidebar-accent: oklch(27.95% .01 260.031);
-  --sidebar-accent-foreground: oklch(98.42% .0034 247.858);
-  --sidebar-border: oklch(27.95% .01 260.031);
-  --sidebar-ring: oklch(49% .188 259.815);
-  --font-sans: "IBM Plex Sans", sans-serif;
-  --font-serif: "Playfair Display", serif;
-  --font-mono: "JetBrains Mono", monospace;
-  --radius: .75rem;
-  --shadow-x: 0rem;
-  --shadow-y: .5rem;
-  --shadow-blur: 1.25rem;
-  --shadow-spread: .25rem;
-  --shadow-opacity: .35;
-  --shadow-color: #000;
-  --shadow-2xs: 0rem .5rem 1.25rem .25rem #0000002b;
-  --shadow-xs: 0rem .5rem 1.25rem .25rem #0000002b;
-  --shadow-sm: 0 1px 3px 0 #00000026, 0 1px 2px -1px #00000026;
-  --shadow: 0rem .5rem 1.25rem .25rem #00000059, 0rem 1px 2px -.75px #00000059;
-  --shadow-md: 0rem .5rem 1.25rem .25rem #00000059, 0rem 2px 4px -.75px #00000059;
-  --shadow-lg: 0rem .5rem 1.25rem .25rem #00000059, 0rem 4px 6px -.75px #00000059;
-  --shadow-xl: 0rem .5rem 1.25rem .25rem #00000059, 0rem 8px 10px -.75px #00000059;
-  --shadow-2xl: 0rem .5rem 1.25rem .25rem #000000e0;
-}
-
-body {
-  letter-spacing: var(--tracking-normal);
-}
-
-.PhoneInput {
-  --PhoneInputCountryFlag-height: 1rem;
-}
-
-.PhoneInputCountryIcon {
-  max-width: 1rem;
-  max-height: 1rem;
-}
-
-@keyframes loading {
-  0% {
-    width: 0%;
-  }
-
-  50% {
-    width: 70%;
-  }
-
-  100% {
-    width: 100%;
-  }
-}
-
-[data-sonner-toaster] [data-sonner-toast] {
-  background-color: var(--card);
-  color: var(--card-foreground);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-}
-
-[data-sonner-toaster] [data-sonner-toast] [data-description] {
-  color: var(--muted-foreground);
-}
-
-[data-sonner-toaster] [data-sonner-toast][data-type="success"] {
-  border-left: 4px solid var(--success);
-}
-
-[data-sonner-toaster] [data-sonner-toast][data-type="error"] {
-  border-left: 4px solid var(--destructive);
-}
-
-[data-sonner-toaster] [data-sonner-toast][data-type="warning"] {
-  border-left: 4px solid var(--warning);
-}
-
-[data-sonner-toaster] [data-sonner-toast][data-type="info"] {
-  border-left: 4px solid var(--info);
-}
-
-[data-sonner-toaster] [data-sonner-toast][data-type="loading"] {
-  border-left: 4px solid var(--primary);
-}
-
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--border) transparent;
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: none;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--border);
-  border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background-color: var(--muted-foreground);
-}
-
-input:-webkit-autofill {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-input:-webkit-autofill:hover {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-input:-webkit-autofill:focus {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-input:-webkit-autofill:active {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-textarea:-webkit-autofill {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-textarea:-webkit-autofill:hover {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-textarea:-webkit-autofill:focus {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-textarea:-webkit-autofill:active {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-select:-webkit-autofill {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-select:-webkit-autofill:hover {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-select:-webkit-autofill:focus {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
-select:-webkit-autofill:active {
-  transition: background-color 5000s ease-in-out;
-  -webkit-box-shadow: 0 0 0 1000px var(--input) inset !important;
-  -webkit-text-fill-color: var(--foreground) !important;
-  caret-color: var(--foreground) !important;
-}
-
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -7381,15 +7297,3 @@ select:-webkit-autofill:active {
   inherits: false;
   initial-value: "";
 }
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}