/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: "Lexend Deca", "Inter var", ui-sans-serif, system-ui,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-mono: var(--font-mono);
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-orange-700: oklch(55.3% 0.195 38.402);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-700: oklch(55.5% 0.163 48.998);
  --color-yellow-50: oklch(98.7% 0.026 102.212);
  --color-yellow-100: oklch(97.3% 0.071 103.193);
  --color-yellow-200: oklch(94.5% 0.129 101.54);
  --color-yellow-300: oklch(90.5% 0.182 98.111);
  --color-yellow-400: oklch(85.2% 0.199 91.936);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-yellow-700: oklch(55.4% 0.135 66.442);
  --color-yellow-950: oklch(28.6% 0.066 53.813);
  --color-lime-300: oklch(89.7% 0.196 126.665);
  --color-lime-400: oklch(84.1% 0.238 128.85);
  --color-lime-700: oklch(53.2% 0.157 131.589);
  --color-green-400: oklch(79.2% 0.209 151.711);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-emerald-700: oklch(50.8% 0.118 165.612);
  --color-teal-300: oklch(85.5% 0.138 181.071);
  --color-teal-500: oklch(70.4% 0.14 182.503);
  --color-teal-700: oklch(51.1% 0.096 186.391);
  --color-cyan-300: oklch(86.5% 0.127 207.078);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-cyan-700: oklch(52% 0.105 223.128);
  --color-sky-300: oklch(82.8% 0.111 230.318);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-sky-700: oklch(50% 0.134 242.749);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-indigo-400: oklch(67.3% 0.182 276.935);
  --color-indigo-500: oklch(58.5% 0.233 277.117);
  --color-indigo-700: oklch(45.7% 0.24 277.023);
  --color-violet-400: oklch(70.2% 0.183 293.541);
  --color-violet-500: oklch(60.6% 0.25 292.717);
  --color-violet-700: oklch(49.1% 0.27 292.581);
  --color-purple-400: oklch(71.4% 0.203 305.504);
  --color-purple-500: oklch(62.7% 0.265 303.9);
  --color-purple-700: oklch(49.6% 0.265 301.924);
  --color-fuchsia-400: oklch(74% 0.238 322.16);
  --color-fuchsia-700: oklch(51.8% 0.253 323.949);
  --color-pink-400: oklch(71.8% 0.202 349.761);
  --color-pink-700: oklch(52.5% 0.223 3.958);
  --color-rose-400: oklch(71.2% 0.194 13.428);
  --color-rose-700: oklch(51.4% 0.222 16.935);
  --color-slate-50: var(--slate-50);
  --color-slate-100: var(--slate-100);
  --color-slate-200: var(--slate-200);
  --color-slate-300: var(--slate-300);
  --color-slate-400: var(--slate-400);
  --color-slate-500: var(--slate-500);
  --color-slate-600: var(--slate-600);
  --color-slate-700: var(--slate-700);
  --color-slate-800: var(--slate-800);
  --color-slate-900: var(--slate-900);
  --color-slate-950: oklch(12.9% 0.042 264.695);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-zinc-200: oklch(92% 0.004 286.32);
  --color-zinc-400: oklch(70.5% 0.015 286.067);
  --color-zinc-500: oklch(55.2% 0.016 285.938);
  --color-zinc-600: oklch(44.2% 0.017 285.786);
  --color-zinc-700: oklch(37% 0.013 285.805);
  --color-zinc-800: oklch(27.4% 0.006 286.033);
  --color-zinc-900: oklch(21% 0.006 285.885);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --text-xs: 0.81rem;
  --text-sm: 0.875rem;
  --text-sm--line-height: 1.25rem;
  --text-base: 1rem;
  --text-base--line-height: 1.5rem;
  --text-lg: 1.125rem;
  --text-lg--line-height: 1.75rem;
  --text-xl: 1.25rem;
  --text-xl--line-height: 1.75rem;
  --text-2xl: 1.5rem;
  --text-2xl--line-height: 2rem;
  --text-3xl: 1.875rem;
  --text-3xl--line-height: 2.25rem;
  --text-4xl: 2.25rem;
  --text-4xl--line-height: 2.5rem;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-xs: 0.125rem;
  --radius-md: calc(var(--radius) - 2px);
  --radius-2xl: 1rem;
  --shadow-xs: var(--shadow-xs);
  --shadow-sm: var(--shadow-sm);
  --shadow-md: var(--shadow-md);
  --shadow-lg: var(--shadow-lg);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-xl: 24px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --shadow-cta: var(--shadow-cta);
  --font-lexend-deca: var(--font-lexend-deca);
  --font-inter: var(--font-inter);
  --font-instrument-serif: var(--font-instrument-serif);
  --font-display: var(--font-display);
  --font-heading: var(--font-heading);
  --font-body: var(--font-body);
  --color-background: var(--background);
  --text-2xs: 0.65rem;
  --text-2xs--line-height: 0.9rem;
  --text-2xs--letter-spacing: 1px;
  --color-base-50: var(--color-slate-50);
  --color-base-100: var(--color-slate-100);
  --color-base-200: var(--color-slate-200);
  --color-base-300: var(--color-slate-300);
  --color-base-400: var(--color-slate-400);
  --color-base-500: var(--color-slate-500);
  --color-base-600: var(--color-slate-600);
  --color-base-700: var(--color-slate-700);
  --color-base-800: var(--color-slate-800);
  --color-base-900: var(--color-slate-900);
  --color-primary-200: var(--primary-200);
  --color-primary-300: var(--primary-300);
  --color-primary-400: var(--primary-400);
  --color-primary-500: var(--primary-500);
  --color-primary-600: var(--primary-600);
  --color-primary-700: var(--primary-700);
  --color-primary-800: var(--primary-800);
  --color-primary-900: var(--primary-900);
  --color-secondary-200: var(--secondary-200);
  --color-secondary-300: var(--secondary-300);
}
:root {
  --indigo-50: #eef2ff;
  --indigo-100: #e0e7ff;
  --indigo-200: #c7d2fe;
  --indigo-300: #a5b4fc;
  --indigo-400: #818cf8;
  --indigo-500: #6366f1;
  --indigo-600: #4f46e5;
  --indigo-700: #4338ca;
  --indigo-800: #3730a3;
  --indigo-900: #312e81;
  --indigo-950: #1e1b4b;
  --brand-grad-from: #707eff;
  --brand-grad-to: #3a4be8;
  --brand-gradient: linear-gradient(
    to bottom right,
    var(--brand-grad-from),
    var(--brand-grad-to)
  );
  --brand-indigo-field: #4338ca;
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --white: #ffffff;
  --green-100: #dcfce7;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-800: #166534;
  --emerald-50: #ecfdf5;
  --emerald-100: #d1fae5;
  --emerald-200: #a7f3d0;
  --emerald-500: #10b981;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --yellow-100: #fef9c3;
  --yellow-200: #fef08a;
  --yellow-400: #facc15;
  --yellow-500: #eab308;
  --yellow-800: #854d0e;
  --amber-50: #fffbeb;
  --amber-200: #fde68a;
  --amber-400: #fbbf24;
  --amber-500: #f59e0b;
  --amber-700: #b45309;
  --rose-50: #fff1f2;
  --rose-100: #ffe4e6;
  --rose-400: #fb7185;
  --rose-500: #f43f5e;
  --rose-600: #e11d48;
  --red-600: #dc2626;
  --blue-100: #dbeafe;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;
  --blue-800: #1e40af;
  --indigo-pill-100: #e0e7ff;
  --purple-100: #f3e8ff;
  --purple-800: #6b21a8;
  --orange-100: #ffedd5;
  --orange-500: #f97316;
  --orange-800: #9a3412;
  --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.08),
    0 1px 2px -1px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08),
    0 2px 4px -2px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.1),
    0 4px 6px -4px rgba(15, 23, 42, 0.06);
  --shadow-cta: 0 4px 6px -1px rgba(99, 102, 241, 0.2);
  --radius: 0.625rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --radius-full: 9999px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --font-lexend-deca: "Lexend Deca", ui-sans-serif, system-ui, sans-serif;
  --font-inter: "Inter var", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-instrument-serif: "Instrument Serif", ui-serif, Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-ui: var(--font-lexend-deca);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --background: oklch(1 0 0);
  --foreground: oklch(0.129 0.042 264.695);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.129 0.042 264.695);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.129 0.042 264.695);
  --primary: oklch(0.208 0.042 265.755);
  --primary-foreground: oklch(0.984 0.003 247.858);
  --secondary: oklch(0.968 0.007 247.896);
  --secondary-foreground: oklch(0.208 0.042 265.755);
  --muted: oklch(0.968 0.007 247.896);
  --muted-foreground: oklch(0.554 0.046 257.417);
  --accent: oklch(0.968 0.007 247.896);
  --accent-foreground: oklch(0.208 0.042 265.755);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.929 0.013 255.508);
  --input: oklch(0.929 0.013 255.508);
  --ring: oklch(0.704 0.04 256.788);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.984 0.003 247.858);
  --sidebar-foreground: oklch(0.129 0.042 264.695);
  --sidebar-primary: oklch(0.208 0.042 265.755);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.968 0.007 247.896);
  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
  --sidebar-border: oklch(0.929 0.013 255.508);
  --sidebar-ring: oklch(0.704 0.04 256.788);
  --scrollbar-track: var(--muted);
  --scrollbar-thumb: var(--border);
  --scrollbar-thumb-hover: oklch(0.85 0.015 255.508);
}
:root[data-theme="dark"] {
  --background: oklch(0.129 0.042 264.695);
  --foreground: oklch(0.984 0.003 247.858);
  --card: oklch(0.208 0.042 265.755);
  --card-foreground: oklch(0.984 0.003 247.858);
  --popover: oklch(0.208 0.042 265.755);
  --popover-foreground: oklch(0.984 0.003 247.858);
  --primary: oklch(0.929 0.013 255.508);
  --primary-foreground: oklch(0.208 0.042 265.755);
  --secondary: oklch(0.279 0.041 260.031);
  --secondary-foreground: oklch(0.984 0.003 247.858);
  --muted: oklch(0.279 0.041 260.031);
  --muted-foreground: oklch(0.704 0.04 256.788);
  --accent: oklch(0.279 0.041 260.031);
  --accent-foreground: oklch(0.984 0.003 247.858);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.551 0.027 264.364);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.208 0.042 265.755);
  --sidebar-foreground: oklch(0.984 0.003 247.858);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.279 0.041 260.031);
  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.551 0.027 264.364);
}
:root {
  --font-display: var(--font-lexend-deca);
  --font-heading: var(--font-lexend-deca);
  --font-body: var(--font-inter);
  --text-display-size: 2.25rem;
  --text-display-line: 1.05;
  --text-display-tracking: -0.02em;
}
[data-surface="marketing"] {
  --font-display: var(--font-instrument-serif);
  --text-display-size: 3.75rem;
  --text-display-line: 1;
  --text-display-tracking: -0.005em;
}
[data-surface="docs"] {
  --text-display-size: 1.875rem;
  --text-display-line: 1.15;
  --text-display-tracking: -0.01em;
}
:root, :root:where([data-theme]) {
  --slate-950: #020617;
  --sidebar: var(--slate-900);
  --sidebar-foreground: oklch(0.984 0.003 247.858);
  --sidebar-primary: var(--indigo-500);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.279 0.041 260.031);
  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.551 0.027 264.364);
  --deck-swatch-1: var(--blue-500);
  --deck-swatch-2: var(--emerald-500);
  --deck-swatch-3: var(--rose-400);
  --deck-swatch-4: var(--amber-500);
  --deck-swatch-5: var(--indigo-400);
  --band-wash: radial-gradient(900px 420px at 30% 0%, #ece8fb 0%, transparent 70%),
    radial-gradient(700px 380px at 85% 0%, #e6ecfb 0%, transparent 70%),
    var(--slate-50);
  --auth-wash: radial-gradient(560px 400px at 48% 30%, #dff0f6 0%, transparent 70%),
    radial-gradient(520px 380px at 72% 62%, #ece8fb 0%, transparent 70%),
    #f6f8fb;
}
:root[data-theme="dark"] {
  --sidebar: var(--slate-950);
  --background: var(--slate-950);
  --card: var(--slate-900);
  --popover: var(--slate-900);
  --muted: var(--slate-800);
  --border: var(--slate-700);
  --input: var(--slate-700);
  --secondary: var(--slate-800);
  --accent: var(--slate-800);
  --muted-foreground: var(--slate-300);
  --band-wash: radial-gradient(900px 420px at 30% 0%, var(--indigo-500) 0%, transparent 70%),
    radial-gradient(700px 380px at 85% 0%, var(--blue-500) 0%, transparent 70%),
    var(--slate-950);
  @supports (color: color-mix(in lab, red, red)) {
    --band-wash: radial-gradient(900px 420px at 30% 0%, color-mix(in srgb, var(--indigo-500) 16%, transparent) 0%, transparent 70%),
    radial-gradient(700px 380px at 85% 0%, color-mix(in srgb, var(--blue-500) 10%, transparent) 0%, transparent 70%),
    var(--slate-950);
  }
  --auth-wash: radial-gradient(560px 400px at 48% 30%, var(--blue-500) 0%, transparent 70%),
    radial-gradient(520px 380px at 72% 62%, var(--indigo-500) 0%, transparent 70%),
    var(--slate-950);
  @supports (color: color-mix(in lab, red, red)) {
    --auth-wash: radial-gradient(560px 400px at 48% 30%, color-mix(in srgb, var(--blue-500) 8%, transparent) 0%, transparent 70%),
    radial-gradient(520px 380px at 72% 62%, color-mix(in srgb, var(--indigo-500) 15%, transparent) 0%, transparent 70%),
    var(--slate-950);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-color: var(--border, currentColor);
  }
  button:not(:disabled), [role="button"], input[type="submit"]:not(:disabled), input[type="button"]:not(:disabled), input[type="reset"]:not(:disabled), input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled), select:not(:disabled), summary, label:has(> input[type="checkbox"]:not(:disabled)), label:has(> input[type="radio"]:not(:disabled)) {
    cursor: pointer;
  }
}
b, strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.buttons > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.full {
  display: flex;
  width: 100%;
  justify-content: center;
}
form.form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
form.form .form-wrapper > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
form.form .form-wrapper[disabled] {
  opacity: 0.3;
  position: relative;
  user-select: none;
  &:before {
    content: "";
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
form.form[method="post" i], form.form[method="patch" i] {
  margin-top: -1.25rem;
}
form.form .buttons {
  > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }
  padding-top: var(--spacing);
}
.table {
  width: 100%;
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(& > :not(:last-child)) {
    border-color: var(--slate-900);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--slate-900) 5%, transparent);
    }
  }
  text-align: left;
  &:where([data-theme="dark"], [data-theme="dark"] *) {
    :where(& > :not(:last-child)) {
      border-color: var(--slate-700);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--slate-700) 5%, transparent);
      }
    }
  }
  th {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    text-transform: none;
    color: var(--muted-foreground);
    &:first-child {
      padding-left: calc(var(--spacing) * 5);
    }
    &:last-child {
      padding-right: calc(var(--spacing) * 5);
    }
  }
  tbody {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(& > :not(:last-child)) {
      border-color: var(--slate-900);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--slate-900) 5%, transparent);
      }
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--slate-700);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--slate-700) 5%, transparent);
        }
      }
    }
  }
  td {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
    &:first-child {
      padding-left: calc(var(--spacing) * 5);
    }
    &:last-child {
      padding-right: calc(var(--spacing) * 5);
    }
    &.buttons {
      padding-right: calc(var(--spacing) * 3);
      text-align: right;
      > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
      }
      & > * {
        margin-top: calc(var(--spacing) * -5);
        margin-bottom: calc(var(--spacing) * -5);
      }
    }
  }
}
.box-table {
  overflow-x: auto;
  .table {
    & th, & td {
      &:first-child {
        padding-left: calc(var(--spacing) * 8);
      }
      &:last-child {
        padding-right: calc(var(--spacing) * 8);
      }
    }
  }
}
.pagy {
  display: flex;
  > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.25rem;
  }
  a:not(.gap) {
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    width: fit-content;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--background);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--foreground);
    text-decoration-line: none;
    --tw-shadow: var(--shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    &:hover {
      background-color: var(--accent);
    }
    &:hover {
      color: var(--accent-foreground);
    }
    &:hover {
      text-decoration-line: none;
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus-visible {
      --tw-ring-color: var(--indigo-500);
    }
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 50%;
    }
    &>[data-slot=icon] {
      margin-inline: calc(var(--spacing) * -0.5);
    }
    &>[data-slot=icon] {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
    &>[data-slot=icon] {
      flex-shrink: 0;
    }
    &>[data-slot=icon] {
      @media (width >= 40rem) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
      }
    }
    &:not([href]) {
      position: relative;
      isolation: isolate;
      display: inline-flex;
      height: calc(var(--spacing) * 9);
      width: fit-content;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 2);
      border-radius: var(--radius);
      --tw-gradient-position: to bottom right;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom right in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--brand-grad-from);
      --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(--brand-grad-to);
      --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));
      padding-inline: calc(var(--spacing) * 4);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      white-space: nowrap;
      color: var(--indigo-50);
      --tw-shadow: var(--shadow-cta);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
      &:hover {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      &:hover {
        --tw-shadow: var(--shadow-lg);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus-visible {
        --tw-ring-color: var(--indigo-500);
      }
      &:focus-visible {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      }
      &:disabled {
        pointer-events: none;
      }
      &:disabled {
        opacity: 50%;
      }
      &>[data-slot=icon] {
        margin-inline: calc(var(--spacing) * -0.5);
      }
      &>[data-slot=icon] {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
      }
      &>[data-slot=icon] {
        flex-shrink: 0;
      }
      &>[data-slot=icon] {
        @media (width >= 40rem) {
          width: calc(var(--spacing) * 4);
          height: calc(var(--spacing) * 4);
        }
      }
      &:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      &:not([aria-current]) {
        display: none;
      }
    }
  }
}
details > summary.list-none::-webkit-details-marker, details > summary.list-none::marker {
  display: none;
}
.bulk-action-unavailable {
  display: none !important;
}
.bulk-actions-selectable-item-checkbox-wrapper {
  display: none;
}
.bulk-actions .bulk-actions-checkbox-cell {
  width: calc(var(--spacing) * 4);
  padding-right: 0px;
}
.bulk-actions:not(.selectable-available) .bulk-actions-selectable-toggle {
  display: none;
}
.bulk-actions:not(.selectable) td:nth-child(2), .bulk-actions:not(.selectable) th:nth-child(2) {
  padding-left: calc(var(--spacing) * 5);
}
.bulk-actions:not(.selectable) .box-table td:nth-child(2), .bulk-actions:not(.selectable) th:nth-child(2) {
  padding-left: calc(var(--spacing) * 8);
}
.bulk-actions.selectable-available:not(.selectable) .bulk-action {
  display: none;
}
.bulk-actions.selectable-available:not(.selectable) .bulk-actions-checkbox-cell {
  display: none;
}
.bulk-actions.selectable .bulk-action-single {
  display: none;
}
.bulk-actions.selectable .capture-all-button-wrapper {
  display: none;
}
.date-input .single-daterange {
  border-radius: calc(var(--radius) - 2px);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  --tw-shadow: var(--shadow-xs);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    border-color: var(--color-primary-500);
  }
  &:focus {
    --tw-ring-color: var(--color-primary-500);
  }
  @media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.daterangepicker .hourselect, .daterangepicker  .minuteselect, .daterangepicker  .ampmselect {
  border-radius: calc(var(--radius) - 2px);
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  --tw-shadow: var(--shadow-xs);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus {
    --tw-ring-color: var(--color-primary-500);
  }
  border-color: var(--slate-300) !important;
  background-color: var(--color-white) !important;
  &:focus {
    border-color: var(--color-primary-500) !important;
  }
  text-align-last: center;
}
.daterangepicker .calendar-table .active {
  background-color: var(--color-primary-500) !important;
}
.select2-container--default .select2-selection--single, .select2-container--default  .select2-selection--multiple {
  border-color: var(--slate-300);
}
.select2-selection.select2-selection--single, .select2-selection.select2-selection--multiple {
  min-height: 37px;
  .select2-selection__rendered {
    padding-left: 12px;
    min-height: 34px;
    line-height: 34px;
  }
  .select2-selection__arrow {
    padding-top: 35px;
  }
}
.select2-container .select2-search--inline .select2-search__field {
  font-weight: 300;
  margin-top: 6px;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  @media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.select2 {
  display: block;
  img {
    display: none;
  }
}
.select2-results img {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  margin-right: 8px;
}
.select2-results__option--highlighted {
  background-color: var(--color-primary-400) !important;
}
.select2-container {
  width: 100%;
}
.select2-border {
  border-color: var(--color-primary-500) !important;
  box-shadow: inset 0 0 0 1px var(--primary-500) !important;
  outline: 0 !important;
}
.select2-selection--single, .select2-selection--multiple {
  height: 38px !important;
  border-color: var(--slate-300);
  border-radius: calc(var(--radius) - 2px) !important;
  padding-top: 0px !important;
  --tw-shadow: var(--shadow-xs) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  &:focus {
    --tw-ring-color: var(--color-primary-500) !important;
  }
  &.focus-visible {
    border-color: var(--primary-500) !important;
    box-shadow: inset 0 0 0 1px var(--primary-500) !important;
    outline: 0 !important;
  }
  &:focus {
    outline: 0 !important;
  }
  .select2-selection__arrow {
    height: 34px !important;
  }
  .select2-selection__rendered {
    padding-left: calc(var(--spacing) * 3) !important;
    color: var(--color-zinc-900) !important;
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-zinc-200) !important;
    }
    line-height: 35px !important;
  }
}
.select2-selection--multiple .select2-selection__choice {
  display: inline-flex !important;
  align-items: center;
  column-gap: var(--spacing);
  border-radius: 9999px !important;
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  padding-inline: calc(var(--spacing) * 2.5) !important;
  font-size: var(--text-sm) !important;
  line-height: calc(var(--spacing) * 5) !important;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  @media (width >= 40rem) {
    font-size: var(--text-xs) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  background-color: var(--color-primary-500) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent) !important;
  }
  color: var(--color-primary-700) !important;
  &:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-primary-500) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent) !important;
    }
  }
  &:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-primary-300) !important;
  }
  margin-top: 7px !important;
  line-height: 22px !important;
}
.select2-selection--multiple .select2-selection__choice__remove {
  order: 2;
  color: var(--color-primary-700) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-primary-700) 60%, transparent) !important;
  }
  &:hover {
    color: var(--color-primary-700) !important;
  }
  &:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--color-primary-300) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary-300) 60%, transparent) !important;
    }
  }
  &:where([data-theme="dark"], [data-theme="dark"] *) {
    &:hover {
      color: var(--color-primary-300) !important;
    }
  }
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  margin-right: 0 !important;
  cursor: pointer;
}
:is(.select2-container--open, .select2-container--focus) .select2-selection--single, :is(.select2-container--open, .select2-container--focus)  .select2-selection--multiple {
  border-color: var(--primary-500) !important;
  box-shadow: inset 0 0 0 1px var(--primary-500) !important;
  outline: 0 !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--slate-200);
  &:hover {
    background-color: var(--slate-200);
  }
  &:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--slate-700);
  }
  &:hover {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--slate-700);
    }
  }
}
.select2-container .select2-dropdown {
  overflow: hidden !important;
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
  border-color: var(--slate-300) !important;
  --tw-shadow: var(--shadow-xs) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  border-color: var(--color-primary-500) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--color-primary-500) !important;
  color: var(--color-white) !important;
}
.select2-search__field {
  border-radius: calc(var(--radius) - 2px);
  border-color: var(--slate-300) !important;
  &:focus {
    border-color: #5897fb !important;
  }
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  inset-inline: 0px;
}
.inset-x-2 {
  inset-inline: calc(var(--spacing) * 2);
}
.inset-y-0 {
  inset-block: 0px;
}
.inset-y-2 {
  inset-block: calc(var(--spacing) * 2);
}
.-top-0 {
  top: 0px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: var(--spacing);
}
.top-1\/2 {
  top: calc(1 / 2 * 100%);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-2\.5 {
  top: calc(var(--spacing) * 2.5);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-\[0px\] {
  top: 0px;
}
.top-full {
  top: 100%;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: calc(var(--spacing) * 0.5);
}
.right-1 {
  right: var(--spacing);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-3\.5 {
  right: calc(var(--spacing) * 3.5);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.-bottom-2\.5 {
  bottom: calc(var(--spacing) * -2.5);
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
.bottom-full {
  bottom: 100%;
}
.-left-4 {
  left: calc(var(--spacing) * -4);
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: calc(1 / 2 * 100%);
}
.left-9 {
  left: calc(var(--spacing) * 9);
}
.left-full {
  left: 100%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[100\] {
  z-index: 100;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-full {
  grid-column: 1 / -1;
}
.row-start-2 {
  grid-row-start: 2;
}
.container {
  width: 100%;
  @media (width >= 1792px) {
    max-width: 1792px;
  }
  @media (width >= 2048px) {
    max-width: 2048px;
  }
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.-m-2 {
  margin: calc(var(--spacing) * -2);
}
.m-5 {
  margin: calc(var(--spacing) * 5);
}
.m-auto {
  margin: auto;
}
.-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-3\.5 {
  margin-inline: calc(var(--spacing) * 3.5);
}
.mx-auto {
  margin-inline: auto;
}
.-my-1 {
  margin-block: calc(var(--spacing) * -1);
}
.my-1 {
  margin-block: var(--spacing);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-8 {
  margin-block: calc(var(--spacing) * 8);
}
.space-y > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.-mt-0\.5 {
  margin-top: calc(var(--spacing) * -0.5);
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.-mt-2 {
  margin-top: calc(var(--spacing) * -2);
}
.-mt-3 {
  margin-top: calc(var(--spacing) * -3);
}
.-mt-4 {
  margin-top: calc(var(--spacing) * -4);
}
.-mt-px {
  margin-top: -1px;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: var(--spacing);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
  margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-3\.5 {
  margin-top: calc(var(--spacing) * 3.5);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-4\.5 {
  margin-top: calc(var(--spacing) * 4.5);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-auto {
  margin-top: auto;
}
.space-x > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.-mr-2 {
  margin-right: calc(var(--spacing) * -2);
}
.mr-1 {
  margin-right: var(--spacing);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
  margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.mr-auto {
  margin-right: auto;
}
.-mb-1 {
  margin-bottom: calc(var(--spacing) * -1);
}
.-mb-1\.5 {
  margin-bottom: calc(var(--spacing) * -1.5);
}
.-mb-5 {
  margin-bottom: calc(var(--spacing) * -5);
}
.-mb-px {
  margin-bottom: -1px;
}
.mb-1 {
  margin-bottom: var(--spacing);
}
.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-3\.5 {
  margin-bottom: calc(var(--spacing) * 3.5);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.-ml-1 {
  margin-left: calc(var(--spacing) * -1);
}
.-ml-4 {
  margin-left: calc(var(--spacing) * -4);
}
.-ml-5 {
  margin-left: calc(var(--spacing) * -5);
}
.-ml-10 {
  margin-left: calc(var(--spacing) * -10);
}
.ml-1 {
  margin-left: var(--spacing);
}
.ml-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.ml-5 {
  margin-left: calc(var(--spacing) * 5);
}
.ml-auto {
  margin-left: auto;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.inline-grid {
  display: inline-grid;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.aspect-\[100\/80\] {
  aspect-ratio: 100/80;
}
.size-1\.5 {
  width: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 1.5);
}
.size-2 {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
}
.size-2\.5 {
  width: calc(var(--spacing) * 2.5);
  height: calc(var(--spacing) * 2.5);
}
.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-4\.5 {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
}
.size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
.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-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}
.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-\[21px\] {
  width: 21px;
  height: 21px;
}
.size-\[30px\] {
  width: 30px;
  height: 30px;
}
.size-\[max\(100\%\,2\.75rem\)\] {
  width: max(100%, 2.75rem);
  height: max(100%, 2.75rem);
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-0\.5 {
  height: calc(var(--spacing) * 0.5);
}
.h-1 {
  height: var(--spacing);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-11 {
  height: calc(var(--spacing) * 11);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-24 {
  height: calc(var(--spacing) * 24);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-40 {
  height: calc(var(--spacing) * 40);
}
.h-48 {
  height: calc(var(--spacing) * 48);
}
.h-\[5px\] {
  height: 5px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[34px\]\! {
  height: 34px !important;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[110px\] {
  height: 110px;
}
.h-auto {
  height: auto;
}
.h-auto\! {
  height: auto !important;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-44 {
  max-height: calc(var(--spacing) * 44);
}
.max-h-48 {
  max-height: calc(var(--spacing) * 48);
}
.max-h-96 {
  max-height: calc(var(--spacing) * 96);
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-none {
  max-height: none;
}
.max-h-screen {
  max-height: 100vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-4 {
  min-height: calc(var(--spacing) * 4);
}
.min-h-32 {
  min-height: calc(var(--spacing) * 32);
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[900px\] {
  min-height: 900px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-svh {
  min-height: 100svh;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: calc(var(--spacing) * 0.5);
}
.w-1 {
  width: var(--spacing);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}
.w-3\/4 {
  width: calc(3 / 4 * 100%);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-5\/6 {
  width: calc(5 / 6 * 100%);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-56 {
  width: calc(var(--spacing) * 56);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-\[372px\] {
  width: 372px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[720px\] {
  width: 720px;
}
.w-auto {
  width: auto;
}
.w-auto\! {
  width: auto !important;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-6xl {
  max-width: var(--container-6xl);
}
.max-w-16 {
  max-width: calc(var(--spacing) * 16);
}
.max-w-28 {
  max-width: calc(var(--spacing) * 28);
}
.max-w-36 {
  max-width: calc(var(--spacing) * 36);
}
.max-w-44 {
  max-width: calc(var(--spacing) * 44);
}
.max-w-72 {
  max-width: calc(var(--spacing) * 72);
}
.max-w-\[45\%\] {
  max-width: 45%;
}
.max-w-\[48\%\] {
  max-width: 48%;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[92vw\] {
  max-width: 92vw;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[860px\] {
  max-width: 860px;
}
.max-w-\[calc\(100vw-1\.5rem\)\] {
  max-width: calc(100vw - 1.5rem);
}
.max-w-\[calc\(100vw-1rem\)\] {
  max-width: calc(100vw - 1rem);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-none {
  max-width: none;
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.max-w-xs {
  max-width: var(--container-xs);
}
.min-w-0 {
  min-width: 0px;
}
.min-w-24 {
  min-width: calc(var(--spacing) * 24);
}
.min-w-40 {
  min-width: calc(var(--spacing) * 40);
}
.min-w-52 {
  min-width: calc(var(--spacing) * 52);
}
.min-w-56 {
  min-width: calc(var(--spacing) * 56);
}
.min-w-64 {
  min-width: calc(var(--spacing) * 64);
}
.min-w-80 {
  min-width: calc(var(--spacing) * 80);
}
.min-w-\[1px\] {
  min-width: 1px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-fit {
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.flex-0 {
  flex: 0;
}
.flex-1 {
  flex: 1;
}
.flex-auto {
  flex: auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
  --tw-translate-x: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
  --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-1 {
  --tw-translate-y: var(--spacing);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-90 {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-95 {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-90 {
  rotate: 90deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-pulse {
  animation: var(--animate-pulse);
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-default {
  cursor: default;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-none {
  list-style-type: none;
}
.columns-\[var\(--column-width\,_15ch\)_3\] {
  columns: var(--column-width, 15ch) 3;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-\[1\.6fr_1fr_auto\] {
  grid-template-columns: 1.6fr 1fr auto;
}
.grid-cols-\[1fr_80px_1fr\] {
  grid-template-columns: 1fr 80px 1fr;
}
.grid-cols-\[150px_150px_1fr_34px\] {
  grid-template-columns: 150px 150px 1fr 34px;
}
.grid-cols-\[auto_1fr_1\.5rem_0\.5rem_auto\] {
  grid-template-columns: auto 1fr 1.5rem 0.5rem auto;
}
.grid-rows-\[1fr_auto\] {
  grid-template-rows: 1fr auto;
}
.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;
}
.place-content-center {
  place-content: center;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-center {
  justify-items: center;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: var(--spacing);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-4\.5 {
  gap: calc(var(--spacing) * 4.5);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-px {
  gap: 1px;
}
:where(.space-y-0 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
:where(.space-y-1 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
  margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2\.5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-7 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x {
  column-gap: calc(var(--spacing) * 4);
}
.gap-x-1 {
  column-gap: var(--spacing);
}
.gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}
.gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}
.gap-x-3\.5 {
  column-gap: calc(var(--spacing) * 3.5);
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.gap-x-6 {
  column-gap: calc(var(--spacing) * 6);
}
.gap-x-8 {
  column-gap: calc(var(--spacing) * 8);
}
.gap-x-16 {
  column-gap: calc(var(--spacing) * 16);
}
:where(.space-x-1 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
  margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-2 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-3 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-4 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-8 > :not(:last-child)) {
  --tw-space-x-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
  margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y {
  row-gap: calc(var(--spacing) * 5);
}
.gap-y-0\.5 {
  row-gap: calc(var(--spacing) * 0.5);
}
.gap-y-1 {
  row-gap: var(--spacing);
}
.gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}
.gap-y-5 {
  row-gap: calc(var(--spacing) * 5);
}
:where(.divide-x > :not(:last-child)) {
  --tw-divide-x-reverse: 0;
  border-inline-style: var(--tw-border-style);
  border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
  border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-y-2 > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(2px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-dashed > :not(:last-child)) {
  --tw-border-style: dashed;
  border-style: dashed;
}
:where(.divide-base-900\/5 > :not(:last-child)) {
  border-color: var(--color-base-900);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-base-900) 5%, transparent);
  }
}
:where(.divide-border > :not(:last-child)) {
  border-color: var(--border);
}
:where(.divide-slate-200 > :not(:last-child)) {
  border-color: var(--slate-200);
}
:where(.divide-slate-900\/5 > :not(:last-child)) {
  border-color: var(--slate-900);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--slate-900) 5%, transparent);
  }
}
.self-center {
  align-self: center;
}
.self-start {
  align-self: flex-start;
}
.justify-self-center {
  justify-self: center;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\(--avatar-radius\) {
  border-radius: var(--avatar-radius);
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
  border-radius: 0;
}
.rounded-none\! {
  border-radius: 0 !important;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: calc(var(--radius) + 4px);
}
.rounded-xs {
  border-radius: var(--radius-xs);
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-2xl {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}
.rounded-t-lg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.rounded-t-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
}
.rounded-t-xl {
  border-top-left-radius: calc(var(--radius) + 4px);
  border-top-right-radius: calc(var(--radius) + 4px);
}
.rounded-tl-lg {
  border-top-left-radius: var(--radius);
}
.rounded-tr-lg {
  border-top-right-radius: var(--radius);
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-0\! {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-\[1\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 1.5px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-r\! {
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 1px !important;
}
.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-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-amber-400 {
  border-color: var(--color-amber-400);
}
.border-amber-400\/30 {
  border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
  }
}
.border-base-300 {
  border-color: var(--color-base-300);
}
.border-blue-500 {
  border-color: var(--color-blue-500);
}
.border-blue-500\/30 {
  border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
  }
}
.border-border {
  border-color: var(--border);
}
.border-border\! {
  border-color: var(--border) !important;
}
.border-border\/50 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--border) 50%, transparent);
  }
}
.border-border\/60 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--border) 60%, transparent);
  }
}
.border-brand-300 {
  border-color: var(--indigo-300);
}
.border-brand-600 {
  border-color: var(--indigo-600);
}
.border-cyan-400 {
  border-color: var(--color-cyan-400);
}
.border-cyan-400\/30 {
  border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
  }
}
.border-destructive {
  border-color: var(--destructive);
}
.border-emerald-500 {
  border-color: var(--color-emerald-500);
}
.border-emerald-500\/30 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
  }
}
.border-foreground {
  border-color: var(--foreground);
}
.border-fuchsia-400 {
  border-color: var(--color-fuchsia-400);
}
.border-fuchsia-400\/30 {
  border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent);
  }
}
.border-green-500 {
  border-color: var(--color-green-500);
}
.border-green-500\/30 {
  border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
  }
}
.border-indigo-500 {
  border-color: var(--color-indigo-500);
}
.border-indigo-500\/30 {
  border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);
  }
}
.border-input {
  border-color: var(--input);
}
.border-lime-400 {
  border-color: var(--color-lime-400);
}
.border-lime-400\/30 {
  border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-lime-400) 30%, transparent);
  }
}
.border-orange-500 {
  border-color: var(--color-orange-500);
}
.border-orange-500\/30 {
  border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
  }
}
.border-pink-400 {
  border-color: var(--color-pink-400);
}
.border-pink-400\/30 {
  border-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-pink-400) 30%, transparent);
  }
}
.border-primary {
  border-color: var(--primary);
}
.border-purple-500 {
  border-color: var(--color-purple-500);
}
.border-purple-500\/30 {
  border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
  }
}
.border-red-500 {
  border-color: var(--color-red-500);
}
.border-red-500\/30 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
  }
}
.border-rose-400 {
  border-color: var(--color-rose-400);
}
.border-rose-400\/30 {
  border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
  }
}
.border-sidebar-border {
  border-color: var(--sidebar-border);
}
.border-sky-500 {
  border-color: var(--color-sky-500);
}
.border-sky-500\/30 {
  border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
  }
}
.border-slate-200 {
  border-color: var(--slate-200);
}
.border-slate-300 {
  border-color: var(--slate-300);
}
.border-status-amber-200 {
  border-color: var(--amber-200);
}
.border-status-blue-100 {
  border-color: var(--blue-100);
}
.border-status-emerald-200 {
  border-color: var(--emerald-200);
}
.border-status-green-500 {
  border-color: var(--green-500);
}
.border-status-red-600 {
  border-color: var(--red-600);
}
.border-status-rose-100 {
  border-color: var(--rose-100);
}
.border-status-rose-400 {
  border-color: var(--rose-400);
}
.border-teal-500 {
  border-color: var(--color-teal-500);
}
.border-teal-500\/30 {
  border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
  }
}
.border-transparent {
  border-color: transparent;
}
.border-violet-500 {
  border-color: var(--color-violet-500);
}
.border-violet-500\/30 {
  border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
  }
}
.border-white {
  border-color: var(--color-white);
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.border-yellow-400 {
  border-color: var(--color-yellow-400);
}
.border-yellow-400\/30 {
  border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent);
  }
}
.border-zinc-200 {
  border-color: var(--color-zinc-200);
}
.border-zinc-500 {
  border-color: var(--color-zinc-500);
}
.border-zinc-500\/30 {
  border-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent);
  }
}
.border-b-yellow-200 {
  border-bottom-color: var(--color-yellow-200);
}
.border-b-yellow-300 {
  border-bottom-color: var(--color-yellow-300);
}
.border-b-yellow-400 {
  border-bottom-color: var(--color-yellow-400);
}
.border-b-yellow-500\/60 {
  border-bottom-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-yellow-500) 60%, transparent);
  }
}
.border-b-yellow-500\/70 {
  border-bottom-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-yellow-500) 70%, transparent);
  }
}
.border-b-zinc-200 {
  border-bottom-color: var(--color-zinc-200);
}
.bg-accent {
  background-color: var(--accent);
}
.bg-accent\! {
  background-color: var(--accent) !important;
}
.bg-amber-400 {
  background-color: var(--color-amber-400);
}
.bg-amber-400\/20 {
  background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
  }
}
.bg-background {
  background-color: var(--background);
}
.bg-background\! {
  background-color: var(--background) !important;
}
.bg-black {
  background-color: var(--color-black);
}
.bg-black\/25 {
  background-color: color-mix(in srgb, #000 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
  }
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.bg-blue-500\/15 {
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
  }
}
.bg-border {
  background-color: var(--border);
}
.bg-brand-50 {
  background-color: var(--indigo-50);
}
.bg-brand-100 {
  background-color: var(--indigo-100);
}
.bg-brand-400 {
  background-color: var(--indigo-400);
}
.bg-brand-500 {
  background-color: var(--indigo-500);
}
.bg-brand-600 {
  background-color: var(--indigo-600);
}
.bg-card {
  background-color: var(--card);
}
.bg-card\/80 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--card) 80%, transparent);
  }
}
.bg-card\/90 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--card) 90%, transparent);
  }
}
.bg-cyan-400 {
  background-color: var(--color-cyan-400);
}
.bg-cyan-400\/20 {
  background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
  }
}
.bg-destructive {
  background-color: var(--destructive);
}
.bg-emerald-500 {
  background-color: var(--color-emerald-500);
}
.bg-emerald-500\/15 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
  }
}
.bg-fuchsia-400 {
  background-color: var(--color-fuchsia-400);
}
.bg-fuchsia-400\/15 {
  background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-fuchsia-400) 15%, transparent);
  }
}
.bg-green-500 {
  background-color: var(--color-green-500);
}
.bg-green-500\/15 {
  background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
  }
}
.bg-indigo-500 {
  background-color: var(--color-indigo-500);
}
.bg-indigo-500\/15 {
  background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent);
  }
}
.bg-lime-400 {
  background-color: var(--color-lime-400);
}
.bg-lime-400\/20 {
  background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-lime-400) 20%, transparent);
  }
}
.bg-muted {
  background-color: var(--muted);
}
.bg-muted\/40 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 40%, transparent);
  }
}
.bg-muted\/60 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 60%, transparent);
  }
}
.bg-orange-500 {
  background-color: var(--color-orange-500);
}
.bg-orange-500\/15 {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent);
  }
}
.bg-pink-400 {
  background-color: var(--color-pink-400);
}
.bg-pink-400\/15 {
  background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-pink-400) 15%, transparent);
  }
}
.bg-popover {
  background-color: var(--popover);
}
.bg-popover\! {
  background-color: var(--popover) !important;
}
.bg-popover\/75 {
  background-color: var(--popover);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--popover) 75%, transparent);
  }
}
.bg-primary-500 {
  background-color: var(--color-primary-500);
}
.bg-primary-700 {
  background-color: var(--color-primary-700);
}
.bg-primary-900 {
  background-color: var(--color-primary-900);
}
.bg-purple-500 {
  background-color: var(--color-purple-500);
}
.bg-purple-500\/15 {
  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);
  }
}
.bg-red-100 {
  background-color: var(--color-red-100);
}
.bg-red-500 {
  background-color: var(--color-red-500);
}
.bg-red-500\/15 {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
  }
}
.bg-rose-400 {
  background-color: var(--color-rose-400);
}
.bg-rose-400\/15 {
  background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-400) 15%, transparent);
  }
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-sidebar {
  background-color: var(--sidebar);
}
.bg-sidebar-border {
  background-color: var(--sidebar-border);
}
.bg-sidebar-primary {
  background-color: var(--sidebar-primary);
}
.bg-sky-500 {
  background-color: var(--color-sky-500);
}
.bg-sky-500\/15 {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
  }
}
.bg-slate-50 {
  background-color: var(--slate-50);
}
.bg-slate-50\/55 {
  background-color: var(--slate-50);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-50) 55%, transparent);
  }
}
.bg-slate-100 {
  background-color: var(--slate-100);
}
.bg-slate-200 {
  background-color: var(--slate-200);
}
.bg-slate-200\/70 {
  background-color: var(--slate-200);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-200) 70%, transparent);
  }
}
.bg-slate-300 {
  background-color: var(--slate-300);
}
.bg-slate-400 {
  background-color: var(--slate-400);
}
.bg-slate-700 {
  background-color: var(--slate-700);
}
.bg-slate-700\/50 {
  background-color: var(--slate-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-700) 50%, transparent);
  }
}
.bg-slate-800 {
  background-color: var(--slate-800);
}
.bg-slate-900 {
  background-color: var(--slate-900);
}
.bg-slate-900\/40 {
  background-color: var(--slate-900);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-900) 40%, transparent);
  }
}
.bg-status-amber-50 {
  background-color: var(--amber-50);
}
.bg-status-amber-500 {
  background-color: var(--amber-500);
}
.bg-status-blue-100 {
  background-color: var(--blue-100);
}
.bg-status-blue-100\/40 {
  background-color: var(--blue-100);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--blue-100) 40%, transparent);
  }
}
.bg-status-blue-100\/50 {
  background-color: var(--blue-100);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--blue-100) 50%, transparent);
  }
}
.bg-status-blue-500 {
  background-color: var(--blue-500);
}
.bg-status-emerald-50 {
  background-color: var(--emerald-50);
}
.bg-status-emerald-100 {
  background-color: var(--emerald-100);
}
.bg-status-green-100 {
  background-color: var(--green-100);
}
.bg-status-green-500 {
  background-color: var(--green-500);
}
.bg-status-green-500\/40 {
  background-color: var(--green-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--green-500) 40%, transparent);
  }
}
.bg-status-green-500\/60 {
  background-color: var(--green-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--green-500) 60%, transparent);
  }
}
.bg-status-green-600 {
  background-color: var(--green-600);
}
.bg-status-orange-100 {
  background-color: var(--orange-100);
}
.bg-status-purple-100 {
  background-color: var(--purple-100);
}
.bg-status-red-600 {
  background-color: var(--red-600);
}
.bg-status-red-600\/40 {
  background-color: var(--red-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--red-600) 40%, transparent);
  }
}
.bg-status-rose-50 {
  background-color: var(--rose-50);
}
.bg-status-rose-100 {
  background-color: var(--rose-100);
}
.bg-status-rose-400 {
  background-color: var(--rose-400);
}
.bg-status-rose-400\/60 {
  background-color: var(--rose-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--rose-400) 60%, transparent);
  }
}
.bg-status-yellow-100 {
  background-color: var(--yellow-100);
}
.bg-status-yellow-500 {
  background-color: var(--yellow-500);
}
.bg-status-yellow-500\/10 {
  background-color: var(--yellow-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-500) 10%, transparent);
  }
}
.bg-status-yellow-500\/20 {
  background-color: var(--yellow-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-500) 20%, transparent);
  }
}
.bg-status-yellow-500\/30 {
  background-color: var(--yellow-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-500) 30%, transparent);
  }
}
.bg-status-yellow-500\/45 {
  background-color: var(--yellow-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-500) 45%, transparent);
  }
}
.bg-status-yellow-500\/60 {
  background-color: var(--yellow-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-500) 60%, transparent);
  }
}
.bg-teal-500 {
  background-color: var(--color-teal-500);
}
.bg-teal-500\/15 {
  background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal-500) 15%, transparent);
  }
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-500 {
  background-color: var(--color-violet-500);
}
.bg-violet-500\/15 {
  background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
  }
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/15 {
  background-color: color-mix(in srgb, #fff 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
}
.bg-white\/80 {
  background-color: color-mix(in srgb, #fff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.bg-yellow-50 {
  background-color: var(--color-yellow-50);
}
.bg-yellow-100 {
  background-color: var(--color-yellow-100);
}
.bg-yellow-200 {
  background-color: var(--color-yellow-200);
}
.bg-yellow-300 {
  background-color: var(--color-yellow-300);
}
.bg-yellow-400 {
  background-color: var(--color-yellow-400);
}
.bg-yellow-400\/20 {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
  }
}
.bg-zinc-500 {
  background-color: var(--color-zinc-500);
}
.bg-zinc-600\/10 {
  background-color: color-mix(in srgb, oklch(44.2% 0.017 285.786) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-zinc-600) 10%, transparent);
  }
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  --tw-gradient-position: to bottom;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  --tw-gradient-position: to bottom right;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-brand-grad-from {
  --tw-gradient-from: var(--brand-grad-from);
  --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-primary-700 {
  --tw-gradient-from: var(--color-primary-700);
  --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-secondary-200 {
  --tw-gradient-from: var(--color-secondary-200);
  --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-slate-200 {
  --tw-gradient-from: var(--slate-200);
  --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-slate-700 {
  --tw-gradient-from: var(--slate-700);
  --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-brand-grad-to {
  --tw-gradient-to: var(--brand-grad-to);
  --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-primary-400 {
  --tw-gradient-to: var(--color-primary-400);
  --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-primary-800 {
  --tw-gradient-to: var(--color-primary-800);
  --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-slate-100 {
  --tw-gradient-to: var(--slate-100);
  --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-slate-300 {
  --tw-gradient-to: var(--slate-300);
  --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-slate-800 {
  --tw-gradient-to: var(--slate-800);
  --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));
}
.fill-current {
  fill: currentcolor;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-top {
  object-position: top;
}
.p-\(--gutter\) {
  padding: var(--gutter);
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: var(--spacing);
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-3\.5 {
  padding: calc(var(--spacing) * 3.5);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-\[5\%\] {
  padding: 5%;
}
.px-0 {
  padding-inline: 0px;
}
.px-1 {
  padding-inline: var(--spacing);
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
  padding-inline: calc(var(--spacing) * 10);
}
.py-0\! {
  padding-block: 0px !important;
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: var(--spacing);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\! {
  padding-block: calc(var(--spacing) * 2) !important;
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-11 {
  padding-block: calc(var(--spacing) * 11);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-1 {
  padding-top: var(--spacing);
}
.pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-3\.5 {
  padding-top: calc(var(--spacing) * 3.5);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-10 {
  padding-top: calc(var(--spacing) * 10);
}
.pt-\[7px\] {
  padding-top: 7px;
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-3 {
  padding-right: calc(var(--spacing) * 3);
}
.pr-3\.5 {
  padding-right: calc(var(--spacing) * 3.5);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pr-5 {
  padding-right: calc(var(--spacing) * 5);
}
.pr-6 {
  padding-right: calc(var(--spacing) * 6);
}
.pr-6\! {
  padding-right: calc(var(--spacing) * 6) !important;
}
.pr-7\! {
  padding-right: calc(var(--spacing) * 7) !important;
}
.pr-10 {
  padding-right: calc(var(--spacing) * 10);
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: calc(var(--spacing) * 0.5);
}
.pb-1 {
  padding-bottom: var(--spacing);
}
.pb-1\.5 {
  padding-bottom: calc(var(--spacing) * 1.5);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-2\.5 {
  padding-bottom: calc(var(--spacing) * 2.5);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-3\.5 {
  padding-bottom: calc(var(--spacing) * 3.5);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-7 {
  padding-bottom: calc(var(--spacing) * 7);
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}
.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
}
.pl-0 {
  padding-left: 0px;
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.pl-2\.5\! {
  padding-left: calc(var(--spacing) * 2.5) !important;
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.align-top {
  vertical-align: top;
}
.font-mono {
  font-family: var(--font-mono);
}
.text-2xs {
  font-size: var(--text-2xs);
  line-height: var(--tw-leading, var(--text-2xs--line-height));
  letter-spacing: var(--tw-tracking, var(--text-2xs--letter-spacing));
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-2xl\/8 {
  font-size: var(--text-2xl);
  line-height: calc(var(--spacing) * 8);
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-\[13\.5px\]\/6 {
  font-size: 13.5px;
  line-height: calc(var(--spacing) * 6);
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-base\/6 {
  font-size: var(--text-base);
  line-height: calc(var(--spacing) * 6);
}
.text-base\/7 {
  font-size: var(--text-base);
  line-height: calc(var(--spacing) * 7);
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-lg\/6 {
  font-size: var(--text-lg);
  line-height: calc(var(--spacing) * 6);
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-sm\/5 {
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 5);
}
.text-sm\/6 {
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 6);
}
.text-sm\/7 {
  font-size: var(--text-sm);
  line-height: calc(var(--spacing) * 7);
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs\/6 {
  font-size: var(--text-xs);
  line-height: calc(var(--spacing) * 6);
}
.text-\[0\.675rem\] {
  font-size: 0.675rem;
}
.text-\[8\.5px\] {
  font-size: 8.5px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12\.5px\] {
  font-size: 12.5px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13\.5px\] {
  font-size: 13.5px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[13px\]\! {
  font-size: 13px !important;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-xs {
  font-size: var(--text-xs);
}
.text-xs\! {
  font-size: var(--text-xs) !important;
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-\[34px\] {
  --tw-leading: 34px;
  line-height: 34px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-normal {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-normal\! {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.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);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.whitespace-normal\! {
  white-space: normal !important;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-accent-foreground {
  color: var(--accent-foreground);
}
.text-amber-700 {
  color: var(--color-amber-700);
}
.text-amber-700\/50 {
  color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-700) 50%, transparent);
  }
}
.text-base-400 {
  color: var(--color-base-400);
}
.text-base-700 {
  color: var(--color-base-700);
}
.text-black {
  color: var(--color-black);
}
.text-blue-700 {
  color: var(--color-blue-700);
}
.text-blue-700\/50 {
  color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-blue-700) 50%, transparent);
  }
}
.text-brand-200 {
  color: var(--indigo-200);
}
.text-brand-300 {
  color: var(--indigo-300);
}
.text-brand-400 {
  color: var(--indigo-400);
}
.text-brand-500 {
  color: var(--indigo-500);
}
.text-brand-600 {
  color: var(--indigo-600);
}
.text-brand-700 {
  color: var(--indigo-700);
}
.text-brand-900 {
  color: var(--indigo-900);
}
.text-card-foreground {
  color: var(--card-foreground);
}
.text-cyan-700 {
  color: var(--color-cyan-700);
}
.text-cyan-700\/50 {
  color: color-mix(in srgb, oklch(52% 0.105 223.128) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-cyan-700) 50%, transparent);
  }
}
.text-destructive {
  color: var(--destructive);
}
.text-emerald-700 {
  color: var(--color-emerald-700);
}
.text-emerald-700\/50 {
  color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-emerald-700) 50%, transparent);
  }
}
.text-foreground {
  color: var(--foreground);
}
.text-foreground\! {
  color: var(--foreground) !important;
}
.text-foreground\/80 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 80%, transparent);
  }
}
.text-fuchsia-700 {
  color: var(--color-fuchsia-700);
}
.text-fuchsia-700\/50 {
  color: color-mix(in srgb, oklch(51.8% 0.253 323.949) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-fuchsia-700) 50%, transparent);
  }
}
.text-green-700 {
  color: var(--color-green-700);
}
.text-green-700\/50 {
  color: color-mix(in srgb, oklch(52.7% 0.154 150.069) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-green-700) 50%, transparent);
  }
}
.text-indigo-700 {
  color: var(--color-indigo-700);
}
.text-indigo-700\/50 {
  color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-indigo-700) 50%, transparent);
  }
}
.text-lime-700 {
  color: var(--color-lime-700);
}
.text-lime-700\/50 {
  color: color-mix(in srgb, oklch(53.2% 0.157 131.589) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-lime-700) 50%, transparent);
  }
}
.text-muted-foreground {
  color: var(--muted-foreground);
}
.text-orange-700 {
  color: var(--color-orange-700);
}
.text-orange-700\/50 {
  color: color-mix(in srgb, oklch(55.3% 0.195 38.402) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-orange-700) 50%, transparent);
  }
}
.text-pink-700 {
  color: var(--color-pink-700);
}
.text-pink-700\/50 {
  color: color-mix(in srgb, oklch(52.5% 0.223 3.958) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-pink-700) 50%, transparent);
  }
}
.text-popover-foreground {
  color: var(--popover-foreground);
}
.text-primary {
  color: var(--primary);
}
.text-primary-400 {
  color: var(--color-primary-400);
}
.text-primary-500 {
  color: var(--color-primary-500);
}
.text-primary-600 {
  color: var(--color-primary-600);
}
.text-purple-700 {
  color: var(--color-purple-700);
}
.text-purple-700\/50 {
  color: color-mix(in srgb, oklch(49.6% 0.265 301.924) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-purple-700) 50%, transparent);
  }
}
.text-red-700 {
  color: var(--color-red-700);
}
.text-red-700\/50 {
  color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-red-700) 50%, transparent);
  }
}
.text-rose-700 {
  color: var(--color-rose-700);
}
.text-rose-700\/50 {
  color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-rose-700) 50%, transparent);
  }
}
.text-secondary-300 {
  color: var(--color-secondary-300);
}
.text-secondary-foreground {
  color: var(--secondary-foreground);
}
.text-sidebar-foreground {
  color: var(--sidebar-foreground);
}
.text-sky-700 {
  color: var(--color-sky-700);
}
.text-sky-700\/50 {
  color: color-mix(in srgb, oklch(50% 0.134 242.749) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-sky-700) 50%, transparent);
  }
}
.text-slate-100 {
  color: var(--slate-100);
}
.text-slate-200 {
  color: var(--slate-200);
}
.text-slate-300 {
  color: var(--slate-300);
}
.text-slate-400 {
  color: var(--slate-400);
}
.text-slate-500 {
  color: var(--slate-500);
}
.text-slate-600 {
  color: var(--slate-600);
}
.text-slate-700 {
  color: var(--slate-700);
}
.text-slate-800 {
  color: var(--slate-800);
}
.text-status-amber-500 {
  color: var(--amber-500);
}
.text-status-amber-700 {
  color: var(--amber-700);
}
.text-status-amber-700\/90 {
  color: var(--amber-700);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--amber-700) 90%, transparent);
  }
}
.text-status-blue-600 {
  color: var(--blue-600);
}
.text-status-blue-800 {
  color: var(--blue-800);
}
.text-status-blue-800\/50 {
  color: var(--blue-800);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--blue-800) 50%, transparent);
  }
}
.text-status-emerald-600 {
  color: var(--emerald-600);
}
.text-status-emerald-700 {
  color: var(--emerald-700);
}
.text-status-green-500 {
  color: var(--green-500);
}
.text-status-green-600 {
  color: var(--green-600);
}
.text-status-green-800 {
  color: var(--green-800);
}
.text-status-orange-500 {
  color: var(--orange-500);
}
.text-status-orange-800 {
  color: var(--orange-800);
}
.text-status-purple-800 {
  color: var(--purple-800);
}
.text-status-red-600 {
  color: var(--red-600);
}
.text-status-rose-400 {
  color: var(--rose-400);
}
.text-status-rose-500 {
  color: var(--rose-500);
}
.text-status-rose-600 {
  color: var(--rose-600);
}
.text-status-yellow-800 {
  color: var(--yellow-800);
}
.text-teal-700 {
  color: var(--color-teal-700);
}
.text-teal-700\/50 {
  color: color-mix(in srgb, oklch(51.1% 0.096 186.391) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-teal-700) 50%, transparent);
  }
}
.text-violet-700 {
  color: var(--color-violet-700);
}
.text-violet-700\/50 {
  color: color-mix(in srgb, oklch(49.1% 0.27 292.581) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-violet-700) 50%, transparent);
  }
}
.text-white {
  color: var(--color-white);
}
.text-white\/90 {
  color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.text-yellow-700 {
  color: var(--color-yellow-700);
}
.text-yellow-700\/50 {
  color: color-mix(in srgb, oklch(55.4% 0.135 66.442) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-yellow-700) 50%, transparent);
  }
}
.text-yellow-950 {
  color: var(--color-yellow-950);
}
.text-zinc-500 {
  color: var(--color-zinc-500);
}
.text-zinc-700 {
  color: var(--color-zinc-700);
}
.text-zinc-700\/50 {
  color: color-mix(in srgb, oklch(37% 0.013 285.805) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);
  }
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.no-underline {
  text-decoration-line: none;
}
.underline {
  text-decoration-line: underline;
}
.decoration-black\/35 {
  text-decoration-color: color-mix(in srgb, #000 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--color-black) 35%, transparent);
  }
}
.decoration-black\/50 {
  text-decoration-color: color-mix(in srgb, #000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-25 {
  opacity: 25%;
}
.opacity-30 {
  opacity: 30%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-60 {
  opacity: 60%;
}
.opacity-70 {
  opacity: 70%;
}
.opacity-75 {
  opacity: 75%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[-16px_0_44px_-12px_rgba\(15\,23\,42\,0\.28\)\] {
  --tw-shadow: -16px 0 44px -12px var(--tw-shadow-color, rgba(15,23,42,0.28));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_2px\] {
  --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: var(--shadow-lg);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none\! {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-sm {
  --tw-shadow: var(--shadow-sm);
  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, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xs {
  --tw-shadow: var(--shadow-xs);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-status-blue-500\/50 {
  --tw-shadow-color: var(--blue-500);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--blue-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.ring-border {
  --tw-ring-color: var(--border);
}
.ring-white {
  --tw-ring-color: var(--color-white);
}
.ring-white\/10 {
  --tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.outline-1 {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.-outline-offset-1 {
  outline-offset: calc(1px * -1);
}
.\[outline-color\:rgb\(0_0_0_\/_var\(--ring-opacity\)\)\] {
  outline-color: rgb(0 0 0 / var(--ring-opacity));
}
.outline-transparent {
  outline-color: transparent;
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  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,);
}
.backdrop-blur-none\! {
  --tw-backdrop-blur:   !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(var(--blur-xl));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  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 {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-1000 {
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.will-change-transform {
  will-change: transform;
}
.forced-color-adjust-none {
  forced-color-adjust: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[--avatar-radius\:20\%\] {
  --avatar-radius: 20%;
}
.\[--code-editor-background\:theme\(\'colors\.base\.50\'\)\] {
  --code-editor-background: var(--color-slate-50);
}
.\[--gutter\:theme\(spacing\.8\)\] {
  --gutter: 2rem;
}
.\[--ring-opacity\:20\%\] {
  --ring-opacity: 20%;
}
.\[grid-area\:1\/1\] {
  grid-area: 1/1;
}
:is(.\*\:col-start-1 > *) {
  grid-column-start: 1;
}
:is(.\*\:row-start-1 > *) {
  grid-row-start: 1;
}
:is(.\*\:w-full > *) {
  width: 100%;
}
:is(.\*\:rounded-\(--avatar-radius\) > *) {
  border-radius: var(--avatar-radius);
}
:is(.\*\:rounded-full > *) {
  border-radius: 9999px;
}
:is(.\*\:bg-gray-100 > *) {
  background-color: var(--color-gray-100);
}
:is(.\*\:bg-white > *) {
  background-color: var(--color-white);
}
.group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) {
  display: none;
}
.group-hover\:visible:is(:where(.group):hover *) {
  visibility: visible;
}
.group-hover\:block:is(:where(.group):hover *) {
  display: block;
}
.group-hover\:hidden:is(:where(.group):hover *) {
  display: none;
}
.group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
  --tw-translate-x: calc(var(--spacing) * 0.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:translate-x-3:is(:where(.group):hover *) {
  --tw-translate-x: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:translate-y-0:is(:where(.group):hover *) {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:scale-100:is(:where(.group):hover *) {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:bg-brand-500:is(:where(.group):hover *) {
  background-color: var(--indigo-500);
}
.group-hover\:text-brand-600:is(:where(.group):hover *) {
  color: var(--indigo-600);
}
.group-hover\:text-brand-700:is(:where(.group):hover *) {
  color: var(--indigo-700);
}
.group-hover\:text-slate-300:is(:where(.group):hover *) {
  color: var(--slate-300);
}
.group-hover\:text-slate-400:is(:where(.group):hover *) {
  color: var(--slate-400);
}
.group-hover\:text-white:is(:where(.group):hover *) {
  color: var(--color-white);
}
.group-hover\:no-underline:is(:where(.group):hover *) {
  text-decoration-line: none;
}
.group-hover\:underline:is(:where(.group):hover *) {
  text-decoration-line: underline;
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
  opacity: 100%;
}
.group-hover\/item\:translate-x-3:is(:where(.group\/item):hover *) {
  --tw-translate-x: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-data-\[hover\]\:bg-amber-400\/30:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
  }
}
.group-data-\[hover\]\:bg-blue-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-cyan-400\/30:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
  }
}
.group-data-\[hover\]\:bg-emerald-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-fuchsia-400\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-fuchsia-400) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-green-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-green-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-indigo-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-lime-400\/30:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-lime-400) 30%, transparent);
  }
}
.group-data-\[hover\]\:bg-orange-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-pink-400\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-pink-400) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-purple-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-red-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-rose-400\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-400) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-sky-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-teal-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-violet-500\/25:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
  }
}
.group-data-\[hover\]\:bg-yellow-400\/30:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent);
  }
}
.group-data-\[hover\]\:bg-zinc-600\/20:is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(44.2% 0.017 285.786) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-zinc-600) 20%, transparent);
  }
}
.peer-open\:hidden:is(:where(.peer):is([open], :popover-open, :open) ~ *) {
  display: none;
}
.peer-checked\:ring-2:is(:where(.peer):checked ~ *) {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.peer-checked\:ring-foreground:is(:where(.peer):checked ~ *) {
  --tw-ring-color: var(--foreground);
}
.peer-checked\:ring-offset-2:is(:where(.peer):checked ~ *) {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.placeholder\:text-destructive::placeholder {
  color: var(--destructive);
}
.placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground);
}
.placeholder\:text-slate-500::placeholder {
  color: var(--slate-500);
}
.backdrop\:bg-slate-900\/40::backdrop {
  background-color: var(--slate-900);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-900) 40%, transparent);
  }
}
.after\:pointer-events-none::after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}
.after\:inset-y-0::after {
  content: var(--tw-content);
  inset-block: 0px;
}
.after\:-right-4::after {
  content: var(--tw-content);
  right: calc(var(--spacing) * -4);
}
.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}
.after\:-bottom-1::after {
  content: var(--tw-content);
  bottom: calc(var(--spacing) * -1);
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}
.after\:w-9::after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 9);
}
.after\:w-11::after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 11);
}
.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}
.after\:rounded-r-lg::after {
  content: var(--tw-content);
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.after\:bg-border::after {
  content: var(--tw-content);
  background-color: var(--border);
}
.after\:bg-gradient-to-l::after {
  --tw-gradient-position: to left in oklab;
  content: var(--tw-content);
  --tw-gradient-position: to left;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.after\:from-card::after {
  content: var(--tw-content);
  --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));
}
.after\:from-muted::after {
  content: var(--tw-content);
  --tw-gradient-from: var(--muted);
  --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-transparent::after {
  content: var(--tw-content);
  --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));
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.last\:border-0:last-child {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.checked\:border-brand-500\!:checked {
  border-color: var(--indigo-500) !important;
}
.checked\:border-brand-600:checked {
  border-color: var(--indigo-600);
}
.checked\:border-brand-600\!:checked {
  border-color: var(--indigo-600) !important;
}
.checked\:bg-brand-500\!:checked {
  background-color: var(--indigo-500) !important;
}
.checked\:bg-brand-600:checked {
  background-color: var(--indigo-600);
}
.checked\:bg-brand-600\!:checked {
  background-color: var(--indigo-600) !important;
}
.focus-within\:ring-2:focus-within {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-brand-500:focus-within {
  --tw-ring-color: var(--indigo-500);
}
.hover\:scale-110:hover {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:scale-\[1\.02\]:hover {
  scale: 1.02;
}
.hover\:border-brand-300:hover {
  border-color: var(--indigo-300);
}
.hover\:border-slate-300:hover {
  border-color: var(--slate-300);
}
.hover\:border-transparent:hover {
  border-color: transparent;
}
.hover\:bg-accent:hover {
  background-color: var(--accent);
}
.hover\:bg-accent\/60:hover {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--accent) 60%, transparent);
  }
}
.hover\:bg-base-50:hover {
  background-color: var(--color-base-50);
}
.hover\:bg-base-200:hover {
  background-color: var(--color-base-200);
}
.hover\:bg-black\/5:hover {
  background-color: color-mix(in srgb, #000 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
.hover\:bg-blue-600:hover {
  background-color: var(--color-blue-600);
}
.hover\:bg-brand-50\/50:hover {
  background-color: var(--indigo-50);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--indigo-50) 50%, transparent);
  }
}
.hover\:bg-brand-500:hover {
  background-color: var(--indigo-500);
}
.hover\:bg-brand-700:hover {
  background-color: var(--indigo-700);
}
.hover\:bg-card\/60:hover {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--card) 60%, transparent);
  }
}
.hover\:bg-destructive\/10:hover {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
  }
}
.hover\:bg-destructive\/90:hover {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
  }
}
.hover\:bg-primary-600:hover {
  background-color: var(--color-primary-600);
}
.hover\:bg-red-600:hover {
  background-color: var(--color-red-600);
}
.hover\:bg-secondary\/80:hover {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
  }
}
.hover\:bg-slate-50:hover {
  background-color: var(--slate-50);
}
.hover\:bg-slate-200:hover {
  background-color: var(--slate-200);
}
.hover\:bg-slate-700:hover {
  background-color: var(--slate-700);
}
.hover\:bg-slate-700\/50:hover {
  background-color: var(--slate-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-700) 50%, transparent);
  }
}
.hover\:bg-slate-800:hover {
  background-color: var(--slate-800);
}
.hover\:bg-slate-800\/60:hover {
  background-color: var(--slate-800);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-800) 60%, transparent);
  }
}
.hover\:bg-status-amber-200:hover {
  background-color: var(--amber-200);
}
.hover\:bg-status-yellow-500\/30:hover {
  background-color: var(--yellow-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-500) 30%, transparent);
  }
}
.hover\:bg-white\/10:hover {
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.hover\:from-slate-700\/80:hover {
  --tw-gradient-from: var(--slate-700);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--slate-700) 80%, 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));
}
.hover\:text-accent-foreground:hover {
  color: var(--accent-foreground);
}
.hover\:text-base-500:hover {
  color: var(--color-base-500);
}
.hover\:text-base-700:hover {
  color: var(--color-base-700);
}
.hover\:text-base-900:hover {
  color: var(--color-base-900);
}
.hover\:text-blue-600:hover {
  color: var(--color-blue-600);
}
.hover\:text-brand-300:hover {
  color: var(--indigo-300);
}
.hover\:text-brand-600:hover {
  color: var(--indigo-600);
}
.hover\:text-brand-700:hover {
  color: var(--indigo-700);
}
.hover\:text-foreground:hover {
  color: var(--foreground);
}
.hover\:text-primary-600:hover {
  color: var(--color-primary-600);
}
.hover\:text-primary-700:hover {
  color: var(--color-primary-700);
}
.hover\:text-slate-200:hover {
  color: var(--slate-200);
}
.hover\:text-slate-300:hover {
  color: var(--slate-300);
}
.hover\:text-slate-400:hover {
  color: var(--slate-400);
}
.hover\:text-slate-900:hover {
  color: var(--slate-900);
}
.hover\:text-status-amber-700:hover {
  color: var(--amber-700);
}
.hover\:text-status-blue-800:hover {
  color: var(--blue-800);
}
.hover\:text-white:hover {
  color: var(--color-white);
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:decoration-black:hover {
  text-decoration-color: var(--color-black);
}
.hover\:opacity-80:hover {
  opacity: 80%;
}
.hover\:opacity-100:hover {
  opacity: 100%;
}
.hover\:shadow-inner:hover {
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:after\:bg-foreground\/70:hover::after {
  content: var(--tw-content);
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
.focus\:border-blue-500:focus {
  border-color: var(--color-blue-500);
}
.focus\:border-brand-500:focus {
  border-color: var(--indigo-500);
}
.focus\:border-destructive:focus {
  border-color: var(--destructive);
}
.focus\:border-indigo-500:focus {
  border-color: var(--color-indigo-500);
}
.focus\:ring-2:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-blue-600:focus {
  --tw-ring-color: var(--color-blue-600);
}
.focus\:ring-brand-500:focus {
  --tw-ring-color: var(--indigo-500);
}
.focus\:ring-destructive:focus {
  --tw-ring-color: var(--destructive);
}
.focus\:ring-indigo-500:focus {
  --tw-ring-color: var(--color-indigo-500);
}
.focus\:ring-primary-500:focus {
  --tw-ring-color: var(--color-primary-500);
}
.focus\:ring-primary-600:focus {
  --tw-ring-color: var(--color-primary-600);
}
.focus\:ring-status-amber-500:focus {
  --tw-ring-color: var(--amber-500);
}
.focus\:ring-status-blue-500:focus {
  --tw-ring-color: var(--blue-500);
}
.focus\:ring-status-rose-500:focus {
  --tw-ring-color: var(--rose-500);
}
.focus\:ring-white:focus {
  --tw-ring-color: var(--color-white);
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:outline-hidden:focus {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.focus\:outline-0:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
}
.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}
.focus-visible\:bg-accent:focus-visible {
  background-color: var(--accent);
}
.focus-visible\:text-accent-foreground:focus-visible {
  color: var(--accent-foreground);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-brand-500:focus-visible {
  --tw-ring-color: var(--indigo-500);
}
.focus-visible\:outline-none:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}
.active\:bg-accent:active {
  background-color: var(--accent);
}
.disabled\:bg-base-200:disabled {
  background-color: var(--color-base-200);
}
.disabled\:bg-muted:disabled {
  background-color: var(--muted);
}
.disabled\:bg-slate-200:disabled {
  background-color: var(--slate-200);
}
.disabled\:opacity-50:disabled {
  opacity: 50%;
}
.disabled\:opacity-60:disabled {
  opacity: 60%;
}
.disabled\:\[--code-editor-background\:theme\(\'colors\.base\.200\'\)\]:disabled {
  --code-editor-background: var(--color-slate-200);
}
.has-checked\:bg-accent:has(:checked) {
  background-color: var(--accent);
}
.has-\[\.wp-select\:checked\]\:bg-brand-600\/5:has(:is(.wp-select:checked)) {
  background-color: var(--indigo-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--indigo-600) 5%, transparent);
  }
}
.data-disabled\:opacity-50[data-disabled] {
  opacity: 50%;
}
.data-\[active\]\:bg-sidebar-accent[data-active] {
  background-color: var(--sidebar-accent);
}
.data-\[closed\]\:translate-y-12[data-closed] {
  --tw-translate-y: calc(var(--spacing) * 12);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[closed\]\:opacity-0[data-closed] {
  opacity: 0%;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 50%;
}
.data-\[disabled\]\:hover\:after\:bg-border[data-disabled]:hover::after {
  content: var(--tw-content);
  background-color: var(--border);
}
.data-\[enter\]\:ease-out[data-enter] {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.data-\[focus\]\:outline-hidden[data-focus] {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.data-\[focus\]\:after\:bg-foreground\/70[data-focus]::after {
  content: var(--tw-content);
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
.data-\[hover\]\:bg-sidebar-accent[data-hover] {
  background-color: var(--sidebar-accent);
}
.data-\[leave\]\:ease-in[data-leave] {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.data-\[open\]\:block[data-open] {
  display: block;
}
:is(.\*\:data-\[slot\=avatar\]\:-m-0\.5 > *)[data-slot="avatar"] {
  margin: calc(var(--spacing) * -0.5);
}
:is(.\*\:data-\[slot\=avatar\]\:size-7 > *)[data-slot="avatar"] {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}
:is(.\*\:data-\[slot\=avatar\]\:\[--avatar-radius\:theme\(borderRadius\.DEFAULT\)\] > *)[data-slot="avatar"] {
  --avatar-radius: 0.25rem;
}
:is(.\*\:data-\[slot\=avatar\]\:\[--ring-opacity\:10\%\] > *)[data-slot="avatar"] {
  --ring-opacity: 10%;
}
:is(.\*\:data-\[slot\=icon\]\:size-6 > *)[data-slot="icon"] {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}
:is(.\*\:data-\[slot\=icon\]\:shrink-0 > *)[data-slot="icon"] {
  flex-shrink: 0;
}
:is(.\*\:data-\[slot\=icon\]\:fill-muted-foreground > *)[data-slot="icon"] {
  fill: var(--muted-foreground);
}
:is(.\*\:data-\[slot\=icon\]\:fill-sidebar-foreground\/60 > *)[data-slot="icon"] {
  fill: var(--sidebar-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    fill: color-mix(in oklab, var(--sidebar-foreground) 60%, transparent);
  }
}
:is(.\*\:last\:data-\[slot\=icon\]\:ml-auto > *):last-child[data-slot="icon"] {
  margin-left: auto;
}
:is(.\*\:last\:data-\[slot\=icon\]\:size-5 > *):last-child[data-slot="icon"] {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
:is(.hover\:\*\:data-\[slot\=icon\]\:fill-foreground:hover > *)[data-slot="icon"] {
  fill: var(--foreground);
}
:is(.active\:\*\:data-\[slot\=icon\]\:fill-foreground:active > *)[data-slot="icon"] {
  fill: var(--foreground);
}
:is(.data-\[active\]\:\*\:data-\[slot\=icon\]\:fill-sidebar-accent-foreground[data-active] > *)[data-slot="icon"] {
  fill: var(--sidebar-accent-foreground);
}
:is(.data-\[current\]\:\*\:data-\[slot\=icon\]\:fill-brand-600[data-current] > *)[data-slot="icon"] {
  fill: var(--indigo-600);
}
:is(.data-\[hover\]\:\*\:data-\[slot\=icon\]\:fill-sidebar-accent-foreground[data-hover] > *)[data-slot="icon"] {
  fill: var(--sidebar-accent-foreground);
}
@media (width < 64rem) {
  .max-lg\:hidden {
    display: none;
  }
}
@media (width < 48rem) {
  .max-md\:top-1 {
    top: var(--spacing);
  }
  .max-md\:bottom-\[84px\] {
    bottom: 84px;
  }
  .max-md\:left-1 {
    left: var(--spacing);
  }
  .max-md\:mt-0 {
    margin-top: 0px;
  }
  .max-md\:mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .max-md\:grid {
    display: grid;
  }
  .max-md\:hidden {
    display: none;
  }
  .max-md\:hidden\! {
    display: none !important;
  }
  .max-md\:size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .max-md\:h-10 {
    height: calc(var(--spacing) * 10);
  }
  .max-md\:h-12 {
    height: calc(var(--spacing) * 12);
  }
  .max-md\:min-h-svh {
    min-height: 100svh;
  }
  .max-md\:w-\[72px\] {
    width: 72px;
  }
  .max-md\:min-w-0 {
    min-width: 0px;
  }
  .max-md\:flex-none {
    flex: none;
  }
  .max-md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .max-md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .max-md\:flex-row {
    flex-direction: row;
  }
  .max-md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .max-md\:items-center {
    align-items: center;
  }
  .max-md\:justify-center {
    justify-content: center;
  }
  .max-md\:gap-0 {
    gap: 0px;
  }
  .max-md\:gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .max-md\:overflow-hidden {
    overflow: hidden;
  }
  .max-md\:overflow-x-auto {
    overflow-x: auto;
  }
  .max-md\:rounded-lg {
    border-radius: var(--radius);
  }
  .max-md\:rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .max-md\:rounded-none {
    border-radius: 0;
  }
  .max-md\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .max-md\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .max-md\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .max-md\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .max-md\:border-border {
    border-color: var(--border);
  }
  .max-md\:bg-card {
    background-color: var(--card);
  }
  .max-md\:bg-transparent {
    background-color: transparent;
  }
  .max-md\:p-0 {
    padding: 0px;
  }
  .max-md\:px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .max-md\:py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .max-md\:pt-0 {
    padding-top: 0px;
  }
  .max-md\:pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .max-md\:pb-1 {
    padding-bottom: var(--spacing);
  }
  .max-md\:pb-\[72px\] {
    padding-bottom: 72px;
  }
  .max-md\:text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .max-md\:shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .max-md\:shadow-xs {
    --tw-shadow: var(--shadow-xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .max-md\:after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .max-md\:after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
  }
  .max-md\:last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .max-md\:has-\[\.wp-select\:checked\]\:bg-brand-600\/5:has(:is(.wp-select:checked)) {
    background-color: var(--indigo-600);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--indigo-600) 5%, transparent);
    }
  }
}
@media (width < 40rem) {
  .max-sm\:hidden {
    display: none;
  }
}
@media (width >= 2048px) {
  .\34 xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (width >= 40rem) {
  .sm\:top-3 {
    top: calc(var(--spacing) * 3);
  }
  .sm\:right-3 {
    right: calc(var(--spacing) * 3);
  }
  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .sm\:m-10 {
    margin: calc(var(--spacing) * 10);
  }
  .sm\:mx-0 {
    margin-inline: 0px;
  }
  .sm\:mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .sm\:mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .sm\:mb-auto {
    margin-bottom: auto;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .sm\:h-7 {
    height: calc(var(--spacing) * 7);
  }
  .sm\:h-36 {
    height: calc(var(--spacing) * 36);
  }
  .sm\:h-56 {
    height: calc(var(--spacing) * 56);
  }
  .sm\:w-7 {
    width: calc(var(--spacing) * 7);
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-2xl {
    max-width: var(--container-2xl);
  }
  .sm\:max-w-3xl {
    max-width: var(--container-3xl);
  }
  .sm\:max-w-4xl {
    max-width: var(--container-4xl);
  }
  .sm\:max-w-5xl {
    max-width: var(--container-5xl);
  }
  .sm\:max-w-lg {
    max-width: var(--container-lg);
  }
  .sm\:max-w-md {
    max-width: var(--container-md);
  }
  .sm\:max-w-sm {
    max-width: var(--container-sm);
  }
  .sm\:max-w-xl {
    max-width: var(--container-xl);
  }
  .sm\:max-w-xs {
    max-width: var(--container-xs);
  }
  .sm\:min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .sm\:flex-none {
    flex: none;
  }
  .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:grid-rows-\[1fr_auto_3fr\] {
    grid-template-rows: 1fr auto 3fr;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .sm\:gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }
  .sm\:gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .sm\:self-end {
    align-self: flex-end;
  }
  .sm\:rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .sm\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .sm\:bg-white {
    background-color: var(--color-white);
  }
  .sm\:bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    --tw-gradient-position: to bottom right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .sm\:p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .sm\:p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .sm\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .sm\:px-0 {
    padding-inline: 0px;
  }
  .sm\:px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .sm\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .sm\:px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .sm\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .sm\:px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .sm\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .sm\:px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .sm\:px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .sm\:py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .sm\:py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .sm\:py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .sm\:py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .sm\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .sm\:py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .sm\:pt-0 {
    padding-top: 0px;
  }
  .sm\:pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .sm\:pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .sm\:pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .sm\:pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .sm\:text-base\/6 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 6);
  }
  .sm\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .sm\:text-sm\/5 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 5);
  }
  .sm\:text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }
  .sm\:text-xl\/8 {
    font-size: var(--text-xl);
    line-height: calc(var(--spacing) * 8);
  }
  .sm\:text-xs\/5 {
    font-size: var(--text-xs);
    line-height: calc(var(--spacing) * 5);
  }
  .sm\:text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .sm\:text-\[26px\] {
    font-size: 26px;
  }
  .sm\:shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.sm\:\*\:w-auto > *) {
    width: auto;
  }
  .sm\:after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
  }
  .sm\:hover\:scale-\[1\.02\]:hover {
    scale: 1.02;
  }
  .sm\:data-\[closed\]\:translate-y-0[data-closed] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .sm\:data-\[closed\]\:data-\[enter\]\:scale-95[data-closed][data-enter] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  :is(.sm\:\*\:data-\[slot\=avatar\]\:size-6 > *)[data-slot="avatar"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  :is(.sm\:\*\:data-\[slot\=icon\]\:size-5 > *)[data-slot="icon"] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  :is(.sm\:\*\:last\:data-\[slot\=icon\]\:size-4 > *):last-child[data-slot="icon"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
@media (width >= 48rem) {
  .md\:top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .md\:top-2 {
    top: calc(var(--spacing) * 2);
  }
  .md\:bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .md\:left-2 {
    left: calc(var(--spacing) * 2);
  }
  .md\:mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .md\:mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:size-5\.5 {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }
  .md\:h-36 {
    height: calc(var(--spacing) * 36);
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:min-w-0 {
    min-width: 0px;
  }
  .md\:flex-1 {
    flex: 1;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }
  :where(.md\:space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .md\:gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .md\:gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .md\:rounded-lg {
    border-radius: var(--radius);
  }
  .md\:rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .md\:rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }
  .md\:rounded-l-lg {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }
  .md\:rounded-tl-lg {
    border-top-left-radius: var(--radius);
  }
  .md\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .md\:border-border {
    border-color: var(--border);
  }
  .md\:bg-card {
    background-color: var(--card);
  }
  .md\:bg-sidebar {
    background-color: var(--sidebar);
  }
  .md\:bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    --tw-gradient-position: to bottom right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .md\:p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .md\:p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .md\:p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .md\:px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .md\:py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .md\:pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .md\:pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .md\:text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .md\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .md\:text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }
  .md\:text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .md\:text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .md\:text-\[13px\] {
    font-size: 13px;
  }
  .md\:text-\[27px\] {
    font-size: 27px;
  }
  .md\:text-\[32px\] {
    font-size: 32px;
  }
  .md\:text-xs {
    font-size: var(--text-xs);
  }
  .md\:shadow-xs {
    --tw-shadow: var(--shadow-xs);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .md\:ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .md\:ring-border {
    --tw-ring-color: var(--border);
  }
  .md\:after\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
  .md\:hover\:border-slate-300:hover {
    border-color: var(--slate-300);
  }
  .md\:has-\[\.wp-select\:checked\]\:border-brand-300:has(:is(.wp-select:checked)) {
    border-color: var(--indigo-300);
  }
  .md\:has-\[\.wp-select\:checked\]\:ring-\[3px\]:has(:is(.wp-select:checked)) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .md\:has-\[\.wp-select\:checked\]\:ring-brand-600\/15:has(:is(.wp-select:checked)) {
    --tw-ring-color: var(--indigo-600);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--indigo-600) 15%, transparent);
    }
  }
}
@media (width >= 64rem) {
  .lg\:right-8 {
    right: calc(var(--spacing) * 8);
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:m-20 {
    margin: calc(var(--spacing) * 20);
  }
  .lg\:-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
  .lg\:-mr-px {
    margin-right: -1px;
  }
  .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .lg\:-ml-px {
    margin-left: -1px;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-\[calc\(100vh-22rem\)\] {
    height: calc(100vh - 22rem);
  }
  .lg\:h-svh {
    height: 100svh;
  }
  .lg\:max-h-\[calc\(100vh-22rem\)\] {
    max-height: calc(100vh - 22rem);
  }
  .lg\:max-h-\[calc\(100vh-26rem\)\] {
    max-height: calc(100vh - 26rem);
  }
  .lg\:max-h-\[calc\(100vh-28rem\)\] {
    max-height: calc(100vh - 28rem);
  }
  .lg\:min-h-0 {
    min-height: 0px;
  }
  .lg\:w-56 {
    width: calc(var(--spacing) * 56);
  }
  .lg\:max-w-md {
    max-width: var(--container-md);
  }
  .lg\:min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }
  .lg\:flex-1 {
    flex: 1;
  }
  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[\.9fr_1\.1fr\] {
    grid-template-columns: .9fr 1.1fr;
  }
  .lg\:grid-cols-\[1fr_1\.15fr\] {
    grid-template-columns: 1fr 1.15fr;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .lg\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .lg\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .lg\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .lg\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .lg\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .lg\:py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .lg\:pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .lg\:pr-0 {
    padding-right: 0px;
  }
  .lg\:pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .lg\:pb-0 {
    padding-bottom: 0px;
  }
  .lg\:pl-56 {
    padding-left: calc(var(--spacing) * 56);
  }
  .lg\:text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
@media (width >= 80rem) {
  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .xl\:max-w-3xl {
    max-width: var(--container-3xl);
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:items-start {
    align-items: flex-start;
  }
  .xl\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .xl\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .xl\:text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
:where(.dark\:divide-base-700\/5:where([data-theme="dark"], [data-theme="dark"] *) > :not(:last-child)) {
  border-color: var(--color-base-700);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-base-700) 5%, transparent);
  }
}
.dark\:border-base-300\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-base-300);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-base-300) 10%, transparent);
  }
}
.dark\:border-base-500:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-base-500);
}
.dark\:border-base-500\/5:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-base-500);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-base-500) 5%, transparent);
  }
}
.dark\:border-base-600:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-base-600);
}
.dark\:border-base-900:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-base-900);
}
.dark\:border-blue-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-blue-400);
}
.dark\:border-blue-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
  }
}
.dark\:border-brand-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--indigo-400);
}
.dark\:border-emerald-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-emerald-400);
}
.dark\:border-emerald-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
  }
}
.dark\:border-green-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-green-400);
}
.dark\:border-green-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-green-400) 30%, transparent);
  }
}
.dark\:border-indigo-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-indigo-400);
}
.dark\:border-indigo-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-indigo-400) 30%, transparent);
  }
}
.dark\:border-orange-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-orange-400);
}
.dark\:border-orange-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-400) 30%, transparent);
  }
}
.dark\:border-purple-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-purple-400);
}
.dark\:border-purple-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
  }
}
.dark\:border-red-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-red-400);
}
.dark\:border-red-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
  }
}
.dark\:border-sky-300:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-sky-300);
}
.dark\:border-sky-300\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-300) 30%, transparent);
  }
}
.dark\:border-slate-300\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--slate-300);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--slate-300) 10%, transparent);
  }
}
.dark\:border-slate-500:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--slate-500);
}
.dark\:border-slate-600:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--slate-600);
}
.dark\:border-slate-700:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--slate-700);
}
.dark\:border-slate-900:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--slate-900);
}
.dark\:border-status-amber-500:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--amber-500);
}
.dark\:border-status-amber-500\/28:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--amber-500);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--amber-500) 28%, transparent);
  }
}
.dark\:border-status-amber-500\/35:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--amber-500);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--amber-500) 35%, transparent);
  }
}
.dark\:border-status-blue-500\/35:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--blue-500);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--blue-500) 35%, transparent);
  }
}
.dark\:border-status-blue-600:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--blue-600);
}
.dark\:border-status-emerald-700:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--emerald-700);
}
.dark\:border-status-red-600:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--red-600);
}
.dark\:border-status-rose-400\/35:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--rose-400);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--rose-400) 35%, transparent);
  }
}
.dark\:border-status-rose-600:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--rose-600);
}
.dark\:border-status-yellow-400\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--yellow-400) 40%, transparent);
  }
}
.dark\:border-teal-300:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-teal-300);
}
.dark\:border-teal-300\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(85.5% 0.138 181.071) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-teal-300) 30%, transparent);
  }
}
.dark\:border-violet-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-violet-400);
}
.dark\:border-violet-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
  }
}
.dark\:border-zinc-400:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-zinc-400);
}
.dark\:border-zinc-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-zinc-400) 30%, transparent);
  }
}
.dark\:border-zinc-800:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-zinc-800);
}
.dark\:border-b-yellow-300\/20:where([data-theme="dark"], [data-theme="dark"] *) {
  border-bottom-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-yellow-300) 20%, transparent);
  }
}
.dark\:border-b-yellow-300\/25:where([data-theme="dark"], [data-theme="dark"] *) {
  border-bottom-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-yellow-300) 25%, transparent);
  }
}
.dark\:border-b-yellow-300\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  border-bottom-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-yellow-300) 30%, transparent);
  }
}
.dark\:border-b-yellow-300\/35:where([data-theme="dark"], [data-theme="dark"] *) {
  border-bottom-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-yellow-300) 35%, transparent);
  }
}
.dark\:border-b-yellow-300\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  border-bottom-color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-yellow-300) 40%, transparent);
  }
}
.dark\:border-b-zinc-800:where([data-theme="dark"], [data-theme="dark"] *) {
  border-bottom-color: var(--color-zinc-800);
}
.dark\:bg-amber-400\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
  }
}
.dark\:bg-base-50\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-base-50);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-base-50) 10%, transparent);
  }
}
.dark\:bg-base-700:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-base-700);
}
.dark\:bg-base-700\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-base-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-base-700) 50%, transparent);
  }
}
.dark\:bg-base-800:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-base-800);
}
.dark\:bg-base-900:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-base-900);
}
.dark\:bg-black\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, #000 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
.dark\:bg-black\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, #000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.dark\:bg-brand-400:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--indigo-400);
}
.dark\:bg-brand-950:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--indigo-950);
}
.dark\:bg-brand-950\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--indigo-950);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--indigo-950) 40%, transparent);
  }
}
.dark\:bg-cyan-400\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
  }
}
.dark\:bg-emerald-500\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}
.dark\:bg-fuchsia-400\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-fuchsia-400) 10%, transparent);
  }
}
.dark\:bg-green-500\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
  }
}
.dark\:bg-lime-400\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-lime-400) 10%, transparent);
  }
}
.dark\:bg-orange-500\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
  }
}
.dark\:bg-pink-400\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent);
  }
}
.dark\:bg-red-500\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
  }
}
.dark\:bg-red-700:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-red-700);
}
.dark\:bg-red-700\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-700) 40%, transparent);
  }
}
.dark\:bg-rose-400\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
  }
}
.dark\:bg-sidebar:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--sidebar);
}
.dark\:bg-sky-500\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
  }
}
.dark\:bg-slate-50\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-50);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-50) 10%, transparent);
  }
}
.dark\:bg-slate-600:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-600);
}
.dark\:bg-slate-700:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-700);
}
.dark\:bg-slate-700\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-700) 50%, transparent);
  }
}
.dark\:bg-slate-800:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-800);
}
.dark\:bg-slate-800\/60:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-800);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-800) 60%, transparent);
  }
}
.dark\:bg-slate-900:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-900);
}
.dark\:bg-slate-900\/55:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-900);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-900) 55%, transparent);
  }
}
.dark\:bg-slate-950\/80:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
  }
}
.dark\:bg-status-amber-400\/75:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--amber-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--amber-400) 75%, transparent);
  }
}
.dark\:bg-status-amber-500\/12:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--amber-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--amber-500) 12%, transparent);
  }
}
.dark\:bg-status-amber-500\/15:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--amber-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--amber-500) 15%, transparent);
  }
}
.dark\:bg-status-blue-400\/75:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--blue-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--blue-400) 75%, transparent);
  }
}
.dark\:bg-status-blue-500\/15:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--blue-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--blue-500) 15%, transparent);
  }
}
.dark\:bg-status-blue-600:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--blue-600);
}
.dark\:bg-status-blue-600\/15:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--blue-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--blue-600) 15%, transparent);
  }
}
.dark\:bg-status-blue-600\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--blue-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--blue-600) 50%, transparent);
  }
}
.dark\:bg-status-emerald-500\/15:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--emerald-500);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--emerald-500) 15%, transparent);
  }
}
.dark\:bg-status-emerald-700\/20:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--emerald-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--emerald-700) 20%, transparent);
  }
}
.dark\:bg-status-emerald-700\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--emerald-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--emerald-700) 40%, transparent);
  }
}
.dark\:bg-status-green-400\/75:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--green-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--green-400) 75%, transparent);
  }
}
.dark\:bg-status-green-500:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--green-500);
}
.dark\:bg-status-green-600:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--green-600);
}
.dark\:bg-status-green-600\/20:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--green-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--green-600) 20%, transparent);
  }
}
.dark\:bg-status-green-800:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--green-800);
}
.dark\:bg-status-red-600\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--red-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--red-600) 10%, transparent);
  }
}
.dark\:bg-status-red-600\/15:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--red-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--red-600) 15%, transparent);
  }
}
.dark\:bg-status-red-600\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--red-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--red-600) 30%, transparent);
  }
}
.dark\:bg-status-red-600\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--red-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--red-600) 40%, transparent);
  }
}
.dark\:bg-status-rose-400:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--rose-400);
}
.dark\:bg-status-rose-400\/15:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--rose-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--rose-400) 15%, transparent);
  }
}
.dark\:bg-status-rose-400\/20:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--rose-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--rose-400) 20%, transparent);
  }
}
.dark\:bg-status-rose-400\/75:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--rose-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--rose-400) 75%, transparent);
  }
}
.dark\:bg-status-rose-600:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--rose-600);
}
.dark\:bg-status-rose-600\/20:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--rose-600);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--rose-600) 20%, transparent);
  }
}
.dark\:bg-status-yellow-400\/8:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-400) 8%, transparent);
  }
}
.dark\:bg-status-yellow-400\/13:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-400) 13%, transparent);
  }
}
.dark\:bg-status-yellow-400\/16:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-400) 16%, transparent);
  }
}
.dark\:bg-status-yellow-400\/19:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-400) 19%, transparent);
  }
}
.dark\:bg-status-yellow-400\/27:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-400) 27%, transparent);
  }
}
.dark\:bg-status-yellow-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-400) 30%, transparent);
  }
}
.dark\:bg-status-yellow-400\/36:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-400);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-400) 36%, transparent);
  }
}
.dark\:bg-status-yellow-800:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-800);
}
.dark\:bg-status-yellow-800\/40:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--yellow-800);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-800) 40%, transparent);
  }
}
.dark\:bg-teal-500\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
  }
}
.dark\:bg-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: transparent;
}
.dark\:bg-white\/5:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.dark\:bg-yellow-400\/10:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
  }
}
.dark\:bg-yellow-400\/20:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
  }
}
.dark\:bg-yellow-400\/30:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent);
  }
}
.dark\:bg-yellow-400\/45:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 45%, transparent);
  }
}
.dark\:bg-yellow-400\/60:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 60%, transparent);
  }
}
.dark\:from-base-700:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--color-base-700);
  --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-base-700\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--color-base-700);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-base-700) 50%, 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\:from-base-800:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--color-base-800);
  --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-900:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--color-primary-900);
  --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-slate-700:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--slate-700);
  --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-slate-700\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--slate-700);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--slate-700) 50%, 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\:from-slate-800:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-from: var(--slate-800);
  --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-base-800:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: var(--color-base-800);
  --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-600:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: var(--color-primary-600);
  --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-slate-800:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-gradient-to: var(--slate-800);
  --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\:text-amber-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-amber-400);
}
.dark\:text-amber-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
  }
}
.dark\:text-base-200:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-base-200);
}
.dark\:text-base-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-base-300);
}
.dark\:text-base-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-base-400);
}
.dark\:text-base-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-base-500);
}
.dark\:text-base-800:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-base-800);
}
.dark\:text-blue-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-blue-400);
}
.dark\:text-blue-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
  }
}
.dark\:text-brand-100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--indigo-100);
}
.dark\:text-brand-200:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--indigo-200);
}
.dark\:text-brand-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--indigo-300);
}
.dark\:text-brand-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--indigo-400);
}
.dark\:text-brand-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--indigo-500);
}
.dark\:text-cyan-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-cyan-300);
}
.dark\:text-cyan-300\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-cyan-300) 50%, transparent);
  }
}
.dark\:text-emerald-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-emerald-400);
}
.dark\:text-emerald-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
  }
}
.dark\:text-fuchsia-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-fuchsia-400);
}
.dark\:text-fuchsia-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(74% 0.238 322.16) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-fuchsia-400) 50%, transparent);
  }
}
.dark\:text-green-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-green-400);
}
.dark\:text-green-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-green-400) 50%, transparent);
  }
}
.dark\:text-indigo-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-indigo-400);
}
.dark\:text-indigo-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent);
  }
}
.dark\:text-lime-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-lime-300);
}
.dark\:text-lime-300\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(89.7% 0.196 126.665) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-lime-300) 50%, transparent);
  }
}
.dark\:text-orange-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-orange-400);
}
.dark\:text-orange-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(75% 0.183 55.934) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-orange-400) 50%, transparent);
  }
}
.dark\:text-pink-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-pink-400);
}
.dark\:text-pink-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-pink-400) 50%, transparent);
  }
}
.dark\:text-primary-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-primary-300);
}
.dark\:text-purple-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-purple-400);
}
.dark\:text-purple-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-purple-400) 50%, transparent);
  }
}
.dark\:text-red-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-red-400);
}
.dark\:text-red-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
  }
}
.dark\:text-rose-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-rose-400);
}
.dark\:text-rose-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-rose-400) 50%, transparent);
  }
}
.dark\:text-sky-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-sky-300);
}
.dark\:text-sky-300\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-sky-300) 50%, transparent);
  }
}
.dark\:text-slate-100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate-100);
}
.dark\:text-slate-200:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate-200);
}
.dark\:text-slate-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate-300);
}
.dark\:text-slate-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate-400);
}
.dark\:text-slate-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate-500);
}
.dark\:text-slate-600:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate-600);
}
.dark\:text-slate-800:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--slate-800);
}
.dark\:text-status-amber-200:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--amber-200);
}
.dark\:text-status-amber-200\/70:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--amber-200);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--amber-200) 70%, transparent);
  }
}
.dark\:text-status-amber-200\/90:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--amber-200);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--amber-200) 90%, transparent);
  }
}
.dark\:text-status-amber-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--amber-400);
}
.dark\:text-status-amber-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--amber-500);
}
.dark\:text-status-amber-500\/90:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--amber-500);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--amber-500) 90%, transparent);
  }
}
.dark\:text-status-blue-100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--blue-100);
}
.dark\:text-status-blue-100\/70:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--blue-100);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--blue-100) 70%, transparent);
  }
}
.dark\:text-status-blue-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--blue-500);
}
.dark\:text-status-blue-500\/100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--blue-500);
}
.dark\:text-status-emerald-200:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--emerald-200);
}
.dark\:text-status-emerald-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--emerald-500);
}
.dark\:text-status-green-500:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--green-500);
}
.dark\:text-status-purple-100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--purple-100);
}
.dark\:text-status-rose-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--rose-400);
}
.dark\:text-status-rose-400\/70:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--rose-400);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--rose-400) 70%, transparent);
  }
}
.dark\:text-status-rose-400\/90:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--rose-400);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--rose-400) 90%, transparent);
  }
}
.dark\:text-status-yellow-100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--yellow-100);
}
.dark\:text-status-yellow-200:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--yellow-200);
}
.dark\:text-teal-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-teal-300);
}
.dark\:text-teal-300\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(85.5% 0.138 181.071) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-teal-300) 50%, transparent);
  }
}
.dark\:text-violet-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-violet-400);
}
.dark\:text-violet-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
  }
}
.dark\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-white);
}
.dark\:text-white\/75:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, #fff 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 75%, transparent);
  }
}
.dark\:text-yellow-50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-yellow-50);
}
.dark\:text-yellow-100:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-yellow-100);
}
.dark\:text-yellow-300:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-yellow-300);
}
.dark\:text-yellow-300\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(90.5% 0.182 98.111) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-yellow-300) 50%, transparent);
  }
}
.dark\:text-zinc-400:where([data-theme="dark"], [data-theme="dark"] *) {
  color: var(--color-zinc-400);
}
.dark\:text-zinc-400\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-zinc-400) 50%, transparent);
  }
}
.dark\:decoration-\[rgb\(255_255_255_\/_0\.5\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  text-decoration-color: rgb(255 255 255 / 0.5);
}
.dark\:decoration-white\/50:where([data-theme="dark"], [data-theme="dark"] *) {
  text-decoration-color: color-mix(in srgb, #fff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.dark\:shadow:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dark\:shadow-\[-16px_0_48px_-10px_rgba\(2\,6\,23\,0\.75\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: -16px 0 48px -10px var(--tw-shadow-color, rgba(2,6,23,0.75));
  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-none:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow: 0 0 #0000;
  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-black:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow-color: #000;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent);
  }
}
.dark\:shadow-status-blue-600\/100:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-shadow-color: var(--blue-600);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--blue-600) var(--tw-shadow-alpha), transparent);
  }
}
.dark\:ring-transparent:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-color: transparent;
}
.dark\:ring-offset-base-700:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-offset-color: var(--color-base-700);
}
.dark\:ring-offset-slate-700:where([data-theme="dark"], [data-theme="dark"] *) {
  --tw-ring-offset-color: var(--slate-700);
}
.dark\:\[outline-color\:rgb\(255_255_255_\/_var\(--ring-opacity\)\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  outline-color: rgb(255 255 255 / var(--ring-opacity));
}
.dark\:\[--code-editor-background\:theme\(\'colors\.base\.800\'\)\]:where([data-theme="dark"], [data-theme="dark"] *) {
  --code-editor-background: var(--color-slate-800);
}
:is(.dark\:\*\:bg-base-700:where([data-theme="dark"], [data-theme="dark"] *) > *) {
  background-color: var(--color-base-700);
}
:is(.dark\:\*\:bg-base-900:where([data-theme="dark"], [data-theme="dark"] *) > *) {
  background-color: var(--color-base-900);
}
.dark\:group-hover\:bg-base-700\/25:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group):hover *) {
  background-color: var(--color-base-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-base-700) 25%, transparent);
  }
}
.dark\:group-hover\:bg-slate-700\/25:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group):hover *) {
  background-color: var(--slate-700);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-700) 25%, transparent);
  }
}
.dark\:group-hover\:text-base-100:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group):hover *) {
  color: var(--color-base-100);
}
.dark\:group-hover\:text-brand-200:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group):hover *) {
  color: var(--indigo-200);
}
.dark\:group-hover\:text-slate-100:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group):hover *) {
  color: var(--slate-100);
}
.dark\:group-data-\[hover\]\:bg-amber-400\/15:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-blue-500\/25:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-cyan-400\/15:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-400) 15%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-emerald-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-fuchsia-400\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-green-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-indigo-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-lime-400\/15:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-lime-400) 15%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-orange-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-pink-400\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-purple-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-red-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-rose-400\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-sky-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-teal-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-violet-500\/20:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.dark\:group-data-\[hover\]\:bg-yellow-400\/15:where([data-theme="dark"], [data-theme="dark"] *):is(:where(.group)[data-hover] *) {
  background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-400) 15%, transparent);
  }
}
.dark\:backdrop\:bg-slate-950\/80:where([data-theme="dark"], [data-theme="dark"] *)::backdrop {
  background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-950) 80%, transparent);
  }
}
.dark\:hover\:border-slate-600:where([data-theme="dark"], [data-theme="dark"] *):hover {
  border-color: var(--slate-600);
}
.dark\:hover\:bg-base-400:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: var(--color-base-400);
}
.dark\:hover\:bg-brand-950\/20:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: var(--indigo-950);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--indigo-950) 20%, transparent);
  }
}
.dark\:hover\:bg-slate-400:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: var(--slate-400);
}
.dark\:hover\:bg-slate-800\/60:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: var(--slate-800);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--slate-800) 60%, transparent);
  }
}
.dark\:hover\:bg-status-yellow-800\/60:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: var(--yellow-800);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--yellow-800) 60%, transparent);
  }
}
.dark\:hover\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *):hover {
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.hover\:dark\:bg-base-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-base-700);
}
.hover\:dark\:bg-slate-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-700);
}
.dark\:hover\:text-brand-100:where([data-theme="dark"], [data-theme="dark"] *):hover {
  color: var(--indigo-100);
}
.dark\:hover\:text-brand-300:where([data-theme="dark"], [data-theme="dark"] *):hover {
  color: var(--indigo-300);
}
.dark\:hover\:text-status-amber-200:where([data-theme="dark"], [data-theme="dark"] *):hover {
  color: var(--amber-200);
}
.dark\:hover\:text-status-blue-100:where([data-theme="dark"], [data-theme="dark"] *):hover {
  color: var(--blue-100);
}
.dark\:hover\:text-status-rose-400:where([data-theme="dark"], [data-theme="dark"] *):hover {
  color: var(--rose-400);
}
.dark\:hover\:text-white:where([data-theme="dark"], [data-theme="dark"] *):hover {
  color: var(--color-white);
}
.dark\:hover\:decoration-white:where([data-theme="dark"], [data-theme="dark"] *):hover {
  text-decoration-color: var(--color-white);
}
.disabled\:dark\:bg-base-700:disabled:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--color-base-700);
}
.disabled\:dark\:bg-slate-700:disabled:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-700);
}
.disabled\:dark\:\[--code-editor-background\:theme\(\'colors\.base\.700\'\)\]:disabled:where([data-theme="dark"], [data-theme="dark"] *) {
  --code-editor-background: var(--color-slate-700);
}
@media (width >= 40rem) {
  .sm\:dark\:bg-base-700:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--color-base-700);
  }
  .sm\:dark\:shadow-lg:where([data-theme="dark"], [data-theme="dark"] *) {
    --tw-shadow: var(--shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@media (width >= 48rem) {
  .dark\:md\:hover\:border-slate-600:where([data-theme="dark"], [data-theme="dark"] *):hover {
    border-color: var(--slate-600);
  }
}
@media print {
  .print\:hidden {
    display: none;
  }
}
@media (forced-colors: active) {
  .forced-colors\:bg-\[CanvasText\] {
    background-color: CanvasText;
  }
  .forced-colors\:text-\[CanvasText\] {
    color: CanvasText;
  }
  .forced-colors\:outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .forced-colors\:hover\:bg-\[Highlight\]:hover {
    background-color: Highlight;
  }
  .forced-colors\:hover\:text-\[HighlightText\]:hover {
    color: HighlightText;
  }
}
@media (width < 48rem) {
  .max-md\:\[\&_\.button\]\:h-8 .button {
    height: calc(var(--spacing) * 8);
  }
  .max-md\:\[\&_\.button\]\:px-2\.5 .button {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .max-md\:\[\&_\.button\]\:text-xs .button {
    font-size: var(--text-xs);
  }
}
.\[\&_form\]\:m-0 form {
  margin: 0px;
}
:is(.\*\:\[\&\:not\(\:nth-child\(2\)\)\]\:last\:data-\[slot\=icon\]\:ml-auto > *):not(:nth-child(2)):last-child[data-slot="icon"] {
  margin-left: auto;
}
:is(.\*\:\[\&\:not\(\:nth-child\(2\)\)\]\:last\:data-\[slot\=icon\]\:size-5 > *):not(:nth-child(2)):last-child[data-slot="icon"] {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
@media (width >= 40rem) {
  :is(.sm\:\*\:\[\&\:not\(\:nth-child\(2\)\)\]\:last\:data-\[slot\=icon\]\:size-4 > *):not(:nth-child(2)):last-child[data-slot="icon"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
.\[\&\>\[data-slot\=avatar\]\]\:mr-2\.5 > [data-slot=avatar] {
  margin-right: calc(var(--spacing) * 2.5);
}
.\[\&\>\[data-slot\=avatar\]\]\:-ml-1 > [data-slot=avatar] {
  margin-left: calc(var(--spacing) * -1);
}
.\[\&\>\[data-slot\=avatar\]\]\:size-6 > [data-slot=avatar] {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}
@media (width >= 40rem) {
  .sm\:\[\&\>\[data-slot\=avatar\]\]\:mr-2 > [data-slot=avatar] {
    margin-right: calc(var(--spacing) * 2);
  }
  .sm\:\[\&\>\[data-slot\=avatar\]\]\:size-5 > [data-slot=avatar] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
}
.\[\&\>\[data-slot\=icon\]\]\:col-start-1 > [data-slot=icon] {
  grid-column-start: 1;
}
.\[\&\>\[data-slot\=icon\]\]\:row-start-1 > [data-slot=icon] {
  grid-row-start: 1;
}
.\[\&\>\[data-slot\=icon\]\]\:mr-2\.5 > [data-slot=icon] {
  margin-right: calc(var(--spacing) * 2.5);
}
.\[\&\>\[data-slot\=icon\]\]\:-ml-0\.5 > [data-slot=icon] {
  margin-left: calc(var(--spacing) * -0.5);
}
.\[\&\>\[data-slot\=icon\]\]\:size-5 > [data-slot=icon] {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
.\[\&\>\[data-slot\=icon\]\]\:shrink-0 > [data-slot=icon] {
  flex-shrink: 0;
}
.\[\&\>\[data-slot\=icon\]\]\:text-muted-foreground > [data-slot=icon] {
  color: var(--muted-foreground);
}
.\[\&\>\[data-slot\=icon\]\]\:hover\:text-accent-foreground > [data-slot=icon]:hover {
  color: var(--accent-foreground);
}
@media (width >= 40rem) {
  .sm\:\[\&\>\[data-slot\=icon\]\]\:mr-2 > [data-slot=icon] {
    margin-right: calc(var(--spacing) * 2);
  }
  .\[\&\>\[data-slot\=icon\]\]\:sm\:size-4 > [data-slot=icon] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .sm\:\[\&\>\[data-slot\=icon\]\]\:size-4 > [data-slot=icon] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
@media (forced-colors: active) {
  .forced-colors\:\[\&\>\[data-slot\=icon\]\]\:hover\:text-\[HighlightText\] > [data-slot=icon]:hover {
    color: HighlightText;
  }
}
.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-2\.5 > [data-slot=section] + [data-slot=section] {
  margin-top: calc(var(--spacing) * 2.5);
}
.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-8 > [data-slot=section] + [data-slot=section] {
  margin-top: calc(var(--spacing) * 8);
}
@media (width < 48rem) {
  .max-md\:\[\&\>a\]\:h-\[34px\] > a {
    height: 34px;
  }
  .max-md\:\[\&\>a\]\:items-center > a {
    align-items: center;
  }
  .max-md\:\[\&\>a\]\:justify-center > a {
    justify-content: center;
  }
  .max-md\:\[\&\>button\]\:justify-self-center > button {
    justify-self: center;
  }
}
.\[\&\>svg\]\:pointer-events-none > svg {
  pointer-events: none;
}
.\[\&\>svg\]\:size-3 > svg {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}
@media (pointer:fine) {
  .\[\@media\(pointer\:fine\)\]\:hidden {
    display: none;
  }
}
.background-fade-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
  z-index: -1;
}
.background-fade {
  &:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: var(--color-primary-200);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-position: to right;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-white);
    --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-position: to right;
  }
  position: absolute;
  top: 0px;
  transform: translate(-360px, 0px) rotate(-45deg);
  z-index: -1;
  background-color: var(--color-primary-400);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-white);
  --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-position: to right;
}
.medium-fade {
  &:before {
    right: -40px;
    top: -200px;
    width: 1000px;
    height: 600px;
  }
  right: -800px;
  width: 800px;
  height: 600px;
}
.large-fade {
  &:before {
    right: -0px;
    top: -200px;
    width: 1500px;
    height: 800px;
  }
  right: -700px;
  width: 1000px;
  height: 800px;
}
.pricing-table-shadow {
  box-shadow: 0 2px 30px 0 var(--indigo-500);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 2px 30px 0 color-mix(in srgb, var(--indigo-500) 20%, transparent);
  }
}
.pricing-page-background {
  background-image: linear-gradient(to bottom, var(--slate-50), var(--white));
}
.brand-title {
  color: var(--indigo-600);
  font-size: 2.99rem;
  margin: 30px 0px;
  margin-top: 10px;
  position: relative;
  letter-spacing: -0.025em;
  line-height: 120%;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.brand-description {
  color: var(--slate-500);
  font-size: 1.2rem;
  line-height: 1.5;
  --tw-font-weight: var(--font-weight-extralight);
  font-weight: var(--font-weight-extralight);
}
.text-light-gradient {
  -webkit-background-clip: text;
  -webkit-box-decoration-break: clone;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-fill-color: rgba(0,0,0,0);
  background-attachment: scroll;
  background-clip: text;
  background-color: rgba(0,0,0,0);
  background-color: var(--slate-800);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-primary-500);
  --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-position: to right;
}
.reveal {
  transition-property: opacity, transform;
  --tw-translate-y: calc(var(--spacing) * 5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 0%;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.reveal-from-left {
  --tw-translate-x: calc(var(--spacing) * -20);
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.reveal.in {
  transform: none;
  opacity: 100%;
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
[hidden] {
  display: none !important;
}
:root[data-theme="dark"] .pcr-app {
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--slate-900);
  background-color: var(--slate-800);
  .pcr-interaction .pcr-result {
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--slate-900);
    background-color: var(--slate-800);
    color: var(--slate-300);
    &:focus {
      box-shadow: 0 0 0 1px var(--color-primary-500), 0 0 0 3px var(--color-primary-500);
    }
  }
}
:root[data-theme="dark"] .daterangepicker {
  border-color: var(--slate-900);
  background-color: var(--slate-800);
  &::before {
    border-bottom-color: var(--color-slate-900);
  }
  &::after {
    border-bottom-color: var(--color-slate-800);
  }
  .calendar-table {
    background-color: var(--slate-800);
    color: var(--slate-300);
    .available {
      span {
        border-color: var(--color-primary-500);
      }
    }
  }
  .drp-buttons {
    border-top-color: var(--color-slate-900);
    color: var(--slate-300);
  }
  th {
    &.available:hover {
      background-color: var(--slate-600);
    }
  }
  td {
    &.off {
      background-color: var(--slate-800);
      color: var(--color-white);
    }
    &.available:hover {
      background-color: var(--slate-600);
    }
  }
  .hourselect, .minuteselect, .ampmselect {
    border-color: var(--slate-900) !important;
    background-color: var(--slate-800) !important;
    color: var(--slate-300) !important;
  }
}
:root[data-theme="dark"] .iti__country-list {
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--slate-900);
  background-color: var(--slate-800);
}
:root[data-theme="dark"] .select2-container .select2-selection__rendered {
  color: var(--slate-300) !important;
}
:root[data-theme="dark"] .select2-container .select2-dropdown {
  background-color: var(--slate-800);
}
:root[data-theme="dark"] .select2-container .select2-search__field {
  border-color: var(--slate-700) !important;
  background-color: var(--slate-800) !important;
}
:root[data-theme="dark"] .select2-container .select2-selection--multiple, :root[data-theme="dark"] .select2-container  .select2-selection--single {
  border-color: var(--slate-700) !important;
  background-color: var(--slate-800) !important;
  &:focus {
    --tw-ring-color: var(--color-primary-500) !important;
  }
  color: var(--slate-300);
}
:root[data-theme="dark"] .select2-container .select2-selection__choice {
  border-color: var(--color-primary-500) !important;
  background-color: var(--color-primary-500) !important;
  color: var(--color-white);
  .select2-selection__choice__remove {
    color: var(--slate-300);
    &:hover {
      color: var(--slate-300);
    }
  }
}
:root[data-theme="dark"] .select2-container .select2-results__option {
  color: var(--slate-300);
}
:root[data-theme="dark"] trix-editor {
  border-color: var(--slate-900) !important;
  background-color: var(--slate-800) !important;
  color: var(--slate-300) !important;
  &:focus, &:active {
    border-color: var(--color-primary-500) !important;
  }
}
:root[data-theme="dark"] trix-toolbar {
  opacity: 50% !important;
  &.visible {
    opacity: 100% !important;
  }
  .trix-button-group, .trix-button {
    border-color: var(--slate-400) !important;
  }
  .trix-button:disabled::before {
    opacity: 25%;
  }
  .trix-dialog {
    border-color: var(--slate-900) !important;
    background-color: var(--slate-800) !important;
    --tw-shadow: var(--shadow-lg) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    --tw-shadow-color: var(--slate-900) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--slate-900) var(--tw-shadow-alpha), transparent) !important;
    }
    .trix-button--dialog {
      color: var(--color-white);
    }
    .trix-input--dialog {
      background-color: var(--slate-800);
      &:focus {
        border-color: var(--color-primary-500);
      }
      &:focus {
        --tw-ring-color: var(--color-primary-500);
      }
      &:where([data-theme="dark"], [data-theme="dark"] *) {
        color: var(--slate-300);
      }
    }
  }
}
:root[data-theme="dark"] .tribute-container ul {
  border-color: var(--slate-900) !important;
  background-color: var(--slate-800) !important;
}
:root[data-theme="dark"] .trix-dialogs {
  border-color: var(--slate-900) !important;
  background-color: var(--slate-800) !important;
}
:root[data-theme="dark"] .trix-content a[href^="bullettrain://"] {
  background-color: var(--slate-500);
  color: var(--color-white);
}
:root[data-theme="dark"] .ck {
  --ck-color-base-background: var(--color-slate-800);
  --ck-color-base-border: var(--color-slate-900);
  --ck-color-toolbar-background: var(--color-slate-800);
  --ck-color-toolbar-border: var(--color-slate-900);
  --ck-color-text: var(--color-slate-300);
  .ck-editor__editable:not(.ck-editor__nested-editable) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &.ck-focused {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.flex-0 {
  flex: 0 1 auto;
}
.inline.hidden {
  display: none;
}
.bg-\[color\:--code-editor-background\] {
  background-color: var(--code-editor-background);
}
.\[--code-editor-background\:theme\(\'colors\.base\.50\'\)\] {
  --code-editor-background: var(--color-base-50);
}
.\[--code-editor-background\:theme\(\'colors\.slate\.50\'\)\] {
  --code-editor-background: var(--color-slate-50);
}
.disabled\:\[--code-editor-background\:theme\(\'colors\.base\.200\'\)\]:disabled {
  --code-editor-background: var(--color-base-200);
}
.disabled\:\[--code-editor-background\:theme\(\'colors\.slate\.200\'\)\]:disabled {
  --code-editor-background: var(--color-slate-200);
}
:root[data-theme="dark"] .dark\:\[--code-editor-background\:theme\(\'colors\.base\.800\'\)\] {
  --code-editor-background: var(--color-base-800);
}
:root[data-theme="dark"] .dark\:\[--code-editor-background\:theme\(\'colors\.slate\.800\'\)\] {
  --code-editor-background: var(--color-slate-800);
}
:root[data-theme="dark"] .disabled\:dark\:\[--code-editor-background\:theme\(\'colors\.base\.700\'\)\]:disabled {
  --code-editor-background: var(--color-base-700);
}
:root[data-theme="dark"] .disabled\:dark\:\[--code-editor-background\:theme\(\'colors\.slate\.700\'\)\]:disabled {
  --code-editor-background: var(--color-slate-700);
}
:root, .theme-zinc {
  --primary-50: var(--indigo-50);
  --primary-100: var(--indigo-100);
  --primary-200: var(--indigo-200);
  --primary-300: var(--indigo-300);
  --primary-400: var(--indigo-400);
  --primary-500: var(--indigo-500);
  --primary-600: var(--indigo-600);
  --primary-700: var(--indigo-700);
  --primary-800: var(--indigo-800);
  --primary-900: var(--indigo-900);
  --secondary-50: var(--slate-50);
  --secondary-100: var(--slate-100);
  --secondary-200: var(--slate-200);
  --secondary-300: var(--slate-300);
  --secondary-400: var(--slate-400);
  --secondary-500: var(--slate-500);
  --secondary-600: var(--slate-600);
  --secondary-700: var(--slate-700);
  --secondary-800: var(--slate-800);
  --secondary-900: var(--slate-900);
}
:is(.electron, .todesktop) a {
  outline-color: var(--tw-ring-color);
  --tw-ring-color: rgba(3, 98, 198, var(--tw-ring-opacity));
  --tw-ring-opacity: 1;
}
:is(.electron, .todesktop) .electron-mobile-only {
  display: block;
  @media (width >= 64rem) {
    display: none;
  }
}
:is(.electron, .todesktop) .electron-title-bar {
  border-top-left-radius: 0;
  img {
    display: none;
  }
  min-height: 36px;
}
:is(.electron, .todesktop) .main-container-padding {
  padding: 0;
}
:is(.electron, .todesktop) .main-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 100vh;
}
:is(.electron, .todesktop) .profiler-results {
  display: none;
}
:is(.electron, .todesktop) ol.breadcrumb {
  padding-top: 3px;
}
.devise_layout::-webkit-scrollbar {
  display: none;
}
.devise_layout {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
input[type='checkbox'], input[type='radio'] {
  border-color: var(--input);
  &:focus {
    --tw-ring-color: var(--indigo-500);
  }
  &:focus {
    --tw-ring-offset-color: var(--background);
  }
}
input[type='checkbox'] {
  border-radius: 0.25rem;
  color: var(--indigo-600);
}
input[type='radio']:checked, input[type='radio']:checked:hover, input[type='radio']:checked:focus {
  background-color: transparent;
  border-color: var(--indigo-600);
  border-width: 2px;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%234f46e5' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4.5'/%3e%3c/svg%3e");
}
:root[data-theme="dark"] input[type='radio']:checked, :root[data-theme="dark"]  input[type='radio']:checked:hover, :root[data-theme="dark"]  input[type='radio']:checked:focus {
  border-color: var(--indigo-400);
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23818cf8' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4.5'/%3e%3c/svg%3e");
}
.cloudinary-field button.upload {
  margin: 0;
  border-radius: 4px;
  padding: 0;
  border: 2px solid var(--slate-200);
  background: transparent;
  position: relative;
  min-height: 50px;
  min-width: 50px;
  &:not(.present) {
    min-height: 100px;
    min-width: 100px;
  }
  i {
    display: block;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    line-height: 50px;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    top: 50%;
    left: 50%;
    font-size: 32px;
    color: var(--slate-200);
  }
  & + button.clear {
    display: none;
    font-size: 32px;
    color: var(--slate-200);
    background: transparent;
    border: 0;
    overflow: visible;
    &:focus, &:active {
      i {
        color: var(--primary-500);
      }
    }
  }
  &.present {
    i {
      display: none;
    }
    & + button.clear {
      display: inline-block;
    }
  }
  &:focus, &:active {
    border-color: var(--primary-500);
    i {
      color: var(--primary-500);
    }
  }
}
input[type=tel] {
  line-height: 21px;
  &::placeholder {
    color: var(--muted-foreground);
  }
}
.trix-content .attachment-gallery > action-text-attachment, .trix-content .attachment-gallery  > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
:is(.trix-content .attachment-gallery.attachment-gallery--2, .trix-content .attachment-gallery.attachment-gallery--4) > action-text-attachment, :is(.trix-content .attachment-gallery.attachment-gallery--2, .trix-content .attachment-gallery.attachment-gallery--4)  > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
.trix-content ul {
  list-style-type: disc;
}
.trix-content ol {
  list-style-type: decimal;
}
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}
trix-toolbar {
  opacity: 0.15;
  &.visible {
    opacity: 1;
  }
}
.trix-button:where([data-theme="dark"], [data-theme="dark"] *) {
  background-color: var(--slate-800) !important;
}
:-moz-focusring {
  outline-style: none;
}
a[href^="bullettrain://"], span.tribute-reference {
  border-radius: 4px;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 4px;
  margin: -1px 0;
  color: #3E4B5B;
  line-height: 17px;
  text-decoration: none;
  background-color: #ebe2ff;
  border: 1px solid #7147d2;
}
a[href^="bullettrain://users"], a[href^="bullettrain://teams"], span.tribute-users-reference, span.tribute-teams-reference {
  background-color: #e2ebff;
  border: 1px solid #4771d2;
}
.tribute-container ul {
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid var(--primary-500);
  background: white;
  list-style: none;
  padding: 0;
  &:empty {
    display: none;
  }
  li {
    display: flex;
    align-items: center;
    span {
      font-weight: normal;
    }
    &.highlight {
      background-color: #5897fb;
      color: white;
    }
    padding: 5px 10px;
    img {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      margin-right: 5px;
    }
  }
}
trix-editor [data-trix-cursor-target] {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}
.trix-editor * {
  box-sizing: border-box;
}
trix-editor {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-radius: calc(var(--radius) - 2px);
  border-color: var(--slate-300);
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  --tw-shadow: var(--shadow-xs);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:focus, &:active {
    border-color: var(--primary-500);
    box-shadow: inset 0 0 0 1px var(--primary-500);
  }
  &[disabled] {
    background-color: var(--slate-200);
    &:hover {
      background-color: var(--slate-200);
    }
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--slate-700);
    }
    &:hover {
      &:where([data-theme="dark"], [data-theme="dark"] *) {
        background-color: var(--slate-700);
      }
    }
  }
}
.trix-hide-toolbar trix-toolbar {
  display: none !important;
}
.trix-content {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  @media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:root[data-theme="dark"] .trix-button--icon-bold::before {
  background-image: url('data:image/svg+xml;utf-8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-italic::before {
  background-image: url('data:image/svg+xml;utf-8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-strike::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92zM21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21V12z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-link::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M8 11h8v2H8v-2zm12.1 1H22c0-2.76-2.24-5-5-5h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1zM3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM19 12h-2v3h-3v2h3v3h2v-3h3v-2h-3v-3z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-heading-1::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M9 4v3h5v12h3V7h5V4H9zm-6 8h3v7h3v-7h3V9H3v3z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-quote::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-code::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-bullet-list::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-number-list::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-decrease-nesting-level::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-increase-nesting-level::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-attach::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 015 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 005 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-undo::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"></path></svg>') !important;
}
:root[data-theme="dark"] .trix-button--icon-redo::before {
  background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16a8.002 8.002 0 017.6-5.5c1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"></path></svg>') !important;
}
.required > label::after {
  display: inline-block;
  padding-left: var(--spacing);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-red-500);
  content: "*";
}
[data-turn-exit], [data-turn-enter] {
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.35, 1);
  animation-fill-mode: forwards;
}
html.turn-exit [data-turn-exit] {
  animation-name: fade-out-up;
  animation-duration: .3s;
}
html.turn-enter [data-turn-enter] {
  animation-name: fade-in-up;
  animation-duration: .6s;
}
html.turn-before-exit [data-turn-exit], html.turn-exit [data-turn-exit] {
  will-change: transform, opacity;
}
@keyframes fade-out-up {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2rem, 0);
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 2rem, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
#bt-docs-content h1, #bt-docs-content h2, #bt-docs-content h3, #bt-docs-content h4, #bt-docs-content h5, #bt-docs-content h6 {
  position: relative;
  margin-left: -1.2rem;
  padding-left: 1.2rem;
}
#bt-docs-content h1 a, #bt-docs-content h2 a, #bt-docs-content h3 a, #bt-docs-content h4 a, #bt-docs-content h5 a, #bt-docs-content h6 a {
  text-decoration: none;
  display: none;
  position: absolute;
  float: left;
  margin-left: -1.2rem;
  line-height: 1;
  width: 1rem;
  height: 100%;
}
#bt-docs-content h1 a::before, #bt-docs-content h2 a::before, #bt-docs-content h3 a::before, #bt-docs-content h4 a::before, #bt-docs-content h5 a::before, #bt-docs-content h6 a::before {
  content: "🔗";
}
#bt-docs-content h1:hover a, #bt-docs-content h2:hover a, #bt-docs-content h3:hover a, #bt-docs-content h4:hover a, #bt-docs-content h5:hover a, #bt-docs-content h6:hover a {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  #bt-docs-content h1, #bt-docs-content h2, #bt-docs-content h3, #bt-docs-content h4, #bt-docs-content h5, #bt-docs-content h6 {
    margin-left: -1.375rem;
    padding-left: 1.375rem;
  }
  #bt-docs-content h1 a, #bt-docs-content h2 a, #bt-docs-content h3 a, #bt-docs-content h4 a, #bt-docs-content h5 a, #bt-docs-content h6 a {
    margin-left: -1.375rem;
  }
  #bt-docs-content h1 a::before, #bt-docs-content h2 a::before, #bt-docs-content h3 a::before, #bt-docs-content h4 a::before, #bt-docs-content h5 a::before, #bt-docs-content h6 a::before {
    font-size: 1rem;
  }
}
.button-primary, .button, .button-color, .btn-toggle input[type=checkbox]:checked + button, .btn-toggle input[type=radio]:checked + button {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius);
  --tw-gradient-position: to bottom right;
  @supports (background-image: linear-gradient(in lab, red, red)) {
    --tw-gradient-position: to bottom right in oklab;
  }
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--brand-grad-from);
  --tw-gradient-to: var(--brand-grad-to);
  --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));
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  color: var(--indigo-50);
  --tw-shadow: var(--shadow-cta);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:hover {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &:hover {
    --tw-shadow: var(--shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-visible {
    --tw-ring-color: var(--indigo-500);
  }
  &:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:disabled {
    pointer-events: none;
  }
  &:disabled {
    opacity: 50%;
  }
  &>[data-slot=icon] {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  &>[data-slot=icon] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  &>[data-slot=icon] {
    flex-shrink: 0;
  }
  &>[data-slot=icon] {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.button-outline, .button-secondary, .button-google, .button-outline--fake-transparent, .button-alternative, .button-pricing-back {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  width: fit-content;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--input);
  background-color: var(--background);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  color: var(--foreground);
  --tw-shadow: var(--shadow-sm);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:hover {
    background-color: var(--accent);
  }
  &:hover {
    color: var(--accent-foreground);
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-visible {
    --tw-ring-color: var(--indigo-500);
  }
  &:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:disabled {
    pointer-events: none;
  }
  &:disabled {
    opacity: 50%;
  }
  &>[data-slot=icon] {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  &>[data-slot=icon] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  &>[data-slot=icon] {
    flex-shrink: 0;
  }
  &>[data-slot=icon] {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.button-outline-danger, .button-danger {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  width: fit-content;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius);
  --tw-gradient-position: to bottom right;
  @supports (background-image: linear-gradient(in lab, red, red)) {
    --tw-gradient-position: to bottom right in oklab;
  }
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--rose-400);
  --tw-gradient-to: var(--rose-500);
  --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));
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  color: var(--rose-50);
  --tw-shadow: var(--shadow-md);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:hover {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &:hover {
    --tw-shadow: var(--shadow-lg);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus-visible {
    --tw-ring-color: var(--rose-500);
  }
  &:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:disabled {
    pointer-events: none;
  }
  &:disabled {
    opacity: 50%;
  }
  &>[data-slot=icon] {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  &>[data-slot=icon] {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  &>[data-slot=icon] {
    flex-shrink: 0;
  }
  &>[data-slot=icon] {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.button-google {
  width: 100%;
}
.button-outline--fake-transparent {
  background-color: var(--card);
}
.button {
  width: fit-content;
}
.button-alternative {
  text-decoration-line: none;
  &:hover {
    text-decoration-line: none;
  }
}
.button-color {
  width: fit-content;
  border-radius: 9999px;
  background-image: none;
}
.btn-toggle input[type=checkbox], .btn-toggle  input[type=radio] {
  display: none;
}
:is(.btn-toggle.btn-color-picker input[type=checkbox], .btn-toggle.btn-color-picker  input[type=radio]):checked + button {
  border-radius: 9999px;
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, rgb(59 130 246 / 0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--indigo-500);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--indigo-500) 50%, transparent);
  }
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  background-image: none;
}
.button-smaller {
  height: calc(var(--spacing) * 8);
  border-radius: calc(var(--radius) - 2px);
  padding-inline: calc(var(--spacing) * 3.5);
  font-size: 13px;
}
.d2h-file-header {
  display: none !important;
}
form.button_to {
  display: inline-block;
}
ol.breadcrumb li:first-child svg {
  display: none;
}
.turbo-progress-bar {
  height: 5px;
  background-color: var(--color-primary-500);
}
tr.gu-mirror > *:not(:first-child) {
  display: none;
}
html {
  overflow-y: scroll;
}
@view-transition {
  navigation: auto;
}
main {
  view-transition-name: content;
}
html[data-turbo-visit-direction="forward"]::view-transition-image-pair(content), html[data-turbo-visit-direction="back"]::view-transition-image-pair(content) {
  overflow: hidden;
}
html[data-turbo-visit-direction="forward"]::view-transition-old(content) {
  animation: slide-out-left 0.5s ease-out;
  animation-fill-mode: forwards;
}
html[data-turbo-visit-direction="forward"]::view-transition-new(content) {
  animation: slide-in-right 0.5s ease-out;
}
html[data-turbo-visit-direction="back"]::view-transition-old(content) {
  animation: slide-out-right 0.5s ease-out;
  animation-fill-mode: forwards;
}
html[data-turbo-visit-direction="back"]::view-transition-new(content) {
  animation: slide-in-left 0.5s ease-out;
}
@keyframes slide-out-left {
  to {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes slide-in-right {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slide-out-right {
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slide-in-left {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@supports (view-transition-name: root) {
  ::view-transition-old(root), ::view-transition-new(root) {
    animation: none !important;
    opacity: 1 !important;
  }
}
.refine-filters-wrapper * {
  color: inherit !important;
}
.refine--filter-wrapper {
  margin-top: unset !important;
}
.refine-filters-wrapper button.refine--apply-button {
  background-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: var(--primary) !important;
}
.refine-filters-wrapper button.refine--apply-button:hover {
  opacity: 0.9;
}
.refine--select {
  padding-right: 2rem !important;
}
.refine--remove-condition {
  display: flex !important;
  visibility: visible !important;
  opacity: 0.55 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  position: static !important;
  transform: none !important;
  margin-left: 2px;
}
.refine--remove-condition:hover {
  opacity: 1 !important;
  background-color: transparent !important;
}
.refine--remove-condition svg {
  color: inherit !important;
}
select.form-control {
  background-color: var(--card);
  border: 1px solid var(--input);
  border-radius: var(--radius-md, 8px);
  color: var(--foreground);
  padding: 0.4rem 0.6rem;
  font-size: 0.875rem;
  width: 100%;
}
.d2h-file-diff {
  overflow-x: auto;
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .d2h-file-diff {
    max-height: calc(100vh - 33rem);
  }
}
.d2h-code-side-linenumber, .d2h-code-linenumber {
  position: relative;
}
.filters-form-centered .action-confirm {
  width: 100%;
  margin-inline: auto;
  max-width: 760px;
}
:where(.action-confirm form) :where(label, legend) {
  color: var(--foreground);
}
@media (min-width: 1024px) {
  .filter-drawer-open {
    margin-right: 360px;
  }
  .filter-drawer-open .webpages-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1280px) {
  .filter-drawer-open .webpages-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.refine-filters-wrapper.refine--pills-only .refine--add-condition-button, .refine-filters-wrapper.refine--pills-only .refine--add-first-condition-button, .refine-filters-wrapper.refine--pills-only .refine--add-group-wrapper {
  display: none !important;
}
.drawer-summary-pill {
  border-radius: 999px;
  padding: 2px 8px;
  font-weight: 500;
  background: var(--primary-500);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--primary-500) 15%, transparent);
  }
  color: var(--primary-600);
}
:root[data-theme="dark"] .drawer-summary-pill {
  color: var(--primary-300);
}
details[open] > summary .drawer-caret {
  transform: rotate(180deg);
}
.refine--filter-wrapper .refine--add-condition-button, .refine--filter-wrapper .refine--add-group-button {
  display: inline-flex !important;
  height: calc(var(--spacing) * 9);
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--card);
  padding-inline: calc(var(--spacing) * 3);
  font-size: 13px !important;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 80%, transparent);
  }
  --tw-shadow: var(--shadow-xs);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    background-color: var(--accent);
  }
  &:hover {
    color: var(--foreground);
  }
}
.refine--filter-wrapper .refine--add-condition-button svg, .refine--filter-wrapper .refine--add-group-button svg {
  color: var(--muted-foreground) !important;
}
.refine--filter-wrapper .refine--condition-pill {
  display: inline-flex !important;
  align-items: center;
  gap: var(--spacing);
  border-radius: 9999px !important;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: transparent;
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: var(--spacing);
  font-size: 13px !important;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background: var(--primary-500) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--primary-500) 14%, transparent) !important;
  }
  color: var(--primary-800);
}
:root[data-theme="dark"] .refine--filter-wrapper .refine--condition-pill {
  color: var(--primary-200);
}
.refine--filter-wrapper .refine--condition-pill-name {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: inherit;
}
.refine--filter-wrapper .refine--condition-value-clause {
  color: inherit;
  opacity: 0.75;
}
.refine--filter-wrapper .refine--condition-value-self {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: inherit;
}
.refine--filter-wrapper .refine--select, .refine--filter-wrapper .refine--clause-select {
  border-radius: calc(var(--radius) - 2px) !important;
  border-color: var(--border) !important;
  background-color: var(--card) !important;
  font-size: 13px !important;
  color: var(--foreground) !important;
}
.refine--filter-wrapper .refine--search-box {
  display: flex !important;
  align-items: center;
  gap: 8px;
  height: 34px;
  margin-bottom: 6px;
  padding: 0 10px !important;
  border: 1px solid var(--input) !important;
  border-radius: 8px;
  background: var(--background) !important;
}
.refine--filter-wrapper .refine--icon-search {
  display: flex;
  flex: none;
  color: var(--muted-foreground) !important;
}
.refine--filter-wrapper .refine--search-trigger {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 13px !important;
  color: var(--foreground) !important;
  box-shadow: none !important;
  outline: none !important;
}
.refine--filter-wrapper .refine--option-list {
  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
}
.refine--filter-wrapper .refine--option-list::-webkit-scrollbar {
  width: 8px;
}
.refine--filter-wrapper .refine--option-list::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--border);
}
.refine--filter-wrapper .refine--option-list::-webkit-scrollbar-track {
  background: transparent;
}
.refine--filter-wrapper .refine--option-label {
  border-radius: 6px;
  color: var(--foreground) !important;
}
.refine--filter-wrapper .refine--option-label:hover {
  background-color: var(--accent) !important;
  color: var(--foreground) !important;
}
.refine--filter-wrapper .refine--option-text {
  color: inherit !important;
}
.refine--filter-wrapper .refine--option-input {
  height: 1rem !important;
  width: 1rem !important;
  flex: none;
  border: 1px solid var(--input) !important;
  background-color: var(--background) !important;
  color: var(--brand-500) !important;
  box-shadow: none !important;
}
.refine--filter-wrapper input[type="checkbox"].refine--option-input {
  border-radius: 6px !important;
}
.refine--filter-wrapper .refine--option-input:checked {
  background-color: var(--brand-500) !important;
  border-color: var(--brand-500) !important;
}
.refine--inline-popup, .refine--popup {
  border-radius: calc(var(--radius) + 4px) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--border) !important;
  background-color: var(--popover) !important;
  color: var(--popover-foreground);
  --tw-shadow: var(--shadow-lg) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.refine--inline-popup:empty {
  display: none !important;
}
.refine--filter-wrapper .refine--or-group, .refine--filter-wrapper .refine--group-join {
  font-size: var(--text-xs) !important;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--muted-foreground);
}
.refine--inline-popup:has(> .refine--criterion-fields) {
  padding: 0 !important;
}
.refine--criterion-fields {
  width: 296px !important;
  max-width: 80vw;
  padding: 0 !important;
}
.refine--editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--border);
}
.refine--editor-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--foreground) !important;
}
.refine--editor-band {
  font-size: 11px;
  color: var(--muted-foreground) !important;
}
.refine--editor-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px 14px;
}
.refine--editor-combined {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--input);
  border-radius: 8px;
  background: var(--background);
  box-shadow: 0 1px 2px rgb(0 0 0 / .05);
}
.refine--editor-combined .refine--clause-select {
  height: 34px !important;
  max-width: 9rem;
  flex: none;
  align-self: center;
  border: 0 !important;
  border-right: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background-color: var(--accent) !important;
  padding: 0 1.5rem 0 0.625rem !important;
  font-size: 12px !important;
  font-weight: 600;
  box-shadow: none !important;
}
.refine--editor-combined .refine--text-condition-container {
  display: flex;
  flex: 1;
  min-width: 0;
}
.refine--editor-combined .refine--input {
  height: 34px;
  flex: 1;
  min-width: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  color: var(--foreground) !important;
  box-shadow: none !important;
  outline: none !important;
}
.refine--editor-hint {
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted-foreground) !important;
}
.refine--editor-bound {
  display: flex;
  width: 3rem;
  flex: none;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--border);
  background: var(--accent);
  font-size: 12px;
  font-weight: 600;
  color: var(--foreground) !important;
}
.refine--editor-combined .refine--editor-date-display {
  height: 34px;
  flex: 1;
  min-width: 0;
  cursor: pointer;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  color: var(--foreground) !important;
  box-shadow: none !important;
  outline: none !important;
}
.refine--editor-combined .refine--editor-date-display::placeholder {
  color: var(--muted-foreground);
}
.refine--editor-combined .refine--editor-suffix {
  border-right: 0 !important;
  border-left: 1px solid var(--border) !important;
}
.refine--editor-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px 14px;
  border-top: 1px solid var(--border);
}
.refine--editor-remove {
  font-size: 13px;
  font-weight: 500;
  color: var(--muted-foreground) !important;
}
.refine--editor-remove:hover {
  color: var(--foreground) !important;
}
.refine--editor-foot-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.refine--editor-foot-actions .button-secondary {
  color: var(--foreground) !important;
}
.refine--editor-foot .refine--apply-button {
  margin-left: 0 !important;
  height: 30px;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}
.refine--filter-wrapper .refine--inline-popup-container:has(> .refine--inline-popup:not(:empty)) .refine--condition-pill {
  background: var(--primary-600) !important;
  color: #fff !important;
  box-shadow: 0 0 0 3px var(--primary-600) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-600) 22%, transparent) !important;
  }
}
.daterangepicker {
  z-index: 10060 !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  background-color: var(--popover) !important;
  color: var(--foreground) !important;
  box-shadow: 0 12px 28px -8px rgb(0 0 0 / .35), 0 2px 6px rgb(0 0 0 / .12) !important;
  font-family: inherit !important;
}
.daterangepicker::before, .daterangepicker::after {
  display: none !important;
}
.daterangepicker .calendar-table {
  border: 0 !important;
  background-color: transparent !important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  color: var(--foreground);
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: var(--accent) !important;
  color: var(--foreground) !important;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: transparent !important;
  color: var(--muted-foreground) !important;
  opacity: 0.55;
}
.daterangepicker td.in-range {
  background-color: var(--primary-500) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--primary-500) 14%, transparent) !important;
  }
  color: var(--foreground) !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}
.daterangepicker td.today:not(.active) {
  font-weight: 700;
  color: var(--primary-600) !important;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  border-color: var(--muted-foreground) !important;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  border: 1px solid var(--input) !important;
  border-radius: 6px;
  background: var(--background) !important;
  color: var(--foreground) !important;
  font-size: 12px;
}
.daterangepicker .drp-buttons {
  border-top: 1px solid var(--border) !important;
}
.daterangepicker .drp-buttons .btn {
  border: 1px solid var(--input);
  border-radius: 8px;
  background: var(--background);
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--foreground);
  cursor: pointer;
}
.daterangepicker .drp-buttons .applyBtn {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
}
.daterangepicker .drp-selected {
  color: var(--muted-foreground);
  font-size: 12px;
}
@media (max-width: 767px) {
  table.table {
    display: block;
  }
  table.table thead {
    display: none;
  }
  table.table tbody {
    display: block;
  }
  table.table tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
    row-gap: 2px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--border);
  }
  table.table tbody tr:last-child {
    border-bottom: 0;
  }
  table.table tbody td {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    padding: 0;
    border: 0;
    white-space: normal;
    font-size: 11.5px;
    color: var(--muted-foreground);
  }
  table.table tbody td:first-child + td, table.table tbody td:first-child:not(:has(input[type="checkbox"])) {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--foreground);
  }
  table.table tbody td.buttons {
    margin-left: auto;
  }
  .action-confirm .buttons {
    position: sticky;
    bottom: 74px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding: 12px 0 2px;
    background: var(--card);
    border-top: 1px solid var(--border);
  }
  .action-confirm .buttons .button, .action-confirm .buttons input[type="submit"] {
    width: 100%;
    height: 44px;
    justify-content: center;
  }
  .action-confirm .buttons .button-secondary {
    width: 100%;
    background: none;
    border: 0;
    box-shadow: none;
    text-align: center;
    justify-content: center;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--muted-foreground);
  }
  .action-confirm form label {
    font-size: 13px;
    font-weight: 600;
  }
  .action-confirm form input[type="text"], .action-confirm form input[type="url"], .action-confirm form input[type="number"], .action-confirm form select {
    min-height: 42px;
    border-radius: 10px;
  }
  code.break-all {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: pre;
    word-break: normal;
    font-size: 12px;
  }
  .field-buttons :has(> label.btn-toggle) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .field-buttons label.btn-toggle {
    display: block;
  }
  .field-buttons label.btn-toggle button {
    width: 100%;
    margin: 0;
    justify-content: center;
  }
  .deck-header-actions > * {
    flex: 1 1 0;
    min-width: 0;
  }
  .deck-header-actions > .preset-chip {
    flex-basis: 100%;
  }
  .deck-header-actions > [data-controller="modal"] {
    flex: 0 0 auto;
  }
  .deck-header-actions .button-primary, .deck-header-actions .button-secondary, .deck-header-actions cable-ready-updates-for, .deck-header-actions cable-ready-updates-for > div {
    width: 100%;
    justify-content: center;
  }
  .band-actions {
    width: 100%;
  }
  .band-actions > * {
    flex: 1 1 0;
    min-width: 0;
  }
  .band-actions > :only-child {
    flex: 0 0 auto;
    margin-left: auto;
  }
  .band-actions:has(> :only-child) {
    width: auto;
    flex: 1 1 auto;
    justify-content: flex-end;
  }
  nav.pagy {
    justify-content: center;
  }
  .buttons:not(.action-confirm *) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .buttons:not(.action-confirm *) > * {
    min-width: 0;
    margin: 0;
  }
  .buttons:not(.action-confirm *) > form {
    display: contents;
  }
  .buttons:not(.action-confirm *) .button, .buttons:not(.action-confirm *) .button-primary, .buttons:not(.action-confirm *) input[type="submit"] {
    grid-column: 1 / -1;
    order: -1;
    width: 100%;
    height: 44px;
    justify-content: center;
    text-align: center;
  }
  .buttons:not(.action-confirm *) .button-secondary, .buttons:not(.action-confirm *) > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    text-align: center;
  }
  .buttons:not(.action-confirm *) .button-danger, .buttons:not(.action-confirm *) .button-red {
    grid-column: 1 / -1;
    order: 99;
    width: 100%;
    background: none;
    background-image: none;
    border: 0;
    box-shadow: none;
    justify-content: center;
    text-align: center;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--rose-600);
  }
  [data-theme="dark"] .buttons:not(.action-confirm *) .button-danger, [data-theme="dark"] .buttons:not(.action-confirm *) .button-red {
    color: var(--rose-400);
  }
}
.wordmark {
  font-family: "Poppins", "Lexend Deca", ui-sans-serif, system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.025em;
}
@media (max-width: 767px) {
  .band-actions.wp-band-full, .band-actions.wp-band-full > :only-child {
    width: 100%;
    flex: 1 1 auto;
    margin-left: 0;
  }
  .band-actions.wp-band-full a, .band-actions.wp-band-full button {
    width: 100%;
    height: 34px;
    justify-content: center;
  }
  .form div:has(> input[type="submit"]) {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
  }
  .form .flex.justify-between:has(input[type="submit"]) {
    flex-direction: column;
    gap: 8px;
  }
  .form input[type="submit"] {
    width: 100%;
    height: 44px;
    justify-content: center;
  }
  .form div:has(> input[type="submit"]) .button-secondary {
    width: 100%;
    background: none;
    border: 0;
    box-shadow: none;
    justify-content: center;
    text-align: center;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--muted-foreground);
  }
  .form div:has(> input[type="submit"]) .button-danger, .form div:has(> input[type="submit"]) .button-red {
    width: 100%;
    background: none;
    border: 0;
    box-shadow: none;
    justify-content: center;
    text-align: center;
    font-size: 13.5px;
    font-weight: 600;
  }
  .form textarea[name*="url"] {
    min-height: 150px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
  }
  .form input[type="file"] {
    display: block;
    width: 100%;
    padding: 24px 12px;
    border: 1.5px dashed var(--border);
    border-radius: 12px;
    background: var(--card);
  }
  .button.w-full, input[type="submit"].w-full {
    width: 100%;
  }
}
:root {
  color-scheme: light;
}
[data-theme="dark"] {
  color-scheme: dark;
}
@layer base {
  input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
  }
  input::placeholder,textarea::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
  select:where([multiple]),select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  input:where([type='checkbox']),input:where([type='radio']) {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: oklch(54.6% 0.245 262.881);
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  input:where([type='checkbox']) {
    border-radius: 0px;
  }
  input:where([type='radio']) {
    border-radius: 100%;
  }
  input:where([type='checkbox']):focus,input:where([type='radio']):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  input:where([type='checkbox']):checked,input:where([type='radio']):checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  input:where([type='checkbox']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='radio']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='checkbox']):indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='file']) {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  input:where([type='file']):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-tracking {
  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: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@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-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-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  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-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-tracking: 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-duration: initial;
      --tw-ease: initial;
      --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-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-divide-x-reverse: 0;
      --tw-leading: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --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-content: "";
    }
  }
}