/* Bento cards extraído de /root/bento-cards_3.html — faixa da home. */

/* Faixa branca full-width, separada da faixa azul de serviços.
   Os tokens do tema são capturados aqui, no pai: dentro do @scope o Launch UI redefine
   --color-accent, --color-card e --color-muted com a paleta dele. */
.bento-band {
  --tema-accent: var(--color-accent);
  --tema-dourado-escuro: var(--color-dourado-escuro);
  --tema-profundo: var(--color-profundo);
  --tema-abissal: var(--color-abissal);
  --tema-neve: var(--color-neve);
  background: transparent;
  padding-top: 112px;
  padding-bottom: 100px;
}

@scope (.lui-bento) {


/* =====================================================================
   VARIÁVEIS GLOBAIS — mexa só aqui
   ===================================================================== */
:scope {
  --accent-color: var(--tema-accent);
  --glow-color: var(--tema-dourado-escuro);
  --card-bg: var(--tema-profundo);
  --page-bg: var(--tema-abissal);
  --accent-color-light: var(--tema-dourado-escuro);
  --glow-color-light: var(--accent-color-light);
  --card-bg-light: #ffffff;
  --page-bg-light: var(--tema-neve);
}


/* =====================================================================
   CSS DOS CARDS (extraído do Launch UI, escopado em :scope)
   ===================================================================== */
@layer theme, base, components, utilities;
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    :scope, :scope *, :scope ::after, :scope ::before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-text-shadow-color: initial; --tw-text-shadow-alpha: 100%; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; }
}
}
@layer theme {
  :scope { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-100: #ffe2e2; --color-red-200: #ffcaca; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-800: #9f0712; --color-red-900: #82181a; --color-red-950: #460809; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-500: #fe6e00; --color-orange-800: #9f2d00; --color-orange-900: #7e2a0c; --color-orange-950: #441306; --color-amber-200: #fee685; --color-amber-500: #f99c00; --color-amber-800: #953d00; --color-yellow-200: #fff085; --color-yellow-500: #edb200; --color-yellow-800: #874b00; --color-lime-200: #d8f999; --color-lime-500: #80cd00; --color-lime-800: #3d6300; --color-green-100: #dcfce7; --color-green-200: #b9f8cf; --color-green-500: #00c758; --color-green-800: #016630; --color-green-900: #0d542b; --color-green-950: #032e15; --color-emerald-200: #a4f4cf; --color-emerald-500: #00bb7f; --color-emerald-800: #005f46; --color-teal-200: #96f7e4; --color-teal-500: #00baa7; --color-teal-800: #005f5a; --color-cyan-200: #a2f4fd; --color-cyan-500: #00b7d7; --color-cyan-800: #005f78; --color-sky-200: #b8e6fe; --color-sky-500: #00a5ef; --color-sky-800: #005986; --color-blue-200: #bedbff; --color-blue-500: #3080ff; --color-blue-800: #193cb8; --color-indigo-200: #c7d2ff; --color-indigo-500: #625fff; --color-indigo-800: #372aac; --color-purple-200: #e9d5ff; --color-purple-400: #c07eff; --color-purple-500: #ac4bff; --color-purple-600: #9810fa; --color-purple-800: #6e11b0; --color-pink-200: #fccee8; --color-pink-500: #f6339a; --color-pink-800: #a2004c; --color-rose-200: #ffccd3; --color-rose-500: #ff2357; --color-rose-800: #a30037; --color-gray-200: #e5e7eb; --color-gray-500: #6a7282; --color-gray-800: #1e2939; --color-zinc-200: #e4e4e7; --color-zinc-500: #71717b; --color-zinc-800: #27272a; --color-stone-100: #f5f5f4; --color-stone-300: #d6d3d1; --color-stone-800: #292524; --color-stone-900: #1c1917; --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; --container-7xl: 80rem; --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; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: 1.5rem; --shadow-md: 0 4px 6px -1px var(--shadow), 0 2px 4px -2px var(--shadow); --shadow-xl: 0 20px 25px -5px var(--shadow), 0 8px 10px -6px var(--shadow); --shadow-2xl: 0 25px 50px -12px var(--shadow); --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-2xl: 0 25px 25px #00000026; --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --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); --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; --color-brand: var(--brand); --color-brand-foreground: var(--brand-foreground); --color-light: var(--light); --color-light-foreground: var(--light-foreground); --color-background: var(--background); --color-foreground: var(--foreground); --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar: var(--sidebar); --color-chart-5: var(--chart-5); --color-chart-4: var(--chart-4); --color-chart-3: var(--chart-3); --color-chart-2: var(--chart-2); --color-chart-1: var(--chart-1); --color-ring: var(--ring); --color-input: var(--input); --color-border: var(--border); --color-destructive-foreground: var(--destructive-foreground); --color-destructive: var(--destructive); --color-accent-foreground: var(--accent-foreground); --color-accent: var(--accent); --color-muted-foreground: var(--muted-foreground); --color-muted: var(--muted); --color-secondary-foreground: var(--secondary-foreground); --color-secondary: var(--secondary); --color-primary-foreground: var(--primary-foreground); --color-primary: var(--primary); --color-popover-foreground: var(--popover-foreground); --color-popover: var(--popover); --color-card-foreground: var(--card-foreground); --color-card: var(--card); --spacing-container: 1280px; --spacing-container-lg: 1536px; --shadow-mockup: -12px 16px 48px var(--shadow-strong); --line-width: 1px; --animate-appear: appear .6s forwards ease-out; --animate-appear-zoom: appear-zoom .6s forwards ease-out; --breakpoint-xs: 30rem; }
}
@layer base {
  :scope, :scope *, :scope ::after, :scope ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  :scope, :scope * { border-color: var(--border); }
}
@layer utilities {
  .absolute { position: absolute; }
  .relative { position: relative; }
  .inset-\[0\] { inset: 0px; }
  .-top-6 { top: calc(var(--spacing) * -6); }
  .top-0 { top: calc(var(--spacing) * 0); }
  .top-1\/2 { top: 50%; }
  .top-4 { top: calc(var(--spacing) * 4); }
  .top-\[20\%\] { top: 20%; }
  .top-\[50\%\] { top: 50%; }
  .top-\[calc\(50\%-1px\)\] { top: calc(50% - 1px); }
  .-right-3 { right: calc(var(--spacing) * -3); }
  .right-0 { right: calc(var(--spacing) * 0); }
  .right-4 { right: calc(var(--spacing) * 4); }
  .right-5 { right: calc(var(--spacing) * 5); }
  .right-\[20\%\] { right: 20%; }
  .right-\[25\%\] { right: 25%; }
  .-bottom-\[128px\] { bottom: -128px; }
  .bottom-0 { bottom: calc(var(--spacing) * 0); }
  .bottom-\[20\%\] { bottom: 20%; }
  .bottom-\[40\%\] { bottom: 40%; }
  .-left-3 { left: calc(var(--spacing) * -3); }
  .-left-4 { left: calc(var(--spacing) * -4); }
  .-left-12 { left: calc(var(--spacing) * -12); }
  .left-0 { left: calc(var(--spacing) * 0); }
  .left-1\/2 { left: 50%; }
  .left-5 { left: calc(var(--spacing) * 5); }
  .left-\[20\%\] { left: 20%; }
  .left-\[30\%\] { left: 30%; }
  .left-\[50\%\] { left: 50%; }
  .z-1 { z-index: 1; }
  .z-10 { z-index: 10; }
  .col-span-12 { grid-column: span 12 / span 12; }
  .mt-12 { margin-top: calc(var(--spacing) * 12); }
  .-mb-48 { margin-bottom: calc(var(--spacing) * -48); }
  .-mb-\[96px\] { margin-bottom: -96px; }
  .mb-8 { margin-bottom: calc(var(--spacing) * 8); }
  .block { display: block; }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .aspect-1\/1 { aspect-ratio: 1 / 1; }
  .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
  .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
  .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
  .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); }
  .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
  .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); }
  .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); }
  .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); }
  .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); }
  .h-0\.5 { height: calc(var(--spacing) * .5); }
  .h-\[1px\] { height: 1px; }
  .h-\[128px\] { height: 128px; }
  .h-\[256px\] { height: 256px; }
  .h-full { height: 100%; }
  .min-h-\[160px\] { min-height: 160px; }
  .min-h-\[240px\] { min-height: 240px; }
  .min-h-\[300px\] { min-height: 300px; }
  .min-h-\[540px\] { min-height: 540px; }
  .w-\[40\%\] { width: 40%; }
  .w-\[50\%\] { width: 50%; }
  .w-\[60\%\] { width: 60%; }
  .w-\[320px\] { width: 320px; }
  .w-full { width: 100%; }
  .w-full\! { width: 100% !important; }
  .max-w-\[280px\] { max-width: 280px; }
  .max-w-\[350px\] { max-width: 350px; }
  .max-w-\[366px\] { max-width: 366px; }
  .max-w-\[460px\] { max-width: 460px; }
  .max-w-\[480px\] { max-width: 480px; }
  .max-w-\[520px\] { max-width: 520px; }
  .min-w-\[460px\] { min-width: 460px; }
  .flex-0 { flex: 0 1 0%; }
  .flex-1 { flex: 1 1 0%; }
  .flex-\[4\.5\] { flex: 4.5 1 0%; }
  .flex-shrink-0, .shrink-0 { flex-shrink: 0; }
  .grow { flex-grow: 1; }
  .grow-0 { flex-grow: 0; }
  .basis-0 { flex-basis: calc(var(--spacing) * 0); }
  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-x-24 { --tw-translate-x: calc(var(--spacing) * -24); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-x-\[50\%\] { --tw-translate-x: calc(50% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-\[100\%\] { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-4 { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-12 { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-20 { --tw-translate-y: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-32 { --tw-translate-y: calc(var(--spacing) * 32); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-200 { --tw-scale-x: 200%; --tw-scale-y: 200%; --tw-scale-z: 200%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-x-\[1\.2\] { --tw-scale-x: 1.2; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-x-\[1\.5\] { --tw-scale-x: 1.5; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-\[2\.5\] { scale: 2.5; }
  .grid-flow-col { grid-auto-flow: column; }
  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
  .grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
  .grid-rows-3 { grid-template-rows: repeat(3, minmax(0px, 1fr)); }
  .grid-rows-6 { grid-template-rows: repeat(6, minmax(0px, 1fr)); }
  .grid-rows-8 { grid-template-rows: repeat(8, minmax(0px, 1fr)); }
  .flex-col { flex-direction: column; }
  .flex-col-reverse { flex-direction: column-reverse; }
  .flex-row { flex-direction: row; }
  .flex-nowrap { flex-wrap: nowrap; }
  .flex-wrap { flex-wrap: wrap; }
  .items-center { align-items: center; }
  .items-end { align-items: flex-end; }
  .items-start { align-items: flex-start; }
  .justify-around { justify-content: space-around; }
  .justify-center { justify-content: center; }
  .justify-start { justify-content: flex-start; }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
  .gap-4 { gap: calc(var(--spacing) * 4); }
  .gap-6 { gap: calc(var(--spacing) * 6); }
  .gap-8 { gap: calc(var(--spacing) * 8); }
  .gap-20 { gap: calc(var(--spacing) * 20); }
  .self-center { align-self: center; }
  .overflow-hidden { overflow: hidden; }
  .rounded-\[12px\] { border-radius: 12px; }
  .rounded-\[48px\] { border-radius: 48px; }
  .rounded-\[50\%\] { border-radius: 50%; }
  .rounded-\[56px\] { border-radius: 56px; }
  .rounded-\[100\%\] { border-radius: 100%; }
  .rounded-full { border-radius: 3.40282e+38px; }
  .rounded-lg { border-radius: var(--radius); }
  .rounded-md { border-radius: calc(var(--radius) - 2px); }
  .rounded-md\! { border-radius: calc(var(--radius) - 2px) !important; }
  .rounded-xl { border-radius: calc(var(--radius) + 4px); }
  .glass-4 { border-style: var(--tw-border-style); border-width: 1px; border-top-color: ; border-right-color: ; border-left-color: ; border-bottom-color: color-mix(in oklab, var(--input) 90%, transparent); --tw-gradient-position: to bottom; }
}
@layer utilities {
@supports (background-image:linear-gradient(in lab, red, red)) {
    .glass-4 { --tw-gradient-position: to bottom in oklab; }
}
}
@layer utilities {
  .glass-4 { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: color-mix(in oklab, var(--card) 60%, transparent); --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .glass-4:where(.dark, .dark *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-4:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .glass-4:where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-4:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 30%, transparent); }
}
}
@layer utilities {
  .glass-4:where(.dark, .dark *) { --tw-gradient-from: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-4:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent); }
}
}
@layer utilities {
  .glass-4:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-4:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent); }
}
}
@layer utilities {
  .glass-4:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .glass-5 { border-style: var(--tw-border-style); border-width: 1px; border-top-color: ; border-right-color: ; border-left-color: ; border-bottom-color: var(--input); --tw-gradient-position: to bottom; }
}
@layer utilities {
@supports (background-image:linear-gradient(in lab, red, red)) {
    .glass-5 { --tw-gradient-position: to bottom in oklab; }
}
}
@layer utilities {
  .glass-5 { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: var(--card); --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .glass-5:where(.dark, .dark *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-5:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .glass-5:where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-5:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 30%, transparent); }
}
}
@layer utilities {
  .glass-5:where(.dark, .dark *) { --tw-gradient-from: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-5:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--primary) 15%, transparent); }
}
}
@layer utilities {
  .glass-5:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-5:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent); }
}
}
@layer utilities {
  .glass-5:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .glass-1 { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); --tw-gradient-position: to bottom; }
}
@layer utilities {
@supports (background-image:linear-gradient(in lab, red, red)) {
    .glass-1 { --tw-gradient-position: to bottom in oklab; }
}
}
@layer utilities {
  .glass-1 { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: color-mix(in oklab, var(--card) 80%, transparent); --tw-gradient-to: color-mix(in oklab, var(--card) 40%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .glass-1:where(.dark, .dark *) { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-1:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .glass-1:where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-1:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 20%, transparent); }
}
}
@layer utilities {
  .glass-1:where(.dark, .dark *) { border-bottom-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-1:where(.dark, .dark *) { border-bottom-color: color-mix(in oklab, var(--border) 5%, transparent); }
}
}
@layer utilities {
  .glass-1:where(.dark, .dark *) { --tw-gradient-from: var(--card); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-1:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--card) 5%, transparent); }
}
}
@layer utilities {
  .glass-1:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--card); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .glass-1:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--card) 0%, transparent); }
}
}
@layer utilities {
  .glass-1:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-0 { border-style: var(--tw-border-style); border-width: 0px; }
  .border-2 { border-style: var(--tw-border-style); border-width: 2px; }
  .border-4 { border-style: var(--tw-border-style); border-width: 4px; }
  .border-\[12px\] { border-style: var(--tw-border-style); border-width: 12px; }
  .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; }
  .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0px; }
  .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; }
  .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; }
  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .border-dashed { --tw-border-style: dashed; border-style: dashed; }
  .border-none { --tw-border-style: none; border-style: none; }
  .border-amber-500 { border-color: var(--color-amber-500); }
  .border-amber-500\/10 { border-color: rgba(249, 156, 0, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/10 { border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); }
}
}
@layer utilities {
  .border-amber-500\/20 { border-color: rgba(249, 156, 0, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-amber-500\/20 { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); }
}
}
@layer utilities {
  .border-background, .border-background\/10 { border-color: var(--background); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-background\/10 { border-color: color-mix(in oklab, var(--background) 10%, transparent); }
}
}
@layer utilities {
  .border-background\/20 { border-color: var(--background); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-background\/20 { border-color: color-mix(in oklab, var(--background) 20%, transparent); }
}
}
@layer utilities {
  .border-blue-500 { border-color: var(--color-blue-500); }
  .border-blue-500\/10 { border-color: rgba(48, 128, 255, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-blue-500\/10 { border-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); }
}
}
@layer utilities {
  .border-blue-500\/20 { border-color: rgba(48, 128, 255, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-blue-500\/20 { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); }
}
}
@layer utilities {
  .border-border, .border-border\/10 { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-border\/10 { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .border-border\/15 { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-border\/15 { border-color: color-mix(in oklab, var(--border) 15%, transparent); }
}
}
@layer utilities {
  .border-border\/20 { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-border\/20 { border-color: color-mix(in oklab, var(--border) 20%, transparent); }
}
}
@layer utilities {
  .border-border\/50 { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-border\/50 { border-color: color-mix(in oklab, var(--border) 50%, transparent); }
}
}
@layer utilities {
  .border-border\/70 { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-border\/70 { border-color: color-mix(in oklab, var(--border) 70%, transparent); }
}
}
@layer utilities {
  .border-border\/80 { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-border\/80 { border-color: color-mix(in oklab, var(--border) 80%, transparent); }
}
}
@layer utilities {
  .border-border\/100 { border-color: var(--border); }
  .border-brand { border-color: var(--brand); }
  .border-brand-foreground, .border-brand-foreground\/15 { border-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-brand-foreground\/15 { border-color: color-mix(in oklab, var(--brand-foreground) 15%, transparent); }
}
}
@layer utilities {
  .border-brand-foreground\/30 { border-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-brand-foreground\/30 { border-color: color-mix(in oklab, var(--brand-foreground) 30%, transparent); }
}
}
@layer utilities {
  .border-brand-foreground\/40 { border-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-brand-foreground\/40 { border-color: color-mix(in oklab, var(--brand-foreground) 40%, transparent); }
}
}
@layer utilities {
  .border-brand-foreground\/80 { border-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-brand-foreground\/80 { border-color: color-mix(in oklab, var(--brand-foreground) 80%, transparent); }
}
}
@layer utilities {
  .border-brand\/10 { border-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-brand\/10 { border-color: color-mix(in oklab, var(--brand) 10%, transparent); }
}
}
@layer utilities {
  .border-brand\/20 { border-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-brand\/20 { border-color: color-mix(in oklab, var(--brand) 20%, transparent); }
}
}
@layer utilities {
  .border-brand\/30 { border-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-brand\/30 { border-color: color-mix(in oklab, var(--brand) 30%, transparent); }
}
}
@layer utilities {
  .border-cyan-500 { border-color: var(--color-cyan-500); }
  .border-cyan-500\/20 { border-color: rgba(0, 183, 215, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-cyan-500\/20 { border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); }
}
}
@layer utilities {
  .border-destructive\/50 { border-color: var(--destructive); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-destructive\/50 { border-color: color-mix(in oklab, var(--destructive) 50%, transparent); }
}
}
@layer utilities {
  .border-emerald-500 { border-color: var(--color-emerald-500); }
  .border-emerald-500\/20 { border-color: rgba(0, 187, 127, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-emerald-500\/20 { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); }
}
}
@layer utilities {
  .border-foreground { border-color: var(--foreground); }
  .border-gray-500 { border-color: var(--color-gray-500); }
  .border-gray-500\/20 { border-color: rgba(106, 114, 130, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-gray-500\/20 { border-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); }
}
}
@layer utilities {
  .border-green-200 { border-color: var(--color-green-200); }
  .border-green-500 { border-color: var(--color-green-500); }
  .border-green-500\/20 { border-color: rgba(0, 199, 88, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-green-500\/20 { border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); }
}
}
@layer utilities {
  .border-indigo-500 { border-color: var(--color-indigo-500); }
  .border-indigo-500\/10 { border-color: rgba(98, 95, 255, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/10 { border-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); }
}
}
@layer utilities {
  .border-indigo-500\/20 { border-color: rgba(98, 95, 255, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-indigo-500\/20 { border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); }
}
}
@layer utilities {
  .border-input { border-color: var(--input); }
  .border-lime-500 { border-color: var(--color-lime-500); }
  .border-lime-500\/20 { border-color: rgba(128, 205, 0, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-lime-500\/20 { border-color: color-mix(in oklab, var(--color-lime-500) 20%, transparent); }
}
}
@layer utilities {
  .border-muted-foreground { border-color: var(--muted-foreground); }
  .border-orange-200 { border-color: var(--color-orange-200); }
  .border-orange-500 { border-color: var(--color-orange-500); }
  .border-orange-500\/10 { border-color: rgba(254, 110, 0, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-orange-500\/10 { border-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); }
}
}
@layer utilities {
  .border-orange-500\/20 { border-color: rgba(254, 110, 0, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-orange-500\/20 { border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); }
}
}
@layer utilities {
  .border-pink-500 { border-color: var(--color-pink-500); }
  .border-pink-500\/20 { border-color: rgba(246, 51, 154, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-pink-500\/20 { border-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent); }
}
}
@layer utilities {
  .border-purple-500 { border-color: var(--color-purple-500); }
  .border-purple-500\/10 { border-color: rgba(172, 75, 255, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-purple-500\/10 { border-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); }
}
}
@layer utilities {
  .border-purple-500\/20 { border-color: rgba(172, 75, 255, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-purple-500\/20 { border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); }
}
}
@layer utilities {
  .border-red-200 { border-color: var(--color-red-200); }
  .border-red-500 { border-color: var(--color-red-500); }
  .border-red-500\/10 { border-color: rgba(251, 44, 54, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/10 { border-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); }
}
}
@layer utilities {
  .border-red-500\/20 { border-color: rgba(251, 44, 54, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-red-500\/20 { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); }
}
}
@layer utilities {
  .border-red-600 { border-color: var(--color-red-600); }
  .border-rose-500 { border-color: var(--color-rose-500); }
  .border-rose-500\/20 { border-color: rgba(255, 35, 87, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-rose-500\/20 { border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); }
}
}
@layer utilities {
  .border-sidebar-border { border-color: var(--sidebar-border); }
  .border-sky-500 { border-color: var(--color-sky-500); }
  .border-sky-500\/20 { border-color: rgba(0, 165, 239, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-sky-500\/20 { border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); }
}
}
@layer utilities {
  .border-teal-500 { border-color: var(--color-teal-500); }
  .border-teal-500\/10 { border-color: rgba(0, 186, 167, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-teal-500\/10 { border-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent); }
}
}
@layer utilities {
  .border-teal-500\/20 { border-color: rgba(0, 186, 167, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-teal-500\/20 { border-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); }
}
}
@layer utilities {
  .border-transparent { border-color: rgba(0, 0, 0, 0); }
  .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); }
}
}
@layer utilities {
  .border-white\/20 { border-color: rgba(255, 255, 255, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); }
}
}
@layer utilities {
  .border-yellow-500 { border-color: var(--color-yellow-500); }
  .border-yellow-500\/20 { border-color: rgba(237, 178, 0, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-yellow-500\/20 { border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); }
}
}
@layer utilities {
  .border-zinc-500\/10 { border-color: rgba(113, 113, 123, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-zinc-500\/10 { border-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent); }
}
}
@layer utilities {
  .border-t-brand-foreground\/70 { border-top-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-t-brand-foreground\/70 { border-top-color: color-mix(in oklab, var(--brand-foreground) 70%, transparent); }
}
}
@layer utilities {
  .border-t-primary { border-top-color: var(--primary); }
  .border-t-transparent { border-top-color: rgba(0, 0, 0, 0); }
  .border-b-input, .border-b-input\/90 { border-bottom-color: var(--input); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .border-b-input\/90 { border-bottom-color: color-mix(in oklab, var(--input) 90%, transparent); }
}
}
@layer utilities {
  .border-l-gray-500 { border-left-color: var(--color-gray-500); }
  .border-l-transparent { border-left-color: rgba(0, 0, 0, 0); }
  .bg-accent, .bg-accent\/50 { background-color: var(--accent); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-accent\/50 { background-color: color-mix(in oklab, var(--accent) 50%, transparent); }
}
}
@layer utilities {
  .bg-border\/50 { background-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-border\/50 { background-color: color-mix(in oklab, var(--border) 50%, transparent); }
}
}
@layer utilities {
  .bg-brand { background-color: var(--brand); }
  .bg-brand-foreground, .bg-brand-foreground\/10 { background-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-brand-foreground\/10 { background-color: color-mix(in oklab, var(--brand-foreground) 10%, transparent); }
}
}
@layer utilities {
  .bg-brand-foreground\/20 { background-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-brand-foreground\/20 { background-color: color-mix(in oklab, var(--brand-foreground) 20%, transparent); }
}
}
@layer utilities {
  .bg-brand-foreground\/50 { background-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-brand-foreground\/50 { background-color: color-mix(in oklab, var(--brand-foreground) 50%, transparent); }
}
}
@layer utilities {
  .bg-brand-foreground\/70 { background-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-brand-foreground\/70 { background-color: color-mix(in oklab, var(--brand-foreground) 70%, transparent); }
}
}
@layer utilities {
  .bg-brand\/5 { background-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-brand\/5 { background-color: color-mix(in oklab, var(--brand) 5%, transparent); }
}
}
@layer utilities {
  .bg-brand\/10 { background-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-brand\/10 { background-color: color-mix(in oklab, var(--brand) 10%, transparent); }
}
}
@layer utilities {
  .bg-brand\/50 { background-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-brand\/50 { background-color: color-mix(in oklab, var(--brand) 50%, transparent); }
}
}
@layer utilities {
  .bg-light { background-color: var(--light); }
  .bg-muted, .bg-muted\/20 { background-color: var(--muted); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/20 { background-color: color-mix(in oklab, var(--muted) 20%, transparent); }
}
}
@layer utilities {
  .bg-muted\/50 { background-color: var(--muted); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/50 { background-color: color-mix(in oklab, var(--muted) 50%, transparent); }
}
}
@layer utilities {
  .bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); }
}
}
@layer utilities {
  .bg-linear-to-r { --tw-gradient-position: to right; }
}
@layer utilities {
@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-r { --tw-gradient-position: to right in oklab; }
}
}
@layer utilities {
  .bg-linear-to-r { background-image: linear-gradient(var(--tw-gradient-stops)); }
  .bg-radial { --tw-gradient-position: in oklab; background-image: radial-gradient(var(--tw-gradient-stops)); }
  .from-brand-foreground\/30 { --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .from-brand-foreground\/30 { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 30%, transparent); }
}
}
@layer utilities {
  .from-brand-foreground\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-brand-foreground\/50 { --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .from-brand-foreground\/50 { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 50%, transparent); }
}
}
@layer utilities {
  .from-brand-foreground\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-brand\/30 { --tw-gradient-from: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .from-brand\/30 { --tw-gradient-from: color-mix(in oklab, var(--brand) 30%, transparent); }
}
}
@layer utilities {
  .from-brand\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-white\/50 { --tw-gradient-from: #ffffff80; }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .from-white\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 50%, transparent); }
}
}
@layer utilities {
  .from-white\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-white\/70 { --tw-gradient-from: #ffffffb3; }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .from-white\/70 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 70%, transparent); }
}
}
@layer utilities {
  .from-white\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-10\% { --tw-gradient-from-position: 10%; }
  .from-20\% { --tw-gradient-from-position: 20%; }
  .via-brand-foreground\/10 { --tw-gradient-via: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .via-brand-foreground\/10 { --tw-gradient-via: color-mix(in oklab, var(--brand-foreground) 10%, transparent); }
}
}
@layer utilities {
  .via-brand-foreground\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  .via-foreground\/10 { --tw-gradient-via: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .via-foreground\/10 { --tw-gradient-via: color-mix(in oklab, var(--foreground) 10%, transparent); }
}
}
@layer utilities {
  .via-foreground\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  .via-50\% { --tw-gradient-via-position: 50%; }
  .to-brand-foreground\/0 { --tw-gradient-to: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .to-brand-foreground\/0 { --tw-gradient-to: color-mix(in oklab, var(--brand-foreground) 0%, transparent); }
}
}
@layer utilities {
  .to-brand-foreground\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-white\/0 { --tw-gradient-to: #0000; }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .to-white\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-white) 0%, transparent); }
}
}
@layer utilities {
  .to-white\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-60\% { --tw-gradient-to-position: 60%; }
  .to-80\% { --tw-gradient-to-position: 80%; }
  .fill-brand-foreground, .fill-brand-foreground\/70 { fill: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .fill-brand-foreground\/70 { fill: color-mix(in oklab, var(--brand-foreground) 70%, transparent); }
}
}
@layer utilities {
  .fill-light { fill: var(--light); }
  .stroke-border\/80 { stroke: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .stroke-border\/80 { stroke: color-mix(in oklab, var(--border) 80%, transparent); }
}
}
@layer utilities {
  .stroke-brand-foreground, .stroke-brand-foreground\/50 { stroke: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .stroke-brand-foreground\/50 { stroke: color-mix(in oklab, var(--brand-foreground) 50%, transparent); }
}
}
@layer utilities {
  .stroke-light-foreground { stroke: var(--light-foreground); }
  .stroke-1 { stroke-width: 1px; }
  .p-2 { padding: calc(var(--spacing) * 2); }
  .p-2\.5 { padding: calc(var(--spacing) * 2.5); }
  .p-3 { padding: calc(var(--spacing) * 3); }
  .p-4 { padding: calc(var(--spacing) * 4); }
  .p-6 { padding: calc(var(--spacing) * 6); }
  .p-24 { padding: calc(var(--spacing) * 24); }
  .p-32 { padding: calc(var(--spacing) * 32); }
  .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); }
  .px-8 { padding-inline: calc(var(--spacing) * 8); }
  .px-24 { padding-inline: calc(var(--spacing) * 24); }
  .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-12 { padding-block: calc(var(--spacing) * 12); }
  .pl-4 { padding-left: calc(var(--spacing) * 4); }
  .font-mono { font-family: var(--font-mono); }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
  .leading-none { --tw-leading: 1; line-height: 1; }
  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
  .text-balance { text-wrap: balance; }
  .text-brand { color: var(--brand); }
  .text-brand-foreground { color: var(--brand-foreground); }
  .text-card-foreground { color: var(--card-foreground); }
  .text-foreground { color: var(--foreground); }
  .text-foreground\! { color: var(--foreground) !important; }
  .text-foreground\/50 { color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/50 { color: color-mix(in oklab, var(--foreground) 50%, transparent); }
}
}
@layer utilities {
  .text-foreground\/80 { color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/80 { color: color-mix(in oklab, var(--foreground) 80%, transparent); }
}
}
@layer utilities {
  .text-light { color: var(--light); }
  .text-muted-foreground, .text-muted-foreground\/20 { color: var(--muted-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/20 { color: color-mix(in oklab, var(--muted-foreground) 20%, transparent); }
}
}
@layer utilities {
  .text-muted-foreground\/50 { color: var(--muted-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); }
}
}
@layer utilities {
  .text-muted-foreground\/70 { color: var(--muted-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 { color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); }
}
}
@layer utilities {
  .text-primary-foreground { color: var(--primary-foreground); }
  .opacity-0 { opacity: 0; }
  .opacity-20 { opacity: 0.2; }
  .opacity-30 { opacity: 0.3; }
  .opacity-40 { opacity: 0.4; }
  .opacity-50 { opacity: 0.5; }
  .opacity-70 { opacity: 0.7; }
  .opacity-80 { opacity: 0.8; }
  .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,var(--shadow)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[0_0_12px_4px_var\(--brand-foreground\)\] { --tw-shadow: 0 0 12px 4px var(--tw-shadow-color,var(--brand-foreground)); 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,var(--shadow)), 0 2px 4px -2px var(--tw-shadow-color,var(--shadow)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,var(--shadow)), 0 8px 10px -6px var(--tw-shadow-color,var(--shadow)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .inset-shadow-brand\/10 { --tw-inset-shadow-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .inset-shadow-brand\/10 { --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--brand) 10%, transparent) var(--tw-inset-shadow-alpha), transparent); }
}
}
@layer utilities {
  .inset-shadow-brand\/20 { --tw-inset-shadow-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .inset-shadow-brand\/20 { --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--brand) 20%, transparent) var(--tw-inset-shadow-alpha), transparent); }
}
}
@layer utilities {
  .backdrop-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .transition-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-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .duration-300 { --tw-duration: .3s; transition-duration: 0.3s; }
  .duration-1000 { --tw-duration: 1s; transition-duration: 1s; }
  .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
  .\[stroke-dashoffset\:500\] { stroke-dashoffset: 500px; }
  .group-last\:border-r-0:is(:where(.group):last-child *) { border-right-style: var(--tw-border-style); border-right-width: 0px; }
  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; }
}
@layer utilities {
@media (hover: hover) {
    .group-hover\:left-\[-32\%\]:is(:where(.group):hover *) { left: -32%; }
    .group-hover\:left-\[48\%\]:is(:where(.group):hover *) { left: 48%; }
    .group-hover\:left-\[50\%\]:is(:where(.group):hover *) { left: 50%; }
    .group-hover\:translate-x-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:translate-x-\[-100\%\]:is(:where(.group):hover *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:-translate-y-4:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:-translate-y-8:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:-translate-y-12:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:translate-y-4:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:translate-y-8:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:translate-y-16:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:translate-y-\[-2rem\]:is(:where(.group):hover *) { --tw-translate-y: -2rem; translate: var(--tw-translate-x) var(--tw-translate-y); }
    .group-hover\:scale-90:is(:where(.group):hover *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); }
    .group-hover\:scale-95:is(:where(.group):hover *) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
    .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); }
    .group-hover\:scale-110:is(:where(.group):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); }
    .group-hover\:scale-200:is(:where(.group):hover *) { --tw-scale-x: 200%; --tw-scale-y: 200%; --tw-scale-z: 200%; scale: var(--tw-scale-x) var(--tw-scale-y); }
    .group-hover\:scale-300:is(:where(.group):hover *) { --tw-scale-x: 300%; --tw-scale-y: 300%; --tw-scale-z: 300%; scale: var(--tw-scale-x) var(--tw-scale-y); }
    .group-hover\:scale-\[\.8\]:is(:where(.group):hover *) { scale: 0.8; }
    .group-hover\:scale-\[1\.01\]:is(:where(.group):hover *) { scale: 1.01; }
    .group-hover\:scale-\[1\.1\]:is(:where(.group):hover *) { scale: 1.1; }
    .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) { scale: 1.05; }
    .group-hover\:scale-\[2\.1\]:is(:where(.group):hover *) { scale: 2.1; }
    .group-hover\:rotate-90:is(:where(.group):hover *) { rotate: 90deg; }
    .group-hover\:rotate-\[-12deg\]:is(:where(.group):hover *) { rotate: -12deg; }
    .group-hover\:skew-y-6:is(:where(.group):hover *) { --tw-skew-y: skewY(6deg); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
    .group-hover\:animate-hover:is(:where(.group):hover *) { animation: 4s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running hover; }
    .group-hover\:animate-hover-reverse:is(:where(.group):hover *) { animation: 6s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running hover-reverse; }
    .group-hover\:animate-impulse:is(:where(.group):hover *) { animation: 2s ease-in-out 0s infinite normal none running impulse; }
    .group-hover\:animate-orbit:is(:where(.group):hover *) { animation: 2s linear 0s infinite normal none running orbit; }
    .group-hover\:animate-ping:is(:where(.group):hover *) { animation: var(--animate-ping); }
    .group-hover\:animate-spin-slow:is(:where(.group):hover *) { animation: 3s linear 0s infinite normal none running spin; }
    .group-hover\:animate-wave:is(:where(.group):hover *) { animation: 3s ease-in-out 0s infinite normal none running wave; }
    .group-hover\:text-muted-foreground:is(:where(.group):hover *) { color: var(--muted-foreground); }
    .group-hover\:\!opacity-100:is(:where(.group):hover *) { opacity: 1 !important; }
    .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; }
    .group-hover\:opacity-15:is(:where(.group):hover *) { opacity: 0.15; }
    .group-hover\:opacity-30:is(:where(.group):hover *) { opacity: 0.3; }
    .group-hover\:opacity-40:is(:where(.group):hover *) { opacity: 0.4; }
    .group-hover\:opacity-50:is(:where(.group):hover *) { opacity: 0.5; }
    .group-hover\:opacity-60:is(:where(.group):hover *) { opacity: 0.6; }
    .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; }
    .group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *) { animation-play-state: paused; }
    .group-hover\:\[animation-play-state\:running\]:is(:where(.group):hover *) { animation-play-state: running; }
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity: 1; }
}
}
@layer utilities {
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); }
  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); }
  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; }
  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); }
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; }
  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 0) !important; }
  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; }
  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); }
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: calc(var(--spacing) * 0); }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); }
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing) * 0); }
  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; }
  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; }
  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius); }
  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; }
  .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) { border-color: var(--sidebar-border); }
  .group-data-\[variant\=floating\]\:shadow-lg:is(:where(.group)[data-variant="floating"] *) { --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); }
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { top: 100%; }
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { margin-top: calc(var(--spacing) * 1.5); }
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { overflow: hidden; }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-radius: calc(var(--radius) - 2px); }
  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-style: var(--tw-border-style); border-width: 1px; }
  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { background-color: var(--popover); }
  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { color: var(--popover-foreground); }
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --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); }
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-duration: .2s; transition-duration: 0.2s; }
  .after\:absolute::after { content: var(--tw-content); position: absolute; }
  .after\:inset-0::after { content: var(--tw-content); inset: calc(var(--spacing) * 0); }
  .after\:scale-200::after { content: var(--tw-content); --tw-scale-x: 200%; --tw-scale-y: 200%; --tw-scale-z: 200%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .after\:rounded-full::after { content: var(--tw-content); border-radius: 3.40282e+38px; }
  .after\:bg-radial::after { content: var(--tw-content); --tw-gradient-position: in oklab; background-image: radial-gradient(var(--tw-gradient-stops)); }
  .after\:from-brand-foreground\/10::after { content: var(--tw-content); --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .after\:from-brand-foreground\/10::after { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 10%, transparent); }
}
}
@layer utilities {
  .after\:from-brand-foreground\/10::after { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .after\:from-10\%::after { content: var(--tw-content); --tw-gradient-from-position: 10%; }
  .after\:to-brand-foreground\/0::after { content: var(--tw-content); --tw-gradient-to: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .after\:to-brand-foreground\/0::after { --tw-gradient-to: color-mix(in oklab, var(--brand-foreground) 0%, transparent); }
}
}
@layer utilities {
  .after\:to-brand-foreground\/0::after { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .after\:to-60\%::after { content: var(--tw-content); --tw-gradient-to-position: 60%; }
  .after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after { content: var(--tw-content); left: 100%; }
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); --tw-gradient-position: to bottom; }
}
}
@layer utilities {
@media (hover: hover) {
@supports (background-image:linear-gradient(in lab, red, red)) {
      .hover\:glass-2:hover { --tw-gradient-position: to bottom in oklab; }
}
}
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: var(--card); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--card); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .hover\:glass-2:hover { --tw-gradient-to: color-mix(in oklab, var(--card) 80%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
    .hover\:glass-2:hover:where(.dark, .dark *) { border-color: var(--border); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .hover\:glass-2:hover:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover:where(.dark, .dark *) { border-top-color: var(--border); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .hover\:glass-2:hover:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 20%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover:where(.dark, .dark *) { border-bottom-color: var(--border); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .hover\:glass-2:hover:where(.dark, .dark *) { border-bottom-color: color-mix(in oklab, var(--border) 5%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover:where(.dark, .dark *) { --tw-gradient-from: var(--card); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .hover\:glass-2:hover:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--card) 10%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--card); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .hover\:glass-2:hover:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--card) 5%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .hover\:glass-2:hover:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) { background-color: var(--sidebar); }
}
}
@layer utilities {
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-opacity: 0; }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-scale: .95; }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-opacity: 0; }
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-scale: .95; }
}
@layer utilities {
@media (min-width: 40rem) {
    .sm\:-mb-\[186px\] { margin-bottom: -186px; }
    .sm\:mb-0 { margin-bottom: calc(var(--spacing) * 0); }
    .sm\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
    .sm\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); }
    .sm\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); }
    .sm\:h-\[256px\] { height: 256px; }
    .sm\:h-\[512px\] { height: 512px; }
    .sm\:p-4 { padding: calc(var(--spacing) * 4); }
}
}
@layer utilities {
@media (min-width: 40rem) {
@media (hover: hover) {
      .sm\:group-hover\/preview\:max-w-\[120px\]:is(:where(.group\/preview):hover *) { max-width: 120px; }
      .sm\:group-hover\/preview\:opacity-100:is(:where(.group\/preview):hover *) { opacity: 1; }
}
}
}
@layer utilities {
@media (min-width: 48rem) {
    .md\:col-span-6 { grid-column: span 6 / span 6; }
    .md\:-mx-32 { margin-inline: calc(var(--spacing) * -32); }
    .md\:p-8 { padding: calc(var(--spacing) * 8); }
}
}
@layer utilities {
@media (min-width: 64rem) {
    .lg\:right-6 { right: calc(var(--spacing) * 6); }
    .lg\:left-6 { left: calc(var(--spacing) * 6); }
    .lg\:col-span-5 { grid-column: span 5 / span 5; }
    .lg\:col-span-7 { grid-column: span 7 / span 7; }
    .lg\:flex { display: flex; }
    .lg\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); }
    .lg\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); }
    .lg\:flex-col { flex-direction: column; }
    .lg\:p-3 { padding: calc(var(--spacing) * 3); }
    .lg\:p-4 { padding: calc(var(--spacing) * 4); }
    .lg\:px-12 { padding-inline: calc(var(--spacing) * 12); }
}
}
@layer utilities {
  .dark\:block:where(.dark, .dark *) { display: block; }
  .dark\:hidden:where(.dark, .dark *) { display: none; }
  .dark\:scale-0:where(.dark, .dark *) { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .dark\:scale-100:where(.dark, .dark *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .dark\:-rotate-90:where(.dark, .dark *) { rotate: -90deg; }
  .dark\:rotate-0:where(.dark, .dark *) { rotate: none; }
  .dark\:glass-4:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px; border-top-color: ; border-right-color: ; border-left-color: ; border-bottom-color: color-mix(in oklab, var(--input) 90%, transparent); --tw-gradient-position: to bottom; }
}
@layer utilities {
@supports (background-image:linear-gradient(in lab, red, red)) {
    .dark\:glass-4:where(.dark, .dark *) { --tw-gradient-position: to bottom in oklab; }
}
}
@layer utilities {
  .dark\:glass-4:where(.dark, .dark *) { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: color-mix(in oklab, var(--card) 60%, transparent); --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 30%, transparent); }
}
}
@layer utilities {
  .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-from: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent); }
}
}
@layer utilities {
  .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent); }
}
}
@layer utilities {
  .dark\:glass-4:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:glass-3:where(.dark, .dark *) { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--border); --tw-gradient-position: to bottom; }
}
@layer utilities {
@supports (background-image:linear-gradient(in lab, red, red)) {
    .dark\:glass-3:where(.dark, .dark *) { --tw-gradient-position: to bottom in oklab; }
}
}
@layer utilities {
  .dark\:glass-3:where(.dark, .dark *) { background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: color-mix(in oklab, var(--card) 30%, transparent); --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 20%, transparent); }
}
}
@layer utilities {
  .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { border-bottom-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { border-bottom-color: color-mix(in oklab, var(--border) 5%, transparent); }
}
}
@layer utilities {
  .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-from: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent); }
}
}
@layer utilities {
  .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); --tw-gradient-to: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--primary) 2%, transparent); }
}
}
@layer utilities {
  .dark\:glass-3:where(.dark, .dark *):where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:border-b-0:where(.dark, .dark *) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .dark\:border-background:where(.dark, .dark *) { border-color: var(--background); }
  .dark\:border-border:where(.dark, .dark *), .dark\:border-border\/5:where(.dark, .dark *) { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-border\/5:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 5%, transparent); }
}
}
@layer utilities {
  .dark\:border-border\/10:where(.dark, .dark *) { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-border\/10:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .dark\:border-border\/15:where(.dark, .dark *) { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-border\/15:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 15%, transparent); }
}
}
@layer utilities {
  .dark\:border-border\/20:where(.dark, .dark *) { border-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-border\/20:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--border) 20%, transparent); }
}
}
@layer utilities {
  .dark\:border-brand:where(.dark, .dark *) { border-color: var(--brand); }
  .dark\:border-brand-foreground\/20:where(.dark, .dark *) { border-color: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-brand-foreground\/20:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--brand-foreground) 20%, transparent); }
}
}
@layer utilities {
  .dark\:border-brand\/5:where(.dark, .dark *) { border-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-brand\/5:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--brand) 5%, transparent); }
}
}
@layer utilities {
  .dark\:border-brand\/20:where(.dark, .dark *) { border-color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-brand\/20:where(.dark, .dark *) { border-color: color-mix(in oklab, var(--brand) 20%, transparent); }
}
}
@layer utilities {
  .dark\:border-destructive:where(.dark, .dark *) { border-color: var(--destructive); }
  .dark\:border-green-900:where(.dark, .dark *) { border-color: var(--color-green-900); }
  .dark\:border-orange-900:where(.dark, .dark *) { border-color: var(--color-orange-900); }
  .dark\:border-red-400:where(.dark, .dark *) { border-color: var(--color-red-400); }
  .dark\:border-red-900:where(.dark, .dark *) { border-color: var(--color-red-900); }
  .dark\:border-transparent:where(.dark, .dark *) { border-color: rgba(0, 0, 0, 0); }
  .dark\:border-t-border\/15:where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-t-border\/15:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 15%, transparent); }
}
}
@layer utilities {
  .dark\:border-t-border\/20:where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-t-border\/20:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 20%, transparent); }
}
}
@layer utilities {
  .dark\:border-t-border\/30:where(.dark, .dark *) { border-top-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-t-border\/30:where(.dark, .dark *) { border-top-color: color-mix(in oklab, var(--border) 30%, transparent); }
}
}
@layer utilities {
  .dark\:border-b-border\/5:where(.dark, .dark *) { border-bottom-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:border-b-border\/5:where(.dark, .dark *) { border-bottom-color: color-mix(in oklab, var(--border) 5%, transparent); }
}
}
@layer utilities {
  .dark\:bg-accent\/30:where(.dark, .dark *) { background-color: var(--accent); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-accent\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--accent) 30%, transparent); }
}
}
@layer utilities {
  .dark\:bg-background:where(.dark, .dark *), .dark\:bg-background\/20:where(.dark, .dark *) { background-color: var(--background); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-background\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--background) 20%, transparent); }
}
}
@layer utilities {
  .dark\:bg-background\/30:where(.dark, .dark *) { background-color: var(--background); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-background\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--background) 30%, transparent); }
}
}
@layer utilities {
  .dark\:bg-background\/50:where(.dark, .dark *) { background-color: var(--background); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-background\/50:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--background) 50%, transparent); }
}
}
@layer utilities {
  .dark\:bg-border\/10:where(.dark, .dark *) { background-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-border\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .dark\:bg-border\/15:where(.dark, .dark *) { background-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-border\/15:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--border) 15%, transparent); }
}
}
@layer utilities {
  .dark\:bg-border\/20:where(.dark, .dark *) { background-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-border\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--border) 20%, transparent); }
}
}
@layer utilities {
  .dark\:bg-brand-foreground:where(.dark, .dark *) { background-color: var(--brand-foreground); }
  .dark\:bg-card:where(.dark, .dark *) { background-color: var(--card); }
  .dark\:bg-foreground\/5:where(.dark, .dark *) { background-color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/5:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); }
}
}
@layer utilities {
  .dark\:bg-foreground\/10:where(.dark, .dark *) { background-color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); }
}
}
@layer utilities {
  .dark\:bg-gray-500\/20:where(.dark, .dark *) { background-color: rgba(106, 114, 130, 0.2); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-gray-500\/20:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); }
}
}
@layer utilities {
  .dark\:bg-green-950:where(.dark, .dark *) { background-color: var(--color-green-950); }
  .dark\:bg-input:where(.dark, .dark *), .dark\:bg-input\/30:where(.dark, .dark *) { background-color: var(--input); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--input) 30%, transparent); }
}
}
@layer utilities {
  .dark\:bg-muted:where(.dark, .dark *), .dark\:bg-muted\/50:where(.dark, .dark *) { background-color: var(--muted); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-muted\/50:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); }
}
}
@layer utilities {
  .dark\:bg-orange-950:where(.dark, .dark *) { background-color: var(--color-orange-950); }
  .dark\:bg-primary\/10:where(.dark, .dark *) { background-color: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-primary\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--primary) 10%, transparent); }
}
}
@layer utilities {
  .dark\:bg-red-950:where(.dark, .dark *) { background-color: var(--color-red-950); }
  .dark\:bg-transparent:where(.dark, .dark *) { background-color: rgba(0, 0, 0, 0); }
  .dark\:bg-white:where(.dark, .dark *) { background-color: var(--color-white); }
  .dark\:bg-white\/10:where(.dark, .dark *) { background-color: rgba(255, 255, 255, 0.1); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:where(.dark, .dark *) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); }
}
}
@layer utilities {
  .dark\:from-brand:where(.dark, .dark *) { --tw-gradient-from: var(--brand); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-brand-foreground\/15:where(.dark, .dark *) { --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-brand-foreground\/15:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 15%, transparent); }
}
}
@layer utilities {
  .dark\:from-brand-foreground\/15:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-brand-foreground\/20:where(.dark, .dark *) { --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-brand-foreground\/20:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 20%, transparent); }
}
}
@layer utilities {
  .dark\:from-brand-foreground\/20:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-brand-foreground\/30:where(.dark, .dark *) { --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-brand-foreground\/30:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 30%, transparent); }
}
}
@layer utilities {
  .dark\:from-brand-foreground\/30:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-brand-foreground\/70:where(.dark, .dark *) { --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-brand-foreground\/70:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 70%, transparent); }
}
}
@layer utilities {
  .dark\:from-brand-foreground\/70:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-card\/5:where(.dark, .dark *) { --tw-gradient-from: var(--card); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-card\/5:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--card) 5%, transparent); }
}
}
@layer utilities {
  .dark\:from-card\/5:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-card\/10:where(.dark, .dark *) { --tw-gradient-from: var(--card); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-card\/10:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--card) 10%, transparent); }
}
}
@layer utilities {
  .dark\:from-card\/10:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-foreground:where(.dark, .dark *) { --tw-gradient-from: var(--foreground); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-foreground\/10:where(.dark, .dark *) { --tw-gradient-from: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-foreground\/10:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--foreground) 10%, transparent); }
}
}
@layer utilities {
  .dark\:from-foreground\/10:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-primary\/5:where(.dark, .dark *) { --tw-gradient-from: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-primary\/5:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent); }
}
}
@layer utilities {
  .dark\:from-primary\/5:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-primary\/10:where(.dark, .dark *) { --tw-gradient-from: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-primary\/10:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent); }
}
}
@layer utilities {
  .dark\:from-primary\/10:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-primary\/15:where(.dark, .dark *) { --tw-gradient-from: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:from-primary\/15:where(.dark, .dark *) { --tw-gradient-from: color-mix(in oklab, var(--primary) 15%, transparent); }
}
}
@layer utilities {
  .dark\:from-primary\/15:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:from-primary\/100:where(.dark, .dark *) { --tw-gradient-from: var(--primary); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:via-border\/30:where(.dark, .dark *) { --tw-gradient-via: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:via-border\/30:where(.dark, .dark *) { --tw-gradient-via: color-mix(in oklab, var(--border) 30%, transparent); }
}
}
@layer utilities {
  .dark\:via-border\/30:where(.dark, .dark *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  .dark\:via-brand-foreground\/15:where(.dark, .dark *) { --tw-gradient-via: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:via-brand-foreground\/15:where(.dark, .dark *) { --tw-gradient-via: color-mix(in oklab, var(--brand-foreground) 15%, transparent); }
}
}
@layer utilities {
  .dark\:via-brand-foreground\/15:where(.dark, .dark *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  .dark\:via-brand\/10:where(.dark, .dark *) { --tw-gradient-via: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:via-brand\/10:where(.dark, .dark *) { --tw-gradient-via: color-mix(in oklab, var(--brand) 10%, transparent); }
}
}
@layer utilities {
  .dark\:via-brand\/10:where(.dark, .dark *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
  .dark\:to-background:where(.dark, .dark *) { --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-brand:where(.dark, .dark *) { --tw-gradient-to: var(--brand); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-brand-foreground:where(.dark, .dark *) { --tw-gradient-to: var(--brand-foreground); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-brand-foreground\/0:where(.dark, .dark *) { --tw-gradient-to: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-brand-foreground\/0:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--brand-foreground) 0%, transparent); }
}
}
@layer utilities {
  .dark\:to-brand-foreground\/0:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-brand-foreground\/10:where(.dark, .dark *) { --tw-gradient-to: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-brand-foreground\/10:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--brand-foreground) 10%, transparent); }
}
}
@layer utilities {
  .dark\:to-brand-foreground\/10:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-card\/0:where(.dark, .dark *) { --tw-gradient-to: var(--card); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-card\/0:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--card) 0%, transparent); }
}
}
@layer utilities {
  .dark\:to-card\/0:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-card\/5:where(.dark, .dark *) { --tw-gradient-to: var(--card); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-card\/5:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--card) 5%, transparent); }
}
}
@layer utilities {
  .dark\:to-card\/5:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-foreground\/5:where(.dark, .dark *) { --tw-gradient-to: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-foreground\/5:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--foreground) 5%, transparent); }
}
}
@layer utilities {
  .dark\:to-foreground\/5:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-muted-foreground:where(.dark, .dark *) { --tw-gradient-to: var(--muted-foreground); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-muted-foreground\/20:where(.dark, .dark *) { --tw-gradient-to: var(--muted-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-muted-foreground\/20:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--muted-foreground) 20%, transparent); }
}
}
@layer utilities {
  .dark\:to-muted-foreground\/20:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-primary\/2:where(.dark, .dark *) { --tw-gradient-to: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-primary\/2:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--primary) 2%, transparent); }
}
}
@layer utilities {
  .dark\:to-primary\/2:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-primary\/5:where(.dark, .dark *) { --tw-gradient-to: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-primary\/5:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent); }
}
}
@layer utilities {
  .dark\:to-primary\/5:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:to-primary\/70:where(.dark, .dark *) { --tw-gradient-to: var(--primary); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:to-primary\/70:where(.dark, .dark *) { --tw-gradient-to: color-mix(in oklab, var(--primary) 70%, transparent); }
}
}
@layer utilities {
  .dark\:to-primary\/70:where(.dark, .dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:fill-border:where(.dark, .dark *) { fill: var(--border); }
  .dark\:fill-brand-foreground:where(.dark, .dark *) { fill: var(--brand-foreground); }
  .dark\:stroke-border\/70:where(.dark, .dark *) { stroke: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:stroke-border\/70:where(.dark, .dark *) { stroke: color-mix(in oklab, var(--border) 70%, transparent); }
}
}
@layer utilities {
  .dark\:stroke-brand:where(.dark, .dark *) { stroke: var(--brand); }
  .dark\:text-amber-200:where(.dark, .dark *) { color: var(--color-amber-200); }
  .dark\:text-background\/80:where(.dark, .dark *) { color: var(--background); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:text-background\/80:where(.dark, .dark *) { color: color-mix(in oklab, var(--background) 80%, transparent); }
}
}
@layer utilities {
  .dark\:text-blue-200:where(.dark, .dark *) { color: var(--color-blue-200); }
  .dark\:text-brand\/80:where(.dark, .dark *) { color: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:text-brand\/80:where(.dark, .dark *) { color: color-mix(in oklab, var(--brand) 80%, transparent); }
}
}
@layer utilities {
  .dark\:text-cyan-200:where(.dark, .dark *) { color: var(--color-cyan-200); }
  .dark\:text-emerald-200:where(.dark, .dark *) { color: var(--color-emerald-200); }
  .dark\:text-foreground:where(.dark, .dark *), .dark\:text-foreground\/50:where(.dark, .dark *) { color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:text-foreground\/50:where(.dark, .dark *) { color: color-mix(in oklab, var(--foreground) 50%, transparent); }
}
}
@layer utilities {
  .dark\:text-foreground\/80:where(.dark, .dark *) { color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:text-foreground\/80:where(.dark, .dark *) { color: color-mix(in oklab, var(--foreground) 80%, transparent); }
}
}
@layer utilities {
  .dark\:text-gray-200:where(.dark, .dark *) { color: var(--color-gray-200); }
  .dark\:text-green-200:where(.dark, .dark *) { color: var(--color-green-200); }
  .dark\:text-indigo-200:where(.dark, .dark *) { color: var(--color-indigo-200); }
  .dark\:text-lime-200:where(.dark, .dark *) { color: var(--color-lime-200); }
  .dark\:text-orange-200:where(.dark, .dark *) { color: var(--color-orange-200); }
  .dark\:text-pink-200:where(.dark, .dark *) { color: var(--color-pink-200); }
  .dark\:text-purple-200:where(.dark, .dark *) { color: var(--color-purple-200); }
  .dark\:text-purple-400:where(.dark, .dark *) { color: var(--color-purple-400); }
  .dark\:text-red-200:where(.dark, .dark *) { color: var(--color-red-200); }
  .dark\:text-red-400:where(.dark, .dark *) { color: var(--color-red-400); }
  .dark\:text-rose-200:where(.dark, .dark *) { color: var(--color-rose-200); }
  .dark\:text-sky-200:where(.dark, .dark *) { color: var(--color-sky-200); }
  .dark\:text-stone-300\/85:where(.dark, .dark *) { color: rgba(214, 211, 209, 0.85); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:text-stone-300\/85:where(.dark, .dark *) { color: color-mix(in oklab, var(--color-stone-300) 85%, transparent); }
}
}
@layer utilities {
  .dark\:text-teal-200:where(.dark, .dark *) { color: var(--color-teal-200); }
  .dark\:text-white:where(.dark, .dark *) { color: var(--color-white); }
  .dark\:text-yellow-200:where(.dark, .dark *) { color: var(--color-yellow-200); }
  .dark\:text-zinc-200:where(.dark, .dark *) { color: var(--color-zinc-200); }
  .dark\:opacity-50:where(.dark, .dark *) { opacity: 0.5; }
  .dark\:opacity-70:where(.dark, .dark *) { opacity: 0.7; }
  .dark\:opacity-100:where(.dark, .dark *) { opacity: 1; }
  .dark\:shadow-\[0px_0px_12px_var\(--brand\)\,_0px_0px_64px_var\(--brand-foreground\)\,0px_0px_12px_var\(--brand\)_inset\]:where(.dark, .dark *) { --tw-shadow: 0px 0px 12px var(--tw-shadow-color,var(--brand)), 0px 0px 64px var(--tw-shadow-color,var(--brand-foreground)), 0px 0px 12px var(--tw-shadow-color,var(--brand)) inset; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .dark\:shadow-sm:where(.dark, .dark *) { --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); }
  .dark\:inset-shadow-lg:where(.dark, .dark *) { --tw-inset-shadow: inset 0 2px 24px var(--tw-inset-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); }
  .dark\:inset-shadow-black\/20:where(.dark, .dark *) { --tw-inset-shadow-color: #0003; }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:inset-shadow-black\/20:where(.dark, .dark *) { --tw-inset-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-inset-shadow-alpha), transparent); }
}
}
@layer utilities {
  .dark\:outline-background\/30:where(.dark, .dark *) { outline-color: var(--background); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:outline-background\/30:where(.dark, .dark *) { outline-color: color-mix(in oklab, var(--background) 30%, transparent); }
}
}
@layer utilities {
  .dark\:drop-shadow:where(.dark, .dark *) { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); 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\:invert-0:where(.dark, .dark *) { --tw-invert: invert(0%); 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\:prose-invert:where(.dark, .dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); }
  .dark\:text-shadow-lg:where(.dark, .dark *) { text-shadow: 0px 1px 2px var(--tw-text-shadow-color,#0000001a), 0px 3px 2px var(--tw-text-shadow-color,#0000001a), 0px 4px 8px var(--tw-text-shadow-color,#0000001a); }
  .dark\:after\:bg-foreground\/30:where(.dark, .dark *)::after { content: var(--tw-content); background-color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:after\:bg-foreground\/30:where(.dark, .dark *)::after { background-color: color-mix(in oklab, var(--foreground) 30%, transparent); }
}
}
@layer utilities {
  .dark\:after\:from-brand-foreground\/30:where(.dark, .dark *)::after { content: var(--tw-content); --tw-gradient-from: var(--brand-foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:after\:from-brand-foreground\/30:where(.dark, .dark *)::after { --tw-gradient-from: color-mix(in oklab, var(--brand-foreground) 30%, transparent); }
}
}
@layer utilities {
  .dark\:after\:from-brand-foreground\/30:where(.dark, .dark *)::after { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .dark\:after\:from-brand\/30:where(.dark, .dark *)::after { content: var(--tw-content); --tw-gradient-from: var(--brand); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:after\:from-brand\/30:where(.dark, .dark *)::after { --tw-gradient-from: color-mix(in oklab, var(--brand) 30%, transparent); }
}
}
@layer utilities {
  .dark\:after\:from-brand\/30:where(.dark, .dark *)::after { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
}
@layer utilities {
@media (hover: hover) {
    .dark\:hover\:bg-stone-900:where(.dark, .dark *):hover { background-color: var(--color-stone-900); }
    .dark\:hover\:from-brand\/90:where(.dark, .dark *):hover { --tw-gradient-from: var(--brand); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .dark\:hover\:from-brand\/90:where(.dark, .dark *):hover { --tw-gradient-from: color-mix(in oklab, var(--brand) 90%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .dark\:hover\:from-brand\/90:where(.dark, .dark *):hover { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
    .dark\:hover\:from-primary\/80:where(.dark, .dark *):hover { --tw-gradient-from: var(--primary); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .dark\:hover\:from-primary\/80:where(.dark, .dark *):hover { --tw-gradient-from: color-mix(in oklab, var(--primary) 80%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .dark\:hover\:from-primary\/80:where(.dark, .dark *):hover { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
    .dark\:hover\:to-brand-foreground\/80:where(.dark, .dark *):hover { --tw-gradient-to: var(--brand-foreground); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .dark\:hover\:to-brand-foreground\/80:where(.dark, .dark *):hover { --tw-gradient-to: color-mix(in oklab, var(--brand-foreground) 80%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .dark\:hover\:to-brand-foreground\/80:where(.dark, .dark *):hover { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
    .dark\:hover\:to-primary\/70:where(.dark, .dark *):hover { --tw-gradient-to: var(--primary); }
}
}
@layer utilities {
@media (hover: hover) {
@supports (color:color-mix(in lab, red, red)) {
      .dark\:hover\:to-primary\/70:where(.dark, .dark *):hover { --tw-gradient-to: color-mix(in oklab, var(--primary) 70%, transparent); }
}
}
}
@layer utilities {
@media (hover: hover) {
    .dark\:hover\:to-primary\/70:where(.dark, .dark *):hover { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
}
}
@layer utilities {
  .dark\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *)[aria-invalid="true"] { --tw-ring-color: var(--destructive); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:where(.dark, .dark *)[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); }
}
}
@layer utilities {
  .dark\:data-\[state\=active\]\:bg-border\/10:where(.dark, .dark *)[data-state="active"] { background-color: var(--border); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:data-\[state\=active\]\:bg-border\/10:where(.dark, .dark *)[data-state="active"] { background-color: color-mix(in oklab, var(--border) 10%, transparent); }
}
}
@layer utilities {
  .dark\:data-\[state\=checked\]\:bg-amber-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-amber-500); }
  .dark\:data-\[state\=checked\]\:bg-blue-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-blue-500); }
  .dark\:data-\[state\=checked\]\:bg-cyan-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-cyan-500); }
  .dark\:data-\[state\=checked\]\:bg-emerald-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-emerald-500); }
  .dark\:data-\[state\=checked\]\:bg-gray-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-gray-500); }
  .dark\:data-\[state\=checked\]\:bg-green-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-green-500); }
  .dark\:data-\[state\=checked\]\:bg-indigo-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-indigo-500); }
  .dark\:data-\[state\=checked\]\:bg-lime-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-lime-500); }
  .dark\:data-\[state\=checked\]\:bg-orange-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-orange-500); }
  .dark\:data-\[state\=checked\]\:bg-pink-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-pink-500); }
  .dark\:data-\[state\=checked\]\:bg-primary:where(.dark, .dark *)[data-state="checked"] { background-color: var(--primary); }
  .dark\:data-\[state\=checked\]\:bg-purple-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-purple-500); }
  .dark\:data-\[state\=checked\]\:bg-red-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-red-500); }
  .dark\:data-\[state\=checked\]\:bg-rose-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-rose-500); }
  .dark\:data-\[state\=checked\]\:bg-sky-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-sky-500); }
  .dark\:data-\[state\=checked\]\:bg-teal-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-teal-500); }
  .dark\:data-\[state\=checked\]\:bg-yellow-500:where(.dark, .dark *)[data-state="checked"] { background-color: var(--color-yellow-500); }
  .dark\:prose-code\:bg-foreground\/5:where(.dark, .dark *) :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: var(--foreground); }
}
@layer utilities {
@supports (color:color-mix(in lab, red, red)) {
    .dark\:prose-code\:bg-foreground\/5:where(.dark, .dark *) :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); }
}
}
@layer utilities {
  .dark\:prose-code\:text-white:where(.dark, .dark *) :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--color-white); }
  .\[\&_svg\]\:h-\[100\%\] svg { height: 100%; }
  .\[\&_svg\]\:w-\[100\%\] svg { width: 100%; }
  :scope { --brand-ember: #e9680c; --brand-ember-foreground: #fb923c; --background-ember: #f8f7f7; --brand-fire: #e20303; --brand-fire-foreground: #ef7d44; --background-fire: #f9f6f6; --brand-ultraviolet: #400ae2; --brand-ultraviolet-foreground: #4f46e5; --background-ultraviolet: #f5f7fa; --brand-ice: #1e75e8; --brand-ice-foreground: #38bdf8; --background-ice: #f5f7fa; --brand-titanium: #6a6a75; --brand-titanium-foreground: #8b8b93; --background-titanium: #f7f7f8; --brand-emerald: #05aa74; --brand-emerald-foreground: #42e0a1; --background-emerald: #f5f7fa; --brand-holo: #9333ea; --brand-holo-foreground: #fba11b; --background-holo: #f9f7f6; --brand-electro: #3768f0; --brand-electro-foreground: #31e4c8; --background-electro: #f5faf9; --radius-small: .25rem; --radius-default: .5rem; --radius-large: 1rem; --radius-xl: 2rem; }
  :scope.dark { --brand-ember: #fdba72; --brand-ember-foreground: #fb923c; --background-ember: #09090b; --brand-fire: #fda172; --brand-fire-foreground: #ef4444; --background-fire: #09090b; --brand-ultraviolet: #a78bfa; --brand-ultraviolet-foreground: #4f46e5; --background-ultraviolet: #09090b; --brand-ice: #e2e8f0; --brand-ice-foreground: #38bdf8; --background-ice: #09090b; --brand-titanium: #d4d4d8; --brand-titanium-foreground: #71717a; --background-titanium: #09090b; --brand-emerald: #6ee7b7; --brand-emerald-foreground: #10b981; --background-emerald: #09090b; --brand-holo: #fcd34d; --brand-holo-foreground: #9333ea; --background-holo: #09090b; --brand-electro: #5eead4; --brand-electro-foreground: #1d4ed8; --background-electro: #09090b; }
  .dark .keyword { color: rgb(251, 113, 133); }
  .dark .function { color: rgb(56, 189, 248); }
  .dark .string, .dark .constant, .dark .annotation, .dark .boolean, .dark .number { color: rgb(251, 191, 36); }
  .dark .tag { color: rgb(251, 113, 133); }
  .dark .attr-name { color: rgb(34, 197, 94); }
  .dark .attr-value { color: rgb(251, 146, 60); }
}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
:scope { --brand: #e9680c; --brand-foreground: #fb923c; --background: #f8f7f7; --foreground: #09090b; --card: #fff; --card-foreground: #09090b; --popover: #fff; --popover-foreground: #09090b; --primary: #e9680c; --primary-foreground: #fafafa; --secondary: #f4f4f5; --secondary-foreground: #18181b; --muted: #f4f4f5; --muted-foreground: #71717b; --accent: #e7e7e7; --accent-foreground: #18181b; --destructive: #e40014; --destructive-foreground: #e40014; --border: #e4e4e7; --input: #e4e4e7; --ring: #9f9fa9; --chart-1: #f05100; --chart-2: #009588; --chart-3: #104e64; --chart-4: #fcbb00; --chart-5: #f99c00; --radius: .625rem; --sidebar: #fafafa; --sidebar-foreground: #09090b; --sidebar-primary: #18181b; --sidebar-primary-foreground: #fafafa; --sidebar-accent: #f4f4f5; --sidebar-accent-foreground: #18181b; --sidebar-border: #e4e4e7; --sidebar-ring: #9f9fa9; --light: var(--brand); --light-foreground: var(--brand-foreground); --shadow: #00000008; --shadow-strong: #00000008; }
:scope.dark { --brand: #fdba72; --brand-foreground: #fb923c; --background: #09090b; --foreground: #fafafa; --card: #09090b; --card-foreground: #fafafa; --popover: #09090b; --popover-foreground: #fafafa; --primary: #fafafa; --primary-foreground: #18181b; --secondary: #27272a; --secondary-foreground: #fafafa; --muted: #27272a; --muted-foreground: #9f9fa9; --accent: #27272a; --accent-foreground: #fafafa; --destructive: #82181a; --destructive-foreground: #fb2c36; --border: #d8d8dd; --input: #27272a; --ring: #52525c; --chart-1: #1447e6; --chart-2: #00bb7f; --chart-3: #f99c00; --chart-4: #ac4bff; --chart-5: #ff2357; --sidebar: #18181b; --sidebar-foreground: #fafafa; --sidebar-primary: #1447e6; --sidebar-primary-foreground: #fafafa; --sidebar-accent: #27272a; --sidebar-accent-foreground: #fafafa; --sidebar-border: #27272a; --sidebar-ring: #52525c; --light: var(--foreground); --light-foreground: var(--foreground); --shadow: #00000020; --shadow-strong: #0008; }
@keyframes wave { 
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(1.5); }
}
@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-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-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 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-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-text-shadow-color { syntax: "*"; inherits: false; }
@property --tw-text-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ping { 
  75%, 100% { opacity: 0; transform: scale(2); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height); }
}
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height); }
  100% { height: 0px; }
}
@keyframes appear { 
  0% { opacity: 0; filter: blur(0.5rem); transform: translateY(1rem); }
  50% { filter: blur(); }
  100% { opacity: 1; filter: blur(); transform: translateY(0px); }
}
@keyframes appear-zoom { 
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes marquee { 
  0% { transform: translate(0px); }
  100% { transform: translateX(calc(-100% - var(--gap))); }
}
@keyframes pulse-hover { 
  0% { opacity: 1; transform: translateY(0px); }
  50% { opacity: 0.5; transform: translateY(-1rem); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes hover { 
  0% { transform: translateY(0px) translate(0px); }
  50% { transform: translateY(-1rem) translate(1rem); }
  100% { transform: translateY(0px) translate(0px); }
}
@keyframes hover-reverse { 
  0% { transform: translateY(0px) translate(0px); }
  50% { transform: translateY(1rem) translate(1rem); }
  100% { transform: translateY(0px) translate(0px); }
}
@keyframes wiggle { 
  0%, 16.67%, 33.33%, 50% { transform: rotate(-15deg); }
  8.33%, 25%, 41.67% { transform: rotate(15deg); }
  50%, 100% { transform: rotate(0deg); }
}
@keyframes impulse { 
  20% { opacity: 0; left: 0px; transform: scale(0.5); }
  50% { opacity: 1; left: 50%; transform: scale(3); }
  80% { opacity: 0; left: 100%; transform: scale(0.5); }
}
@keyframes orbit { 
  10%, 20% { opacity: 1; }
  35% { opacity: 0; }
  40% { opacity: 0; stroke-dashoffset: -250px; }
}
@keyframes appear-slide { 
  0% { opacity: 0; transform: translateY(3rem) scale(0.5); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes shiny-text { 
  0% { background-position: calc(-100% - 200px) 0px; }
  100% { background-position: calc(100% + 200px) 0px; }
}
@keyframes reveal { 
  0% { filter: blur(10px); opacity: 0; }
  100% { filter: blur(); opacity: 1; }
}
:scope { --brand: var(--brand-ember); --brand-foreground: var(--brand-ember-foreground); --primary: var(--brand-ember); --background: var(--background-ember); --muted: var(--background-ember); --radius: var(--radius-default); --line-width: 0; }
:scope.dark { --primary: oklch(0.985 0 0); }


/* mapeia as variáveis globais pros tokens internos do bloco (fica DEPOIS do CSS extraído pra ter prioridade) */
:scope, :scope.dark {
  --q-accent: var(--accent-color);
  --q-glow: var(--glow-color);
  --q-card-bg: var(--card-bg);
  --accent-color-soft: color-mix(in oklab, var(--q-accent) 62%, white); /* tom mais claro do accent */
  --brand-foreground: var(--q-accent);
  --brand: var(--accent-color-soft);
  --card: var(--q-card-bg);
  --background: var(--q-card-bg);
  --font-sans: var(--font-body);
  --font-mono: var(--font-small);
}
:scope:not(.dark) {
  --q-accent: var(--accent-color-light);
  --q-glow: var(--glow-color-light);
  --q-card-bg: var(--card-bg-light);
  --accent-color-soft: color-mix(in oklab, var(--q-accent) 80%, black); /* no claro, o tom secundário é mais escuro */
}
:scope {
  font-family: var(--font-sans);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--foreground);
  max-width: var(--largura-max);
  margin: 0 auto;
  padding: 16px var(--respiro);
  box-sizing: border-box;
}
:scope [data-slot="card"] { background-color: var(--q-card-bg); }
/* o glow de fundo usa --glow-color (e um tom mais claro dela) em vez do accent */
:scope [data-slot="glow"] { --brand-foreground: var(--q-glow); --brand: color-mix(in oklab, var(--q-glow) 62%, white); }
:scope [data-slot="card-link"] { color: inherit; text-decoration: none; }
/* Regra 1 do projeto: o painel do card é ilustrativo e precisa dizer isso na cara. */
:scope .q-aviso {
  margin-top: 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted-foreground);
}
:scope img { max-width: 100%; }


/* ===================== Quilha: celular (card 1) ===================== */
:scope .q-screen { position: relative; width: 350px; max-width: 100%; height: 765px; overflow: hidden; background: #0b0b0e; }
:scope .q-statusbar { position: absolute; top: 0; left: 0; right: 0; z-index: 2; height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 26px 0 34px; font-size: 15px; font-weight: 600; color: #fff; background: #0b0b0e; }
:scope .q-site { display: block; width: 100%; height: auto; margin-top: 44px; opacity: 0.55; transform: translateY(0); transition: transform 1.4s cubic-bezier(.4, 0, .2, 1), opacity 0.8s ease; will-change: transform; }
@media (hover: hover) {
  :scope [data-slot="card"]:hover .q-site { opacity: 1; transform: translateY(calc(-100% + 300px)); transition: transform 9s cubic-bezier(.4, 0, .2, 1), opacity 0.8s ease; }
}
/* ===================== Quilha: dashboard (card 3) ===================== */
:scope .q-dash { width: 396px; max-width: 100%; display: flex; flex-direction: column; gap: 14px; font-size: 12px; }
:scope .q-dash-head { display: flex; align-items: center; justify-content: space-between; color: var(--foreground); font-weight: 600; font-size: 13px; }
:scope .q-badge { font-size: 11px; font-weight: 500; color: var(--brand-foreground); border: 1px solid color-mix(in oklab, var(--brand-foreground) 35%, transparent); background: color-mix(in oklab, var(--brand-foreground) 12%, transparent); border-radius: 999px; padding: 2px 8px; }
:scope .q-row { display: flex; flex-direction: column; gap: 6px; }
:scope .q-meta { display: flex; justify-content: space-between; align-items: baseline; }
:scope .q-lbl { color: var(--muted-foreground); }
:scope .q-val { color: var(--foreground); font-family: var(--font-mono); font-size: 13px; }
:scope .q-bar { height: 6px; border-radius: 999px; overflow: hidden; background: color-mix(in oklab, var(--foreground) 8%, transparent); }
:scope .q-bar i { display: block; height: 100%; width: var(--w); border-radius: inherit; background: linear-gradient(90deg, var(--brand), var(--brand-foreground)); transition: width 1.2s cubic-bezier(.4, 0, .2, 1); }
:scope .q-dash[data-panel="b"] .q-bar i { width: 0; }
/* ===================== Quilha: animações rodando sem hover ===================== */
:scope .group-hover\:animate-impulse { animation: 2s ease-in-out 0s infinite normal none running impulse; }
:scope .group-hover\:animate-orbit { animation: 2s linear 0s infinite normal none running orbit; }
:scope .group-hover\:animate-ping { animation: var(--animate-ping); }
:scope .group-hover\:animate-spin-slow { animation: 3s linear 0s infinite normal none running spin; }
:scope .group-hover\:animate-hover { animation: 4s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running hover; }
:scope .group-hover\:animate-hover-reverse { animation: 6s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running hover-reverse; }

/* card 2: feixe em cor mais leve quando parado, cor normal no hover */
:scope [data-slot="pipeline-illustration"] .group-hover\:animate-impulse { filter: saturate(0.25) brightness(1.25); transition: filter 0.8s ease; }
@media (hover: hover) {
  :scope [data-slot="card"]:hover [data-slot="pipeline-illustration"] .group-hover\:animate-impulse { filter: none; }
}

/* card 3: alterna Leads/Vendas sozinho; no hover volta ao comportamento normal (fixa em Vendas) */
@keyframes q-tab   { 0%, 42% { left: 0; } 52%, 92% { left: 50%; } 100% { left: 0; } }
@keyframes q-pan-a { 0%, 42% { translate: 0 0; opacity: 1; } 52%, 92% { translate: -100% 0; opacity: 0; } 100% { translate: 0 0; opacity: 1; } }
@keyframes q-pan-b { 0%, 42% { translate: 100% 0; opacity: 0; } 52%, 92% { translate: 0 0; opacity: 1; } 100% { translate: 100% 0; opacity: 0; } }
@keyframes q-bar-b { 0%, 50% { width: 0; } 62%, 92% { width: var(--w); } 100% { width: 0; } }
:scope .q-tab-slider { animation: q-tab 10s cubic-bezier(0.4, 0, 0.2, 1) var(--q-delay, 0s) infinite; }
:scope .q-panel-a { animation: q-pan-a 10s cubic-bezier(0.4, 0, 0.2, 1) var(--q-delay, 0s) infinite; }
:scope .q-panel-b { animation: q-pan-b 10s cubic-bezier(0.4, 0, 0.2, 1) var(--q-delay, 0s) infinite; }
:scope .q-dash[data-panel="b"] .q-bar i { animation: q-bar-b 10s cubic-bezier(0.4, 0, 0.2, 1) var(--q-delay, 0s) infinite; }

/* abas clicáveis */
:scope .q-dash-tab { appearance: none; background: none; border: 0; font: inherit; color: var(--muted-foreground); cursor: pointer; border-radius: 6px; user-select: none; transition: color 0.3s ease, background-color 0.3s ease; }
:scope .q-dash-tab:hover, :scope .q-dash-tab:focus-visible { color: var(--foreground); background-color: color-mix(in oklab, var(--foreground) 6%, transparent); outline: none; }
:scope .q-dash-tab.is-active { color: var(--foreground); }
:scope .q-dash-tab svg { transition: transform 0.3s ease; }
:scope .q-dash-tab:hover svg { transform: scale(1.15); }
/* modo manual (depois do clique): pausa o loop e mostra a aba escolhida */
:scope [data-tab] .q-tab-slider, :scope [data-tab] .q-panel-a, :scope [data-tab] .q-panel-b, :scope [data-tab] .q-dash[data-panel="b"] .q-bar i { animation: none; }
:scope [data-tab="b"] .q-tab-slider { left: 50%; }
:scope [data-tab="b"] .q-panel-a { translate: -100% 0; opacity: 0; }
:scope [data-tab="b"] .q-panel-b { translate: 0 0; opacity: 1; }
:scope [data-tab="b"] .q-dash[data-panel="b"] .q-bar i { width: var(--w); transition-delay: 0.4s; }


/* card 6: logos oficiais (se existirem em logos/) escondem o ícone genérico */
:scope .q-svc { width: 40px; height: 40px; }            /* ~40% maior que o original (28px) */
:scope .q-logo svg, :scope .q-logo img { width: 22px; height: 22px; display: block; }
:scope .q-logo img + svg { display: none; }
:scope .q-logo[style*="background:#fff"], :scope .q-logo[style*="linear-gradient"], :scope .q-logo[style*="#25D366"] { box-shadow: 0 0 0 1px color-mix(in oklab, white 15%, transparent); }

/* card 6: radar girando sempre; ícone aparece quando a varredura passa; no hover todos visíveis com pulso suave */
@keyframes q-reveal { 0% { opacity: 1; } 12% { opacity: 1; } 45% { opacity: 0.06; } 100% { opacity: 0.06; } }
@keyframes q-ping-soft { 0% { transform: scale(1); opacity: 0.45; } 70%, 100% { transform: scale(1.7); opacity: 0; } }
:scope [data-slot="radar-small-illustration"] .group-hover\:animate-spin-slow { opacity: 0.4; }
:scope [data-slot="radar-small-illustration"] .q-logo { animation: q-reveal 3s linear infinite; transition: opacity 0.4s ease; }
:scope [data-slot="radar-small-illustration"] .group-hover\:animate-ping { animation: none; opacity: 0; }
@media (hover: hover) {
  :scope [data-slot="card"]:hover [data-slot="radar-small-illustration"] .q-logo { animation: none; opacity: 1; }
  :scope [data-slot="card"]:hover [data-slot="radar-small-illustration"] .group-hover\:animate-ping { animation: q-ping-soft 2.6s cubic-bezier(0, 0, 0.2, 1) infinite; opacity: 0.45; }
}
/* card 1: dica */
@keyframes q-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
:scope .q-hint { position: absolute; left: 50%; bottom: 28px; z-index: 20; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; padding: 8px 14px; border-radius: 999px; font-size: 12px; font-weight: 500; color: var(--foreground); background: color-mix(in oklab, var(--card-bg) 70%, var(--foreground) 12%); border: 1px solid color-mix(in oklab, var(--foreground) 14%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 8px 24px color-mix(in oklab, black 40%, transparent); transition: opacity 0.5s ease, transform 0.5s ease; }
:scope .q-hint svg { color: var(--brand-foreground); flex: none; }
:scope .q-hint-arrow { animation: q-bounce 1.4s ease-in-out infinite; }
@media (hover: hover) {
  :scope [data-slot="card"]:hover .q-hint { opacity: 0; transform: translate(-50%, 10px); pointer-events: none; }
}
@media (hover: none) { :scope .q-hint { display: none; } }

:scope [data-slot="card-title"] {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--card-foreground); /* segue o modo (ganha do h3 { color: #fff } do tema) */
}
:scope [data-slot="card-description"],
:scope [data-slot="card-description"] p,
:scope .q-hint,
:scope .q-lbl { font-family: var(--font-body); }

}