@layer reset, base, tokens, recipes, utilities;

@layer reset{
  html,:host {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
}

  *,::before,::after,::backdrop,::file-selector-button {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--global-color-border, currentcolor);
    box-sizing: border-box;
}

  hr {
    color: inherit;
    height: 0px;
    border-top-width: 1px;
}

  body {
    line-height: inherit;
    height: 100%;
}

  img {
    border-style: none;
}

  img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle;
}

  img,video {
    max-width: 100%;
    height: auto;
}

  h1,h2,h3,h4,h5,h6 {
    text-wrap: balance;
    font-size: inherit;
    font-weight: inherit;
}

  p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word;
}

  ol,ul,menu {
    list-style: none;
}

  button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}

  button,input,optgroup,select,textarea,::file-selector-button {
    font: inherit;
    background: var(--colors-transparent);
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
}

  ::placeholder {
    --placeholder-fallback: rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: var(--global-color-placeholder, var(--placeholder-fallback));
}

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
}
}

  ::selection {
    background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3));
}

  textarea {
    resize: vertical;
}

  table {
    border-color: inherit;
    text-indent: 0px;
    border-collapse: collapse;
}

  summary {
    display: list-item;
}

  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;
}

  dialog {
    padding: 0px;
}

  a {
    text-decoration: inherit;
    color: inherit;
}

  abbr:where([title]) {
    text-decoration: underline dotted;
}

  b,strong {
    font-weight: bolder;
}

  code,kbd,samp,pre {
    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

  progress {
    vertical-align: baseline;
}

  ::-webkit-search-decoration,::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto;
}

  :-moz-ui-invalid {
    box-shadow: none;
}

  :-moz-focusring {
    outline: auto;
}

  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}
}

@layer base{
  :root {
    --made-with-panda: '🐼';
}

  *,::before,::after,::backdrop {
    --blur: /*-*/ /*-*/;
    --brightness: /*-*/ /*-*/;
    --contrast: /*-*/ /*-*/;
    --grayscale: /*-*/ /*-*/;
    --hue-rotate: /*-*/ /*-*/;
    --invert: /*-*/ /*-*/;
    --saturate: /*-*/ /*-*/;
    --sepia: /*-*/ /*-*/;
    --drop-shadow: /*-*/ /*-*/;
    --backdrop-blur: /*-*/ /*-*/;
    --backdrop-brightness: /*-*/ /*-*/;
    --backdrop-contrast: /*-*/ /*-*/;
    --backdrop-grayscale: /*-*/ /*-*/;
    --backdrop-hue-rotate: /*-*/ /*-*/;
    --backdrop-invert: /*-*/ /*-*/;
    --backdrop-opacity: /*-*/ /*-*/;
    --backdrop-saturate: /*-*/ /*-*/;
    --backdrop-sepia: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}

  * {
    --global-color-border: colors.border;
    --global-color-placeholder: var(--colors-fg-subtle);
    --global-color-selection: var(--colors-color-palette-subtle-bg);
    --global-color-focus-ring: var(--colors-color-palette-solid-bg);
    font-family: inherit;
}

  html {
    --colors-color-palette-50: var(--colors-gray-50);
    --colors-color-palette-100: var(--colors-gray-100);
    --colors-color-palette-200: var(--colors-gray-200);
    --colors-color-palette-300: var(--colors-gray-300);
    --colors-color-palette-400: var(--colors-gray-400);
    --colors-color-palette-500: var(--colors-gray-500);
    --colors-color-palette-600: var(--colors-gray-600);
    --colors-color-palette-700: var(--colors-gray-700);
    --colors-color-palette-800: var(--colors-gray-800);
    --colors-color-palette-900: var(--colors-gray-900);
    --colors-color-palette-950: var(--colors-gray-950);
    --colors-color-palette-1: var(--colors-gray-1);
    --colors-color-palette-2: var(--colors-gray-2);
    --colors-color-palette-3: var(--colors-gray-3);
    --colors-color-palette-4: var(--colors-gray-4);
    --colors-color-palette-5: var(--colors-gray-5);
    --colors-color-palette-6: var(--colors-gray-6);
    --colors-color-palette-7: var(--colors-gray-7);
    --colors-color-palette-8: var(--colors-gray-8);
    --colors-color-palette-9: var(--colors-gray-9);
    --colors-color-palette-10: var(--colors-gray-10);
    --colors-color-palette-11: var(--colors-gray-11);
    --colors-color-palette-12: var(--colors-gray-12);
    --colors-color-palette-a1: var(--colors-gray-a1);
    --colors-color-palette-a2: var(--colors-gray-a2);
    --colors-color-palette-a3: var(--colors-gray-a3);
    --colors-color-palette-a4: var(--colors-gray-a4);
    --colors-color-palette-a5: var(--colors-gray-a5);
    --colors-color-palette-a6: var(--colors-gray-a6);
    --colors-color-palette-a7: var(--colors-gray-a7);
    --colors-color-palette-a8: var(--colors-gray-a8);
    --colors-color-palette-a9: var(--colors-gray-a9);
    --colors-color-palette-a10: var(--colors-gray-a10);
    --colors-color-palette-a11: var(--colors-gray-a11);
    --colors-color-palette-a12: var(--colors-gray-a12);
    --colors-color-palette-solid-bg: var(--colors-gray-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-gray-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-gray-surface-bg);
    --colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);
    --colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-gray-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-gray-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-gray-outline-border);
    --colors-color-palette-outline-fg: var(--colors-gray-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-gray-plain-fg);
}

  body {
    background: canvas;
    color: var(--colors-fg-default);
    font-family: var(--fonts-body);
}
}

@layer tokens{
  :where(:root, :host) {
    --aspect-ratios-square: 1 / 1;
    --aspect-ratios-landscape: 4 / 3;
    --aspect-ratios-portrait: 3 / 4;
    --aspect-ratios-wide: 16 / 9;
    --aspect-ratios-ultrawide: 18 / 5;
    --aspect-ratios-golden: 1.618 / 1;
    --borders-none: none;
    --easings-default: cubic-bezier(0.4, 0, 0.2, 1);
    --easings-linear: linear;
    --easings-in: cubic-bezier(0.4, 0, 1, 1);
    --easings-out: cubic-bezier(0, 0, 0.2, 1);
    --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --radii-xs: 0.125rem;
    --radii-sm: 0.25rem;
    --radii-md: 0.375rem;
    --radii-lg: 0.5rem;
    --radii-xl: 0.75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-4xl: 2rem;
    --radii-full: 9999px;
    --font-weights-thin: 100;
    --font-weights-extralight: 200;
    --font-weights-light: 300;
    --font-weights-normal: 400;
    --font-weights-medium: 500;
    --font-weights-semibold: 600;
    --font-weights-bold: 700;
    --font-weights-extrabold: 800;
    --font-weights-black: 900;
    --line-heights-none: 1;
    --line-heights-tight: 1.25;
    --line-heights-snug: 1.375;
    --line-heights-normal: 1.5;
    --line-heights-relaxed: 1.625;
    --line-heights-loose: 2;
    --letter-spacings-tighter: -0.05em;
    --letter-spacings-tight: -0.025em;
    --letter-spacings-normal: 0em;
    --letter-spacings-wide: 0.025em;
    --letter-spacings-wider: 0.05em;
    --letter-spacings-widest: 0.1em;
    --font-sizes-2xs: 0.5rem;
    --font-sizes-xs: 0.75rem;
    --font-sizes-sm: 0.875rem;
    --font-sizes-md: 1rem;
    --font-sizes-lg: 1.125rem;
    --font-sizes-xl: 1.25rem;
    --font-sizes-2xl: 1.5rem;
    --font-sizes-3xl: 1.875rem;
    --font-sizes-4xl: 2.25rem;
    --font-sizes-5xl: 3rem;
    --font-sizes-6xl: 3.75rem;
    --font-sizes-7xl: 4.5rem;
    --font-sizes-8xl: 6rem;
    --font-sizes-9xl: 8rem;
    --shadows-2xs: 0 1px rgb(0 0 0 / 0.05);
    --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --shadows-inset-2xs: inset 0 1px rgb(0 0 0 / 0.05);
    --shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
    --shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
    --blurs-xs: 4px;
    --blurs-sm: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --spacing-0: 0rem;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --spacing-0\.5: 0.125rem;
    --spacing-1\.5: 0.375rem;
    --spacing-2\.5: 0.625rem;
    --spacing-3\.5: 0.875rem;
    --spacing-4\.5: 1.125rem;
    --spacing-5\.5: 1.375rem;
    --sizes-0: 0rem;
    --sizes-1: 0.25rem;
    --sizes-2: 0.5rem;
    --sizes-3: 0.75rem;
    --sizes-4: 1rem;
    --sizes-5: 1.25rem;
    --sizes-6: 1.5rem;
    --sizes-7: 1.75rem;
    --sizes-8: 2rem;
    --sizes-9: 2.25rem;
    --sizes-10: 2.5rem;
    --sizes-11: 2.75rem;
    --sizes-12: 3rem;
    --sizes-14: 3.5rem;
    --sizes-16: 4rem;
    --sizes-20: 5rem;
    --sizes-24: 6rem;
    --sizes-28: 7rem;
    --sizes-32: 8rem;
    --sizes-36: 9rem;
    --sizes-40: 10rem;
    --sizes-44: 11rem;
    --sizes-48: 12rem;
    --sizes-52: 13rem;
    --sizes-56: 14rem;
    --sizes-60: 15rem;
    --sizes-64: 16rem;
    --sizes-72: 18rem;
    --sizes-80: 20rem;
    --sizes-96: 24rem;
    --sizes-0\.5: 0.125rem;
    --sizes-1\.5: 0.375rem;
    --sizes-2\.5: 0.625rem;
    --sizes-3\.5: 0.875rem;
    --sizes-4\.5: 1.125rem;
    --sizes-5\.5: 1.375rem;
    --sizes-xs: 20rem;
    --sizes-sm: 24rem;
    --sizes-md: 28rem;
    --sizes-lg: 32rem;
    --sizes-xl: 36rem;
    --sizes-2xl: 42rem;
    --sizes-3xl: 48rem;
    --sizes-4xl: 56rem;
    --sizes-5xl: 64rem;
    --sizes-6xl: 72rem;
    --sizes-7xl: 80rem;
    --sizes-8xl: 90rem;
    --sizes-prose: 65ch;
    --sizes-full: 100%;
    --sizes-min: min-content;
    --sizes-max: max-content;
    --sizes-fit: fit-content;
    --sizes-breakpoint-sm: 640px;
    --sizes-breakpoint-md: 768px;
    --sizes-breakpoint-lg: 1024px;
    --sizes-breakpoint-xl: 1280px;
    --sizes-breakpoint-2xl: 1536px;
    --animations-spin: spin 1s linear infinite;
    --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animations-bounce: bounce 1s infinite;
    --colors-current: currentColor;
    --colors-transparent: rgb(0 0 0 / 0);
    --colors-rose-50: #fff1f2;
    --colors-rose-100: #ffe4e6;
    --colors-rose-200: #fecdd3;
    --colors-rose-300: #fda4af;
    --colors-rose-400: #fb7185;
    --colors-rose-500: #f43f5e;
    --colors-rose-600: #e11d48;
    --colors-rose-700: #be123c;
    --colors-rose-800: #9f1239;
    --colors-rose-900: #881337;
    --colors-rose-950: #4c0519;
    --colors-pink-50: #fdf2f8;
    --colors-pink-100: #fce7f3;
    --colors-pink-200: #fbcfe8;
    --colors-pink-300: #f9a8d4;
    --colors-pink-400: #f472b6;
    --colors-pink-500: #ec4899;
    --colors-pink-600: #db2777;
    --colors-pink-700: #be185d;
    --colors-pink-800: #9d174d;
    --colors-pink-900: #831843;
    --colors-pink-950: #500724;
    --colors-fuchsia-50: #fdf4ff;
    --colors-fuchsia-100: #fae8ff;
    --colors-fuchsia-200: #f5d0fe;
    --colors-fuchsia-300: #f0abfc;
    --colors-fuchsia-400: #e879f9;
    --colors-fuchsia-500: #d946ef;
    --colors-fuchsia-600: #c026d3;
    --colors-fuchsia-700: #a21caf;
    --colors-fuchsia-800: #86198f;
    --colors-fuchsia-900: #701a75;
    --colors-fuchsia-950: #4a044e;
    --colors-purple-50: #faf5ff;
    --colors-purple-100: #f3e8ff;
    --colors-purple-200: #e9d5ff;
    --colors-purple-300: #d8b4fe;
    --colors-purple-400: #c084fc;
    --colors-purple-500: #a855f7;
    --colors-purple-600: #9333ea;
    --colors-purple-700: #7e22ce;
    --colors-purple-800: #6b21a8;
    --colors-purple-900: #581c87;
    --colors-purple-950: #3b0764;
    --colors-violet-50: #f5f3ff;
    --colors-violet-100: #ede9fe;
    --colors-violet-200: #ddd6fe;
    --colors-violet-300: #c4b5fd;
    --colors-violet-400: #a78bfa;
    --colors-violet-500: #8b5cf6;
    --colors-violet-600: #7c3aed;
    --colors-violet-700: #6d28d9;
    --colors-violet-800: #5b21b6;
    --colors-violet-900: #4c1d95;
    --colors-violet-950: #2e1065;
    --colors-indigo-50: #eef2ff;
    --colors-indigo-100: #e0e7ff;
    --colors-indigo-200: #c7d2fe;
    --colors-indigo-300: #a5b4fc;
    --colors-indigo-400: #818cf8;
    --colors-indigo-500: #6366f1;
    --colors-indigo-600: #4f46e5;
    --colors-indigo-700: #4338ca;
    --colors-indigo-800: #3730a3;
    --colors-indigo-900: #312e81;
    --colors-indigo-950: #1e1b4b;
    --colors-blue-50: #eff6ff;
    --colors-blue-100: #dbeafe;
    --colors-blue-200: #bfdbfe;
    --colors-blue-300: #93c5fd;
    --colors-blue-400: #60a5fa;
    --colors-blue-500: #3b82f6;
    --colors-blue-600: #2563eb;
    --colors-blue-700: #1d4ed8;
    --colors-blue-800: #1e40af;
    --colors-blue-900: #1e3a8a;
    --colors-blue-950: #172554;
    --colors-sky-50: #f0f9ff;
    --colors-sky-100: #e0f2fe;
    --colors-sky-200: #bae6fd;
    --colors-sky-300: #7dd3fc;
    --colors-sky-400: #38bdf8;
    --colors-sky-500: #0ea5e9;
    --colors-sky-600: #0284c7;
    --colors-sky-700: #0369a1;
    --colors-sky-800: #075985;
    --colors-sky-900: #0c4a6e;
    --colors-sky-950: #082f49;
    --colors-cyan-50: #ecfeff;
    --colors-cyan-100: #cffafe;
    --colors-cyan-200: #a5f3fc;
    --colors-cyan-300: #67e8f9;
    --colors-cyan-400: #22d3ee;
    --colors-cyan-500: #06b6d4;
    --colors-cyan-600: #0891b2;
    --colors-cyan-700: #0e7490;
    --colors-cyan-800: #155e75;
    --colors-cyan-900: #164e63;
    --colors-cyan-950: #083344;
    --colors-teal-50: #f0fdfa;
    --colors-teal-100: #ccfbf1;
    --colors-teal-200: #99f6e4;
    --colors-teal-300: #5eead4;
    --colors-teal-400: #2dd4bf;
    --colors-teal-500: #14b8a6;
    --colors-teal-600: #0d9488;
    --colors-teal-700: #0f766e;
    --colors-teal-800: #115e59;
    --colors-teal-900: #134e4a;
    --colors-teal-950: #042f2e;
    --colors-emerald-50: #ecfdf5;
    --colors-emerald-100: #d1fae5;
    --colors-emerald-200: #a7f3d0;
    --colors-emerald-300: #6ee7b7;
    --colors-emerald-400: #34d399;
    --colors-emerald-500: #10b981;
    --colors-emerald-600: #059669;
    --colors-emerald-700: #047857;
    --colors-emerald-800: #065f46;
    --colors-emerald-900: #064e3b;
    --colors-emerald-950: #022c22;
    --colors-green-50: #f0fdf4;
    --colors-green-100: #dcfce7;
    --colors-green-200: #bbf7d0;
    --colors-green-300: #86efac;
    --colors-green-400: #4ade80;
    --colors-green-500: #22c55e;
    --colors-green-600: #16a34a;
    --colors-green-700: #15803d;
    --colors-green-800: #166534;
    --colors-green-900: #14532d;
    --colors-green-950: #052e16;
    --colors-lime-50: #f7fee7;
    --colors-lime-100: #ecfccb;
    --colors-lime-200: #d9f99d;
    --colors-lime-300: #bef264;
    --colors-lime-400: #a3e635;
    --colors-lime-500: #84cc16;
    --colors-lime-600: #65a30d;
    --colors-lime-700: #4d7c0f;
    --colors-lime-800: #3f6212;
    --colors-lime-900: #365314;
    --colors-lime-950: #1a2e05;
    --colors-yellow-50: #fefce8;
    --colors-yellow-100: #fef9c3;
    --colors-yellow-200: #fef08a;
    --colors-yellow-300: #fde047;
    --colors-yellow-400: #facc15;
    --colors-yellow-500: #eab308;
    --colors-yellow-600: #ca8a04;
    --colors-yellow-700: #a16207;
    --colors-yellow-800: #854d0e;
    --colors-yellow-900: #713f12;
    --colors-yellow-950: #422006;
    --colors-amber-50: #fffbeb;
    --colors-amber-100: #fef3c7;
    --colors-amber-200: #fde68a;
    --colors-amber-300: #fcd34d;
    --colors-amber-400: #fbbf24;
    --colors-amber-500: #f59e0b;
    --colors-amber-600: #d97706;
    --colors-amber-700: #b45309;
    --colors-amber-800: #92400e;
    --colors-amber-900: #78350f;
    --colors-amber-950: #451a03;
    --colors-orange-50: #fff7ed;
    --colors-orange-100: #ffedd5;
    --colors-orange-200: #fed7aa;
    --colors-orange-300: #fdba74;
    --colors-orange-400: #fb923c;
    --colors-orange-500: #f97316;
    --colors-orange-600: #ea580c;
    --colors-orange-700: #c2410c;
    --colors-orange-800: #9a3412;
    --colors-orange-900: #7c2d12;
    --colors-orange-950: #431407;
    --colors-red-50: #fef2f2;
    --colors-red-100: #fee2e2;
    --colors-red-200: #fecaca;
    --colors-red-300: #fca5a5;
    --colors-red-400: #f87171;
    --colors-red-500: #ef4444;
    --colors-red-600: #dc2626;
    --colors-red-700: #b91c1c;
    --colors-red-800: #991b1b;
    --colors-red-900: #7f1d1d;
    --colors-red-950: #450a0a;
    --colors-neutral-50: #fafafa;
    --colors-neutral-100: #f5f5f5;
    --colors-neutral-200: #e5e5e5;
    --colors-neutral-300: #d4d4d4;
    --colors-neutral-400: #a3a3a3;
    --colors-neutral-500: #737373;
    --colors-neutral-600: #525252;
    --colors-neutral-700: #404040;
    --colors-neutral-800: #262626;
    --colors-neutral-900: #171717;
    --colors-neutral-950: #0a0a0a;
    --colors-stone-50: #fafaf9;
    --colors-stone-100: #f5f5f4;
    --colors-stone-200: #e7e5e4;
    --colors-stone-300: #d6d3d1;
    --colors-stone-400: #a8a29e;
    --colors-stone-500: #78716c;
    --colors-stone-600: #57534e;
    --colors-stone-700: #44403c;
    --colors-stone-800: #292524;
    --colors-stone-900: #1c1917;
    --colors-stone-950: #0c0a09;
    --colors-zinc-50: #fafafa;
    --colors-zinc-100: #f4f4f5;
    --colors-zinc-200: #e4e4e7;
    --colors-zinc-300: #d4d4d8;
    --colors-zinc-400: #a1a1aa;
    --colors-zinc-500: #71717a;
    --colors-zinc-600: #52525b;
    --colors-zinc-700: #3f3f46;
    --colors-zinc-800: #27272a;
    --colors-zinc-900: #18181b;
    --colors-zinc-950: #09090b;
    --colors-gray-50: #f9fafb;
    --colors-gray-100: #f3f4f6;
    --colors-gray-200: #e5e7eb;
    --colors-gray-300: #d1d5db;
    --colors-gray-400: #9ca3af;
    --colors-gray-500: #6b7280;
    --colors-gray-600: #4b5563;
    --colors-gray-700: #374151;
    --colors-gray-800: #1f2937;
    --colors-gray-900: #111827;
    --colors-gray-950: #030712;
    --colors-slate-50: #f8fafc;
    --colors-slate-100: #f1f5f9;
    --colors-slate-200: #e2e8f0;
    --colors-slate-300: #cbd5e1;
    --colors-slate-400: #94a3b8;
    --colors-slate-500: #64748b;
    --colors-slate-600: #475569;
    --colors-slate-700: #334155;
    --colors-slate-800: #1e293b;
    --colors-slate-900: #0f172a;
    --colors-slate-950: #020617;
    --colors-black: #000000;
    --colors-black-a1: rgba(0, 0, 0, 0.05);
    --colors-black-a2: rgba(0, 0, 0, 0.1);
    --colors-black-a3: rgba(0, 0, 0, 0.15);
    --colors-black-a4: rgba(0, 0, 0, 0.2);
    --colors-black-a5: rgba(0, 0, 0, 0.3);
    --colors-black-a6: rgba(0, 0, 0, 0.4);
    --colors-black-a7: rgba(0, 0, 0, 0.5);
    --colors-black-a8: rgba(0, 0, 0, 0.6);
    --colors-black-a9: rgba(0, 0, 0, 0.7);
    --colors-black-a10: rgba(0, 0, 0, 0.8);
    --colors-black-a11: rgba(0, 0, 0, 0.9);
    --colors-black-a12: rgba(0, 0, 0, 0.95);
    --colors-white: #ffffff;
    --colors-white-a1: rgba(255, 255, 255, 0.05);
    --colors-white-a2: rgba(255, 255, 255, 0.1);
    --colors-white-a3: rgba(255, 255, 255, 0.15);
    --colors-white-a4: rgba(255, 255, 255, 0.2);
    --colors-white-a5: rgba(255, 255, 255, 0.3);
    --colors-white-a6: rgba(255, 255, 255, 0.4);
    --colors-white-a7: rgba(255, 255, 255, 0.5);
    --colors-white-a8: rgba(255, 255, 255, 0.6);
    --colors-white-a9: rgba(255, 255, 255, 0.7);
    --colors-white-a10: rgba(255, 255, 255, 0.8);
    --colors-white-a11: rgba(255, 255, 255, 0.9);
    --colors-white-a12: rgba(255, 255, 255, 0.95);
    --durations-fastest: 50ms;
    --durations-faster: 100ms;
    --durations-fast: 150ms;
    --durations-normal: 200ms;
    --durations-slow: 250ms;
    --durations-slower: 300ms;
    --durations-slowest: 400ms;
    --z-index-hide: -1;
    --z-index-base: 0;
    --z-index-docked: 10;
    --z-index-dropdown: 1000;
    --z-index-sticky: 1100;
    --z-index-banner: 1200;
    --z-index-overlay: 1300;
    --z-index-modal: 1400;
    --z-index-popover: 1500;
    --z-index-skip-link: 1600;
    --z-index-toast: 1700;
    --z-index-tooltip: 1800;
    --fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --fonts-body: var(--font-body);
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
    --colors-fg-default: var(--fg-default, #0f172a);
    --colors-fg-muted: var(--fg-muted, #64748b);
    --colors-fg-subtle: var(--fg-subtle, #94a3b8);
    --colors-fg-inverted: var(--fg-inverted, #ffffff);
    --colors-bg-canvas: var(--bg-canvas, #f8fafc);
    --colors-bg-surface: var(--bg-surface, #ffffff);
    --colors-bg-subtle: var(--bg-subtle, #f1f5f9);
    --colors-bg-muted: var(--bg-muted, #e2e8f0);
    --colors-bg-hover: var(--bg-hover, #f1f5f9);
    --colors-border-default: var(--border-default, #e2e8f0);
    --colors-border-muted: var(--border-muted, #f1f5f9);
    --colors-border-emphasis: var(--border-emphasis, #cbd5e1);
    --colors-primary-50: var(--primary-50);
    --colors-primary-100: var(--primary-100);
    --colors-primary-200: var(--primary-200);
    --colors-primary-300: var(--primary-300);
    --colors-primary-400: var(--primary-400);
    --colors-primary-500: var(--primary-500);
    --colors-primary-600: var(--primary-600);
    --colors-primary-700: var(--primary-700);
    --colors-primary-800: var(--primary-800);
    --colors-primary-900: var(--primary-900);
    --colors-primary-950: var(--primary-950);
    --colors-accent: var(--accent-color);
    --colors-accent-fg: var(--accent-fg);
    --radii-l1: var(--radii-xs);
    --radii-l2: var(--radii-sm);
    --radii-l3: var(--radii-md);
}

  :where(:root, .light) {
    --colors-error: var(--colors-red-9);
    --colors-crimson-1: #fffcfd;
    --colors-crimson-2: #fef7f9;
    --colors-crimson-3: #ffe9f0;
    --colors-crimson-4: #fedce7;
    --colors-crimson-5: #facedd;
    --colors-crimson-6: #f3bed1;
    --colors-crimson-7: #eaacc3;
    --colors-crimson-8: #e093b2;
    --colors-crimson-9: #e93d82;
    --colors-crimson-10: #df3478;
    --colors-crimson-11: #cb1d63;
    --colors-crimson-12: #621639;
    --colors-crimson-a1: #ff005503;
    --colors-crimson-a2: #e0004008;
    --colors-crimson-a3: #ff005216;
    --colors-crimson-a4: #f8005123;
    --colors-crimson-a5: #e5004f31;
    --colors-crimson-a6: #d0004b41;
    --colors-crimson-a7: #bf004753;
    --colors-crimson-a8: #b6004a6c;
    --colors-crimson-a9: #e2005bc2;
    --colors-crimson-a10: #d70056cb;
    --colors-crimson-a11: #c4004fe2;
    --colors-crimson-a12: #530026e9;
    --colors-crimson-solid-bg: var(--colors-crimson-9);
    --colors-crimson-solid-bg-hover: var(--colors-crimson-10);
    --colors-crimson-solid-fg: white;
    --colors-crimson-subtle-bg: var(--colors-crimson-a3);
    --colors-crimson-subtle-bg-hover: var(--colors-crimson-a4);
    --colors-crimson-subtle-bg-active: var(--colors-crimson-a5);
    --colors-crimson-subtle-fg: var(--colors-crimson-a11);
    --colors-crimson-surface-bg: var(--colors-crimson-a2);
    --colors-crimson-surface-bg-active: var(--colors-crimson-a3);
    --colors-crimson-surface-border: var(--colors-crimson-a6);
    --colors-crimson-surface-border-hover: var(--colors-crimson-a7);
    --colors-crimson-surface-fg: var(--colors-crimson-a11);
    --colors-crimson-outline-bg-hover: var(--colors-crimson-a2);
    --colors-crimson-outline-bg-active: var(--colors-crimson-a3);
    --colors-crimson-outline-border: var(--colors-crimson-a7);
    --colors-crimson-outline-fg: var(--colors-crimson-a11);
    --colors-crimson-plain-bg-hover: var(--colors-crimson-a3);
    --colors-crimson-plain-bg-active: var(--colors-crimson-a4);
    --colors-crimson-plain-fg: var(--colors-crimson-a11);
    --colors-gray-1: #fbfdfc;
    --colors-gray-2: #f7f9f8;
    --colors-gray-3: #eef1f0;
    --colors-gray-4: #e6e9e8;
    --colors-gray-5: #dfe2e0;
    --colors-gray-6: #d7dad9;
    --colors-gray-7: #cbcfcd;
    --colors-gray-8: #b8bcba;
    --colors-gray-9: #868e8b;
    --colors-gray-10: #7c8481;
    --colors-gray-11: #5f6563;
    --colors-gray-12: #1a211e;
    --colors-gray-a1: #00804004;
    --colors-gray-a2: #00402008;
    --colors-gray-a3: #002d1e11;
    --colors-gray-a4: #001f1519;
    --colors-gray-a5: #00180820;
    --colors-gray-a6: #00140d28;
    --colors-gray-a7: #00140a34;
    --colors-gray-a8: #000f0847;
    --colors-gray-a9: #00110b79;
    --colors-gray-a10: #00100a83;
    --colors-gray-a11: #000a07a0;
    --colors-gray-a12: #000805e5;
    --colors-gray-solid-bg: var(--colors-black);
    --colors-gray-solid-bg-hover: var(--colors-gray-12);
    --colors-gray-solid-fg: var(--colors-white);
    --colors-gray-subtle-bg: var(--colors-gray-a3);
    --colors-gray-subtle-bg-hover: var(--colors-gray-a4);
    --colors-gray-subtle-bg-active: var(--colors-gray-a5);
    --colors-gray-subtle-fg: var(--colors-gray-12);
    --colors-gray-surface-bg: var(--colors-white);
    --colors-gray-surface-bg-hover: var(--colors-gray-2);
    --colors-gray-surface-bg-active: var(--colors-gray-3);
    --colors-gray-surface-border: var(--colors-gray-6);
    --colors-gray-surface-border-hover: var(--colors-gray-7);
    --colors-gray-surface-fg: var(--colors-gray-12);
    --colors-gray-outline-bg-hover: var(--colors-gray-a2);
    --colors-gray-outline-bg-active: var(--colors-gray-a3);
    --colors-gray-outline-border: var(--colors-gray-6);
    --colors-gray-outline-fg: var(--colors-gray-12);
    --colors-gray-plain-bg-hover: var(--colors-gray-a3);
    --colors-gray-plain-bg-active: var(--colors-gray-a4);
    --colors-gray-plain-fg: var(--colors-gray-12);
    --colors-red-1: #fffcfc;
    --colors-red-2: #fff7f7;
    --colors-red-3: #feebec;
    --colors-red-4: #ffdbdc;
    --colors-red-5: #ffcdce;
    --colors-red-6: #fdbdbe;
    --colors-red-7: #f4a9aa;
    --colors-red-8: #eb8e90;
    --colors-red-9: #e5484d;
    --colors-red-10: #dc3e42;
    --colors-red-11: #ce2c31;
    --colors-red-12: #641723;
    --colors-red-a1: #ff000003;
    --colors-red-a2: #ff000008;
    --colors-red-a3: #f3000d14;
    --colors-red-a4: #ff000824;
    --colors-red-a5: #ff000632;
    --colors-red-a6: #f8000442;
    --colors-red-a7: #df000356;
    --colors-red-a8: #d2000571;
    --colors-red-a9: #db0007b7;
    --colors-red-a10: #d10005c1;
    --colors-red-a11: #c40006d3;
    --colors-red-a12: #55000de8;
    --colors-red-solid-bg: var(--colors-red-9);
    --colors-red-solid-bg-hover: var(--colors-red-10);
    --colors-red-solid-fg: white;
    --colors-red-subtle-bg: var(--colors-red-a3);
    --colors-red-subtle-bg-hover: var(--colors-red-a4);
    --colors-red-subtle-bg-active: var(--colors-red-a5);
    --colors-red-subtle-fg: var(--colors-red-a11);
    --colors-red-surface-bg: var(--colors-red-a2);
    --colors-red-surface-bg-active: var(--colors-red-a3);
    --colors-red-surface-border: var(--colors-red-a6);
    --colors-red-surface-border-hover: var(--colors-red-a7);
    --colors-red-surface-fg: var(--colors-red-a11);
    --colors-red-outline-bg-hover: var(--colors-red-a2);
    --colors-red-outline-bg-active: var(--colors-red-a3);
    --colors-red-outline-border: var(--colors-red-a7);
    --colors-red-outline-fg: var(--colors-red-a11);
    --colors-red-plain-bg-hover: var(--colors-red-a3);
    --colors-red-plain-bg-active: var(--colors-red-a4);
    --colors-red-plain-fg: var(--colors-red-a11);
    --colors-green-1: #fbfefc;
    --colors-green-2: #f4fbf6;
    --colors-green-3: #e6f6eb;
    --colors-green-4: #d6f1df;
    --colors-green-5: #c4e8d1;
    --colors-green-6: #adddc0;
    --colors-green-7: #8eceaa;
    --colors-green-8: #5bb98b;
    --colors-green-9: #30a46c;
    --colors-green-10: #2b9a66;
    --colors-green-11: #218358;
    --colors-green-12: #193b2d;
    --colors-green-a1: #00c04004;
    --colors-green-a2: #00a32f0b;
    --colors-green-a3: #00a43319;
    --colors-green-a4: #00a83829;
    --colors-green-a5: #019c393b;
    --colors-green-a6: #00963c52;
    --colors-green-a7: #00914071;
    --colors-green-a8: #00924ba4;
    --colors-green-a9: #008f4acf;
    --colors-green-a10: #008647d4;
    --colors-green-a11: #00713fde;
    --colors-green-a12: #002616e6;
    --colors-green-solid-bg: var(--colors-green-9);
    --colors-green-solid-bg-hover: var(--colors-green-10);
    --colors-green-solid-fg: white;
    --colors-green-subtle-bg: var(--colors-green-a3);
    --colors-green-subtle-bg-hover: var(--colors-green-a4);
    --colors-green-subtle-bg-active: var(--colors-green-a5);
    --colors-green-subtle-fg: var(--colors-green-a11);
    --colors-green-surface-bg: var(--colors-green-a2);
    --colors-green-surface-bg-active: var(--colors-green-a3);
    --colors-green-surface-border: var(--colors-green-a6);
    --colors-green-surface-border-hover: var(--colors-green-a7);
    --colors-green-surface-fg: var(--colors-green-a11);
    --colors-green-outline-bg-hover: var(--colors-green-a2);
    --colors-green-outline-bg-active: var(--colors-green-a3);
    --colors-green-outline-border: var(--colors-green-a7);
    --colors-green-outline-fg: var(--colors-green-a11);
    --colors-green-plain-bg-hover: var(--colors-green-a3);
    --colors-green-plain-bg-active: var(--colors-green-a4);
    --colors-green-plain-fg: var(--colors-green-a11);
    --colors-orange-1: #fefcfb;
    --colors-orange-2: #fff7ed;
    --colors-orange-3: #ffefd6;
    --colors-orange-4: #ffdfb5;
    --colors-orange-5: #ffd19a;
    --colors-orange-6: #ffc182;
    --colors-orange-7: #f5ae73;
    --colors-orange-8: #ec9455;
    --colors-orange-9: #f76b15;
    --colors-orange-10: #ed5f00;
    --colors-orange-11: #cc5200;
    --colors-orange-12: #582d1d;
    --colors-orange-default: var(--colors-orange-9);
    --colors-orange-emphasized: var(--colors-orange-10);
    --colors-orange-fg: white;
    --colors-orange-text: var(--colors-orange-11);
    --shadows-xs: 0px 1px 2px var(--colors-gray-a6), 0px 0px 1px var(--colors-gray-a7);
    --shadows-sm: 0px 2px 4px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-md: 0px 4px 8px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-lg: 0px 8px 16px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-xl: 0px 16px 24px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-2xl: 0px 24px 40px var(--colors-gray-a4), 0px 0px 1px var(--colors-gray-a4);
    --shadows-inset: inset 8px 0 12px -8px var(--colors-gray-a4)
}

  .dark {
    --colors-error: var(--colors-red-9);
    --colors-crimson-1: #191114;
    --colors-crimson-2: #201318;
    --colors-crimson-3: #381525;
    --colors-crimson-4: #4d122f;
    --colors-crimson-5: #5c1839;
    --colors-crimson-6: #6d2545;
    --colors-crimson-7: #873356;
    --colors-crimson-8: #b0436e;
    --colors-crimson-9: #e93d82;
    --colors-crimson-10: #ee518a;
    --colors-crimson-11: #ff92ad;
    --colors-crimson-12: #fdd3e8;
    --colors-crimson-a1: #f4126709;
    --colors-crimson-a2: #f22f7a11;
    --colors-crimson-a3: #fe2a8b2a;
    --colors-crimson-a4: #fd158741;
    --colors-crimson-a5: #fd278f51;
    --colors-crimson-a6: #fe459763;
    --colors-crimson-a7: #fd559b7f;
    --colors-crimson-a8: #fe5b9bab;
    --colors-crimson-a9: #fe418de8;
    --colors-crimson-a10: #ff5693ed;
    --colors-crimson-a11: #ff92ad;
    --colors-crimson-a12: #ffd5eafd;
    --colors-crimson-solid-bg: var(--colors-crimson-9);
    --colors-crimson-solid-bg-hover: var(--colors-crimson-10);
    --colors-crimson-solid-fg: white;
    --colors-crimson-subtle-bg: var(--colors-crimson-a3);
    --colors-crimson-subtle-bg-hover: var(--colors-crimson-a4);
    --colors-crimson-subtle-bg-active: var(--colors-crimson-a5);
    --colors-crimson-subtle-fg: var(--colors-crimson-a11);
    --colors-crimson-surface-bg: var(--colors-crimson-a2);
    --colors-crimson-surface-bg-active: var(--colors-crimson-a3);
    --colors-crimson-surface-border: var(--colors-crimson-a6);
    --colors-crimson-surface-border-hover: var(--colors-crimson-a7);
    --colors-crimson-surface-fg: var(--colors-crimson-a11);
    --colors-crimson-outline-bg-hover: var(--colors-crimson-a2);
    --colors-crimson-outline-bg-active: var(--colors-crimson-a3);
    --colors-crimson-outline-border: var(--colors-crimson-a7);
    --colors-crimson-outline-fg: var(--colors-crimson-a11);
    --colors-crimson-plain-bg-hover: var(--colors-crimson-a3);
    --colors-crimson-plain-bg-active: var(--colors-crimson-a4);
    --colors-crimson-plain-fg: var(--colors-crimson-a11);
    --colors-gray-1: #101211;
    --colors-gray-2: #171918;
    --colors-gray-3: #202221;
    --colors-gray-4: #272a29;
    --colors-gray-5: #2e3130;
    --colors-gray-6: #373b39;
    --colors-gray-7: #444947;
    --colors-gray-8: #5b625f;
    --colors-gray-9: #63706b;
    --colors-gray-10: #717d79;
    --colors-gray-11: #adb5b2;
    --colors-gray-12: #eceeed;
    --colors-gray-a1: #00000000;
    --colors-gray-a2: #f0f2f108;
    --colors-gray-a3: #f3f5f412;
    --colors-gray-a4: #f2fefd1a;
    --colors-gray-a5: #f1fbfa22;
    --colors-gray-a6: #edfbf42d;
    --colors-gray-a7: #edfcf73c;
    --colors-gray-a8: #ebfdf657;
    --colors-gray-a9: #dffdf266;
    --colors-gray-a10: #e5fdf674;
    --colors-gray-a11: #f4fefbb0;
    --colors-gray-a12: #fdfffeed;
    --colors-gray-solid-bg: var(--colors-white);
    --colors-gray-solid-bg-hover: var(--colors-gray-12);
    --colors-gray-solid-fg: var(--colors-black);
    --colors-gray-subtle-bg: var(--colors-gray-a3);
    --colors-gray-subtle-bg-hover: var(--colors-gray-a4);
    --colors-gray-subtle-bg-active: var(--colors-gray-a5);
    --colors-gray-subtle-fg: var(--colors-gray-12);
    --colors-gray-surface-bg: var(--colors-gray-1);
    --colors-gray-surface-bg-hover: var(--colors-gray-2);
    --colors-gray-surface-bg-active: var(--colors-gray-3);
    --colors-gray-surface-border: var(--colors-gray-6);
    --colors-gray-surface-border-hover: var(--colors-gray-7);
    --colors-gray-surface-fg: var(--colors-gray-12);
    --colors-gray-outline-bg-hover: var(--colors-gray-a2);
    --colors-gray-outline-bg-active: var(--colors-gray-a3);
    --colors-gray-outline-border: var(--colors-gray-6);
    --colors-gray-outline-fg: var(--colors-gray-12);
    --colors-gray-plain-bg-hover: var(--colors-gray-a3);
    --colors-gray-plain-bg-active: var(--colors-gray-a4);
    --colors-gray-plain-fg: var(--colors-gray-12);
    --colors-red-1: #191111;
    --colors-red-2: #201314;
    --colors-red-3: #3b1219;
    --colors-red-4: #500f1c;
    --colors-red-5: #611623;
    --colors-red-6: #72232d;
    --colors-red-7: #8c333a;
    --colors-red-8: #b54548;
    --colors-red-9: #e5484d;
    --colors-red-10: #ec5d5e;
    --colors-red-11: #ff9592;
    --colors-red-12: #ffd1d9;
    --colors-red-a1: #f4121209;
    --colors-red-a2: #f22f3e11;
    --colors-red-a3: #ff173f2d;
    --colors-red-a4: #fe0a3b44;
    --colors-red-a5: #ff204756;
    --colors-red-a6: #ff3e5668;
    --colors-red-a7: #ff536184;
    --colors-red-a8: #ff5d61b0;
    --colors-red-a9: #fe4e54e4;
    --colors-red-a10: #ff6465eb;
    --colors-red-a11: #ff9592;
    --colors-red-a12: #ffd1d9;
    --colors-red-solid-bg: var(--colors-red-9);
    --colors-red-solid-bg-hover: var(--colors-red-10);
    --colors-red-solid-fg: white;
    --colors-red-subtle-bg: var(--colors-red-a3);
    --colors-red-subtle-bg-hover: var(--colors-red-a4);
    --colors-red-subtle-bg-active: var(--colors-red-a5);
    --colors-red-subtle-fg: var(--colors-red-a11);
    --colors-red-surface-bg: var(--colors-red-a2);
    --colors-red-surface-bg-active: var(--colors-red-a3);
    --colors-red-surface-border: var(--colors-red-a6);
    --colors-red-surface-border-hover: var(--colors-red-a7);
    --colors-red-surface-fg: var(--colors-red-a11);
    --colors-red-outline-bg-hover: var(--colors-red-a2);
    --colors-red-outline-bg-active: var(--colors-red-a3);
    --colors-red-outline-border: var(--colors-red-a7);
    --colors-red-outline-fg: var(--colors-red-a11);
    --colors-red-plain-bg-hover: var(--colors-red-a3);
    --colors-red-plain-bg-active: var(--colors-red-a4);
    --colors-red-plain-fg: var(--colors-red-a11);
    --colors-green-1: #0e1512;
    --colors-green-2: #121b17;
    --colors-green-3: #132d21;
    --colors-green-4: #113b29;
    --colors-green-5: #174933;
    --colors-green-6: #20573e;
    --colors-green-7: #28684a;
    --colors-green-8: #2f7c57;
    --colors-green-9: #30a46c;
    --colors-green-10: #33b074;
    --colors-green-11: #3dd68c;
    --colors-green-12: #b1f1cb;
    --colors-green-a1: #00de4505;
    --colors-green-a2: #29f99d0b;
    --colors-green-a3: #22ff991e;
    --colors-green-a4: #11ff992d;
    --colors-green-a5: #2bffa23c;
    --colors-green-a6: #44ffaa4b;
    --colors-green-a7: #50fdac5e;
    --colors-green-a8: #54ffad73;
    --colors-green-a9: #44ffa49e;
    --colors-green-a10: #43fea4ab;
    --colors-green-a11: #46fea5d4;
    --colors-green-a12: #bbffd7f0;
    --colors-green-solid-bg: var(--colors-green-9);
    --colors-green-solid-bg-hover: var(--colors-green-10);
    --colors-green-solid-fg: white;
    --colors-green-subtle-bg: var(--colors-green-a3);
    --colors-green-subtle-bg-hover: var(--colors-green-a4);
    --colors-green-subtle-bg-active: var(--colors-green-a5);
    --colors-green-subtle-fg: var(--colors-green-a11);
    --colors-green-surface-bg: var(--colors-green-a2);
    --colors-green-surface-bg-active: var(--colors-green-a3);
    --colors-green-surface-border: var(--colors-green-a6);
    --colors-green-surface-border-hover: var(--colors-green-a7);
    --colors-green-surface-fg: var(--colors-green-a11);
    --colors-green-outline-bg-hover: var(--colors-green-a2);
    --colors-green-outline-bg-active: var(--colors-green-a3);
    --colors-green-outline-border: var(--colors-green-a7);
    --colors-green-outline-fg: var(--colors-green-a11);
    --colors-green-plain-bg-hover: var(--colors-green-a3);
    --colors-green-plain-bg-active: var(--colors-green-a4);
    --colors-green-plain-fg: var(--colors-green-a11);
    --colors-orange-1: #17120e;
    --colors-orange-2: #1e160f;
    --colors-orange-3: #331e0b;
    --colors-orange-4: #462100;
    --colors-orange-5: #562800;
    --colors-orange-6: #6f3100;
    --colors-orange-7: #8c3d00;
    --colors-orange-8: #b44c00;
    --colors-orange-9: #df5c00;
    --colors-orange-10: #f76b15;
    --colors-orange-11: #ff8b3e;
    --colors-orange-12: #ffe0c2;
    --colors-orange-default: var(--colors-orange-9);
    --colors-orange-emphasized: var(--colors-orange-10);
    --colors-orange-fg: white;
    --colors-orange-text: var(--colors-orange-11);
    --shadows-xs: 0px 1px 1px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-sm: 0px 2px 4px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-md: 0px 4px 8px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-lg: 0px 8px 16px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-xl: 0px 16px 24px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-2xl: 0px 24px 40px var(--colors-black-a8), 0px 0px 1px inset var(--colors-gray-a8);
    --shadows-inset: inset 8px 0 12px -8px var(--colors-black-a6)
}

  @keyframes spin {
    to {
      transform: rotate(360deg);
}
}

  @keyframes ping {
    75%,100% {
      transform: scale(2);
      opacity: 0;
}
}

  @keyframes expand-height {
    from {
      height: var(--sizes-0);
}

    to {
      height: var(--height);
}
}

  @keyframes collapse-height {
    from {
      height: var(--height);
}

    to {
      height: var(--sizes-0);
}
}

  @keyframes expand-width {
    from {
      width: var(--sizes-0);
}

    to {
      width: var(--width);
}
}

  @keyframes collapse-width {
    from {
      width: var(--width);
}

    to {
      width: var(--sizes-0);
}
}

  @keyframes fade-in {
    from {
      opacity: 0;
}

    to {
      opacity: 1;
}
}

  @keyframes fade-out {
    from {
      opacity: 1;
}

    to {
      opacity: 0;
}
}

  @keyframes slide-from-left-full {
    from {
      translate: -100% 0;
}

    to {
      translate: 0 0;
}
}

  @keyframes slide-from-right-full {
    from {
      translate: 100% 0;
}

    to {
      translate: 0 0;
}
}

  @keyframes slide-from-top-full {
    from {
      translate: 0 -100%;
}

    to {
      translate: 0 0;
}
}

  @keyframes slide-from-bottom-full {
    from {
      translate: 0 100%;
}

    to {
      translate: 0 0;
}
}

  @keyframes slide-to-left-full {
    from {
      translate: 0 0;
}

    to {
      translate: -100% 0;
}
}

  @keyframes slide-to-right-full {
    from {
      translate: 0 0;
}

    to {
      translate: 100% 0;
}
}

  @keyframes slide-to-top-full {
    from {
      translate: 0 0;
}

    to {
      translate: 0 -100%;
}
}

  @keyframes slide-to-bottom-full {
    from {
      translate: 0 0;
}

    to {
      translate: 0 100%;
}
}

  @keyframes slide-from-top {
    0% {
      translate: 0 -0.5rem;
}

    to {
      translate: 0;
}
}

  @keyframes slide-from-bottom {
    0% {
      translate: 0 0.5rem;
}

    to {
      translate: 0;
}
}

  @keyframes slide-from-left {
    0% {
      translate: -0.5rem 0;
}

    to {
      translate: 0;
}
}

  @keyframes slide-from-right {
    0% {
      translate: 0.5rem 0;
}

    to {
      translate: 0;
}
}

  @keyframes slide-to-top {
    0% {
      translate: 0;
}

    to {
      translate: 0 -0.5rem;
}
}

  @keyframes slide-to-bottom {
    0% {
      translate: 0;
}

    to {
      translate: 0 0.5rem;
}
}

  @keyframes slide-to-left {
    0% {
      translate: 0;
}

    to {
      translate: -0.5rem 0;
}
}

  @keyframes slide-to-right {
    0% {
      translate: 0;
}

    to {
      translate: 0.5rem 0;
}
}

  @keyframes scale-in {
    from {
      scale: 0.95;
}

    to {
      scale: 1;
}
}

  @keyframes scale-out {
    from {
      scale: 1;
}

    to {
      scale: 0.95;
}
}

  @keyframes bg-position {
    from {
      background-position: var(--animate-from, 1rem) 0;
}

    to {
      background-position: var(--animate-to, 0) 0;
}
}

  @keyframes position {
    from {
      inset-inline-start: var(--animate-from-x);
      inset-block-start: var(--animate-from-y);
}

    to {
      inset-inline-start: var(--animate-to-x);
      inset-block-start: var(--animate-to-y);
}
}

  @keyframes slideDown {
    from {
      overflow: hidden;
      opacity: 0;
      max-height: var(--sizes-0);
}

    to {
      overflow: visible;
      opacity: 1;
      max-height: 200px;
}
}

  @keyframes loading-progress {
    0% {
      transform: translateX(-100%);
}

    50% {
      transform: translateX(0%);
}

    100% {
      transform: translateX(100%);
}
}

  @keyframes pulse {
    0%,100% {
      opacity: 1;
}

    50% {
      opacity: 0.5;
}
}

  @keyframes shimmer {
    0% {
      background-position: -1000px 0;
}

    100% {
      background-position: 1000px 0;
}
}

  @keyframes bounce {
    0%,100% {
      transform: translateY(-25%);
      animation-timing-function: cubic-bezier(0.8,0,1,1);
}

    50% {
      transform: none;
      animation-timing-function: cubic-bezier(0,0,0.2,1);
}

    0%,80%,100% {
      transform: scale(0);
      opacity: 0.5;
}

    40% {
      transform: scale(1);
      opacity: 1;
}
}

  @keyframes slide-progress {
    0% {
      transform: translateX(-100%);
}

    100% {
      transform: translateX(350%);
}
}

  @keyframes fade-in-up {
    0% {
      opacity: 0;
      transform: translateY(30px);
}

    100% {
      opacity: 1;
      transform: translateY(0);
}
}

  @keyframes fade-in-down {
    0% {
      opacity: 0;
      transform: translateY(-30px);
}

    100% {
      opacity: 1;
      transform: translateY(0);
}
}

  @keyframes fade-in-left {
    0% {
      opacity: 0;
      transform: translateX(-30px);
}

    100% {
      opacity: 1;
      transform: translateX(0);
}
}

  @keyframes fade-in-right {
    0% {
      opacity: 0;
      transform: translateX(30px);
}

    100% {
      opacity: 1;
      transform: translateX(0);
}
}

  @keyframes zoom-in {
    0% {
      opacity: 0;
      transform: scale(0.9);
}

    100% {
      opacity: 1;
      transform: scale(1);
}
}

  @keyframes float {
    0%,100% {
      transform: translateY(0);
}

    50% {
      transform: translateY(-10px);
}
}

  @keyframes pulse-soft {
    0%,100% {
      opacity: 1;
      transform: scale(1);
}

    50% {
      opacity: 0.8;
      transform: scale(1.02);
}
}
}

@layer recipes{
  @layer _base{

    .button {
      border-radius: var(--radii-l2);
      gap: var(--spacing-2);
      outline: 0;
      transition-property: background-color, border-color, color, box-shadow;
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      align-items: center;
      appearance: none;
      -webkit-appearance: none;
      cursor: pointer;
      display: inline-flex;
      flex-shrink: 0;
      font-weight: var(--font-weights-semibold);
      isolation: isolate;
      justify-content: center;
      position: relative;
      --transition-prop: background-color, border-color, color, box-shadow;
      -webkit-user-select: none;
      user-select: none;
      vertical-align: middle;
      white-space: nowrap;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .button:is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .button :where(svg) {
      flex-shrink: 0;
}

    .button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .badge {
      display: inline-flex;
      align-items: center;
      line-height: 1;
      font-weight: var(--font-weights-medium);
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
      -webkit-user-select: none;
      user-select: none;
}

    .badge,.input {
      border-radius: var(--radii-l2);
}

    .input {
      outline: 0;
      transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      text-align: start;
      height: var(--input-height);
      min-height: var(--input-height);
      min-width: var(--input-height);
      width: 100%;
}

    .input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .icon {
      color: currentcolor;
      flex-shrink: 0;
      vertical-align: middle;
      line-height: 1em;
}

    .icon,.spinner {
      display: inline-block;
}

    .spinner {
      --spinner-track-color: transparent;
      animation: var(--animations-spin);
      border-color: currentColor;
      border-radius: var(--radii-full);
      border-style: solid;
      border-width: 2px;
      animation-duration: var(--durations-slowest);
      border-inline-start-color: var(--spinner-track-color);
      border-bottom-color: var(--spinner-track-color);
      height: var(--spinner-size);
      width: var(--spinner-size);
}

    .heading {
      font-weight: var(--font-weights-semibold);
}

    .link {
      border-radius: var(--radii-l1);
      gap: var(--spacing-1\.5);
      outline: var(--borders-none);
      align-items: center;
      cursor: pointer;
      display: inline-flex;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .link:is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .link {
      font-weight: var(--font-weights-medium);
      text-decoration-line: underline;
      text-decoration-thickness: 0.1em;
      text-underline-offset: 0.125em;
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: text-decoration-color;
      transition-property: text-decoration-color;
}

    .link :where(svg) {
      width: 1em;
      height: 1em;
}

    .textarea {
      border-radius: var(--radii-l2);
      outline: 0;
      transition-property: box-shadow, border-color;
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      --transition-prop: box-shadow, border-color;
      min-width: var(--sizes-0);
      width: 100%;
}

    .textarea:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .kbd {
      border-radius: var(--radii-l2);
      align-items: center;
      font-weight: var(--font-weights-medium);
      font-family: code;
      flex-shrink: 0;
      white-space: nowrap;
      word-spacing: -0.5em;
      -webkit-user-select: none;
      user-select: none;
      justify-content: center;
}

    .kbd,.group {
      display: inline-flex;
}

    .group {
      gap: var(--spacing-2);
      position: relative;
}

    .group > *:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
}

    .input-addon {
      flex: 0 0 auto;
      border-radius: var(--radii-l2);
      display: flex;
      align-items: center;
      white-space: nowrap;
      align-self: stretch;
      width: auto;
}

    .input-element {
      padding-inline: var(--spacing-3);
      color: var(--colors-fg-muted);
      z-index: 2;
      height: var(--sizes-full);
}

    .input-element,.absolute-center {
      align-items: center;
      display: flex;
      justify-content: center;
      position: absolute;
}
}

  .button--variant_subtle {
    background: var(--colors-color-palette-subtle-bg);
    color: var(--colors-color-palette-subtle-fg);
}

  .button--variant_subtle:is([data-state=on]) {
    background: var(--colors-color-palette-subtle-bg-active);
}

  .button--variant_subtle:not(:disabled):hover {
    background: var(--colors-color-palette-subtle-bg-hover);
}

  .button--variant_subtle:not(:disabled):active {
    background: var(--colors-color-palette-subtle-bg-active);
}

  .button--size_xs {
    padding-inline: var(--spacing-2\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    height: var(--sizes-8);
    min-width: var(--sizes-8);
}

  .button--size_xs :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .button--variant_outline {
    border-width: 1px;
    border-color: var(--colors-color-palette-outline-border);
    color: var(--colors-color-palette-outline-fg);
}

  .button--variant_outline:is([data-state=on]) {
    background: var(--colors-color-palette-outline-bg-active);
}

  .button--variant_outline:not(:disabled):hover {
    background: var(--colors-color-palette-outline-bg-hover);
}

  .button--variant_outline:not(:disabled):active {
    background: var(--colors-color-palette-outline-bg-active);
}

  .button--variant_solid {
    background: var(--colors-color-palette-solid-bg);
    color: var(--colors-color-palette-solid-fg);
}

  .button--variant_solid:not(:disabled):hover {
    background: var(--colors-color-palette-solid-bg-hover);
}

  .button--size_md {
    padding-inline: var(--spacing-3\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    height: var(--sizes-10);
    min-width: var(--sizes-10);
}

  .button--size_md :where(svg) {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .button--size_sm {
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    height: var(--sizes-9);
    min-width: var(--sizes-9);
}

  .button--size_sm :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .button--size_2xl {
    padding-inline: var(--spacing-6);
    font-size: var(--font-sizes-xl);
    line-height: 1.875rem;
    height: var(--sizes-16);
    min-width: var(--sizes-16);
}

  .button--size_2xl :where(svg) {
    width: var(--sizes-6);
    height: var(--sizes-6);
}

  .button--size_xl {
    padding-inline: var(--spacing-4\.5);
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
    height: var(--sizes-12);
    min-width: var(--sizes-12);
}

  .button--size_xl :where(svg) {
    width: var(--sizes-5\.5);
    height: var(--sizes-5\.5);
}

  .button--variant_plain {
    color: var(--colors-color-palette-plain-fg);
}

  .button--variant_plain:is([data-state=on]) {
    background: var(--colors-color-palette-plain-bg-active);
}

  .button--variant_plain:not(:disabled):hover {
    background: var(--colors-color-palette-plain-bg-hover);
}

  .button--variant_plain:not(:disabled):active {
    background: var(--colors-color-palette-plain-bg-active);
}

  .button--size_lg {
    padding-inline: var(--spacing-4);
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
    height: var(--sizes-11);
    min-width: var(--sizes-11);
}

  .button--size_lg :where(svg) {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .button--variant_surface {
    background: var(--colors-color-palette-surface-bg);
    border-width: 1px;
    border-color: var(--colors-color-palette-surface-border);
    color: var(--colors-color-palette-surface-fg);
}

  .button--variant_surface:is([data-state=on]) {
    background: var(--colors-color-palette-surface-bg-active);
}

  .button--variant_surface:not(:disabled):hover {
    border-color: var(--colors-color-palette-surface-border-hover);
}

  .button--variant_surface:not(:disabled):active {
    background: var(--colors-color-palette-surface-bg-active);
}

  .button--size_2xs {
    padding-inline: var(--spacing-2);
    font-size: var(--font-sizes-xs);
    line-height: 1.125rem;
    height: var(--sizes-6);
    min-width: var(--sizes-6);
}

  .button--size_2xs :where(svg) {
    width: var(--sizes-3\.5);
    height: var(--sizes-3\.5);
}

  .badge--variant_subtle {
    background: var(--colors-color-palette-subtle-bg);
    color: var(--colors-color-palette-subtle-fg);
}

  .badge--size_sm {
    padding-inline: var(--spacing-1\.5);
    gap: var(--spacing-0\.5);
    font-size: var(--font-sizes-xs);
    height: var(--sizes-4\.5);
}

  .badge--size_sm :where(svg) {
    width: var(--sizes-2\.5);
    height: var(--sizes-2\.5);
}

  .badge--variant_outline {
    border-width: 1px;
    border-color: var(--colors-color-palette-outline-border);
    color: var(--colors-color-palette-outline-fg);
}

  .badge--size_lg {
    padding-inline: var(--spacing-2\.5);
    gap: var(--spacing-1);
    font-size: var(--font-sizes-xs);
    height: var(--sizes-5\.5);
}

  .badge--size_lg :where(svg) {
    width: var(--sizes-3\.5);
    height: var(--sizes-3\.5);
}

  .badge--variant_solid {
    background: var(--colors-color-palette-solid-bg);
    color: var(--colors-color-palette-solid-fg);
}

  .badge--size_md {
    padding-inline: var(--spacing-2);
    gap: var(--spacing-1);
    font-size: var(--font-sizes-xs);
    height: var(--sizes-5);
}

  .badge--size_md :where(svg) {
    width: var(--sizes-3);
    height: var(--sizes-3);
}

  .badge--variant_surface {
    background: var(--colors-color-palette-surface-bg);
    border-width: 1px;
    border-color: var(--colors-color-palette-surface-border);
    color: var(--colors-color-palette-surface-fg);
}

  .input--size_sm {
    --input-height: var(--sizes-9);
    padding-inline: var(--spacing-2\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
}

  .input--variant_outline {
    border-width: 1px;
    border-color: var(--colors-gray-outline-border);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

  .input--variant_outline:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 0px;
    outline-width: var(--focus-ring-width, 1px);
    outline-color: var(--focus-ring-color);
    outline-style: var(--focus-ring-style, solid);
    border-color: var(--focus-ring-color);
}

  .input--variant_outline:is(:user-invalid, [data-invalid], [aria-invalid=true]) {
    border-color: var(--colors-error);
    --focus-ring-color-prop: var(--colors-error);
}

  .input--size_md {
    --input-height: var(--sizes-10);
    padding-inline: var(--spacing-3);
}

  .input--size_md,.input--size_lg {
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .input--size_lg {
    --input-height: var(--sizes-11);
    padding-inline: var(--spacing-3\.5);
}

  .input--size_xs {
    --input-height: var(--sizes-8);
    padding-inline: var(--spacing-2);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
}

  .icon--size_md {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .spinner--size_xl {
    --spinner-size: var(--sizes-7);
}

  .spinner--size_xs {
    --spinner-size: var(--sizes-3);
}

  .spinner--size_sm {
    --spinner-size: var(--sizes-4);
}

  .spinner--size_lg {
    --spinner-size: var(--sizes-6);
}

  .spinner--size_md {
    --spinner-size: var(--sizes-5);
}

  .spinner--size_inherit {
    --spinner-size: 1em;
}

  .link--variant_underline {
    --mix-textDecorationColor: color-mix(in srgb, var(--colors-color-palette-surface-fg) 60%, transparent);
    text-decoration-color: var(--mix-textDecorationColor, var(--colors-color-palette-surface-fg));
}

  .link--variant_underline:not(:disabled):hover {
    text-decoration-color: var(--colors-color-palette-surface-fg);
}

  .textarea--size_md {
    padding-inline: var(--spacing-3);
    padding-block: 7px;
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
    scroll-padding-bottom: 7px;
}

  .textarea--variant_surface {
    background: var(--colors-gray-surface-bg);
    border-width: 1px;
    border-color: var(--colors-gray-surface-border);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

  .textarea--variant_surface:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 0px;
    outline-width: var(--focus-ring-width, 1px);
    outline-color: var(--focus-ring-color);
    outline-style: var(--focus-ring-style, solid);
    border-color: var(--focus-ring-color);
}

  .textarea--variant_surface:is(:user-invalid, [data-invalid], [aria-invalid=true]) {
    border-color: var(--colors-error);
    --focus-ring-color-prop: var(--colors-error);
}

  .textarea--size_sm {
    padding-inline: var(--spacing-2\.5);
    padding-block: 7px;
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    scroll-padding-bottom: 7px;
}

  .skeleton--variant_pulse {
    background: var(--colors-gray-subtle-bg-active);
    animation: var(--animations-pulse);
    animation-duration: var(--duration, 1.2s);
}

  .skeleton--loading_true {
    border-radius: var(--radii-l2);
    box-shadow: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    cursor: default;
    color: var(--colors-transparent);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
}

  .skeleton--loading_true::before,.skeleton--loading_true::after,.skeleton--loading_true * {
    visibility: hidden;
}

  .kbd--size_md {
    padding-inline: var(--spacing-1);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    height: var(--sizes-5);
    min-width: var(--sizes-5);
}

  .kbd--variant_subtle {
    background: var(--colors-color-palette-subtle-bg);
    color: var(--colors-color-palette-subtle-fg);
}

  .group--orientation_horizontal {
    flex-direction: row;
}

  .input-addon--size_md {
    --input-height: var(--sizes-10);
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .input-addon--variant_outline {
    border-width: 1px;
    border-color: var(--colors-color-palette-outline-border);
}

  .input-element--placement_end {
    inset-inline-end: var(--spacing-0);
}

  .absolute-center--axis_both {
    inset-inline-start: 50%;
    translate: -50% -50%;
    top: 50%;
}

  :where([dir=rtl], :dir(rtl)) .absolute-center--axis_both {
    translate: 50% -50%;
}
}

@layer recipes.slots{
  @layer _base{

    .select__label {
      font-weight: var(--font-weights-medium);
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .select__label,.select__trigger {
      -webkit-user-select: none;
      user-select: none;
}

    .select__trigger {
      border-radius: var(--radii-l2);
      outline: 0;
      transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter);
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      align-items: center;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      text-align: start;
      min-width: var(--sizes-0);
      width: var(--sizes-full);
}

    .select__trigger:is(:placeholder-shown, [data-placeholder-shown]) {
      color: var(--colors-fg-subtle);
}

    .select__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .select__indicator {
      justify-content: center;
      color: var(--colors-fg-subtle);
}

    .select__indicator,.select__item {
      display: flex;
      align-items: center;
}

    .select__item {
      border-radius: var(--radii-l1);
      cursor: pointer;
      justify-content: space-between;
      -webkit-user-select: none;
      user-select: none;
}

    .select__item[data-highlighted] {
      background: var(--colors-gray-surface-bg-hover);
}

    .select__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .select__item:not(:disabled):hover {
      background: var(--colors-gray-surface-bg-hover);
}

    .select__itemIndicator {
      color: var(--colors-color-palette-plain-fg);
}

    .select__itemGroupLabel {
      gap: 1px;
      align-items: flex-start;
      color: var(--colors-fg-subtle);
      display: flex;
      flex-direction: column;
      font-weight: var(--font-weights-medium);
      justify-content: center;
}

    .select__itemGroupLabel::after {
      background: var(--colors-gray-4);
      content: "";
      width: 100%;
      height: 1px;
}

    .select__content {
      background: var(--colors-gray-surface-bg);
      border-radius: var(--radii-l2);
      outline: 0;
      box-shadow: var(--shadows-md);
      display: flex;
      flex-direction: column;
      z-index: var(--z-index-dropdown);
      max-height: min(var(--available-height), var(--sizes-96));
      min-width: max(var(--reference-width), var(--sizes-40));
      overflow-y: auto;
}

    .select__content:is([open], [data-open], [data-state="open"], :popover-open) {
      transform-origin: var(--transform-origin);
}

    .select__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=top] {
      animation-name: slide-from-bottom, fade-in;
}

    .select__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=bottom] {
      animation-name: slide-from-top, fade-in;
}

    .select__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=left] {
      animation-name: slide-from-right, fade-in;
}

    .select__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=right] {
      animation-name: slide-from-left, fade-in;
}

    .select__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-duration: var(--durations-slow);
}

    .select__content:is([closed], [data-closed], [data-state="closed"]) {
      transform-origin: var(--transform-origin);
}

    .select__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=top] {
      animation-name: slide-to-bottom, fade-out;
}

    .select__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=bottom] {
      animation-name: slide-to-top, fade-out;
}

    .select__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=left] {
      animation-name: slide-to-right, fade-out;
}

    .select__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=right] {
      animation-name: slide-to-left, fade-out;
}

    .select__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-duration: var(--durations-fastest);
}

    .select__root {
      gap: var(--spacing-1\.5);
      display: flex;
      flex-direction: column;
      width: var(--sizes-full);
}

    .select__valueText {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}

    .select__indicatorGroup {
      gap: var(--spacing-1);
      display: flex;
      align-items: center;
      pointer-events: none;
}

    .checkbox__root {
      gap: var(--spacing-2);
      display: inline-flex;
      align-items: center;
      vertical-align: top;
      position: relative;
      cursor: pointer;
}

    .checkbox__root:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .checkbox__label {
      font-weight: var(--font-weights-medium);
      -webkit-user-select: none;
      user-select: none;
}

    .checkbox__control {
      background: var(--colors-white);
      border-width: 1px;
      border-color: border;
      border-radius: var(--radii-l1);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      cursor: pointer;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .checkbox__control:is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .checkbox__control :where(svg) {
      width: var(--sizes-full);
      height: var(--sizes-full);
}

    .popover__arrow {
      --arrow-size: var(--sizes-3);
      --arrow-background: var(--popover-bg);
}

    .popover__arrowTip {
      border-inline-start-width: 0.5px;
      border-top-width: 0.5px;
}

    .popover__content {
      --popover-bg: var(--colors-gray-surface-bg);
      --popover-padding: var(--spacing-4);
      background: var(--popover-bg);
      border-radius: var(--radii-l3);
      outline: 0;
      box-shadow: var(--shadows-lg);
      display: flex;
      flex-direction: column;
      position: relative;
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      transform-origin: var(--transform-origin);
      z-index: calc(var(--z-index-popover) + var(--layer-index, 0));
      max-height: var(--available-height);
      width: var(--sizes-xs);
}

    .popover__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: scale-in, fade-in;
      animation-duration: var(--durations-fast);
}

    .popover__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: scale-out, fade-out;
      animation-duration: var(--durations-faster);
}

    .popover__title {
      color: var(--colors-fg-default);
      font-weight: var(--font-weights-medium);
      font-size: var(--font-sizes-md);
      line-height: 1.5rem;
}

    .popover__description {
      color: var(--colors-fg-muted);
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .popover__closeTrigger {
      position: absolute;
      top: var(--spacing-1);
      right: var(--spacing-1);
}

    .popover__header {
      padding-inline: var(--popover-padding);
      display: flex;
      flex-direction: column;
      padding-top: var(--popover-padding);
}

    .popover__body {
      padding: var(--popover-padding);
      flex: 1 1 0%;
      display: flex;
      flex-direction: column;
}

    .popover__footer {
      gap: var(--spacing-3);
      padding-inline: var(--popover-padding);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: var(--popover-padding);
}

    .avatar__root {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: var(--font-weights-medium);
      position: relative;
      vertical-align: top;
      flex-shrink: 0;
      -webkit-user-select: none;
      user-select: none;
      font-size: var(--avatar-font-size);
      width: var(--avatar-size);
      height: var(--avatar-size);
}

    .avatar__root,.avatar__image {
      border-radius: var(--avatar-radius);
}

    .avatar__image {
      object-fit: cover;
      width: 100%;
      height: 100%;
}

    .avatar__fallback {
      border-radius: var(--avatar-radius);
      line-height: 1;
      text-transform: uppercase;
      font-weight: var(--font-weights-medium);
      font-size: var(--avatar-font-size);
}

    .dialog__backdrop {
      background: var(--colors-black-a7);
      position: fixed;
      z-index: var(--z-index);
      height: 100dvh;
      left: var(--spacing-0);
      top: var(--spacing-0);
      width: 100dvw;
}

    .dialog__backdrop:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: fade-in;
      animation-timing-function: emphasized-in;
      animation-duration: var(--durations-normal);
}

    .dialog__backdrop:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: fade-out;
      animation-timing-function: emphasized-out;
      animation-duration: var(--durations-fast);
      pointer-events: none;
}

    .dialog__positioner {
      justify-content: center;
      position: fixed;
      height: 100dvh;
      left: var(--spacing-0);
      overscroll-behavior-y: none;
      top: var(--spacing-0);
      width: 100dvw;
}

    .dialog__positioner,.dialog__content {
      --dialog-z-index: var(--z-index-modal);
      display: flex;
      z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
}

    .dialog__content {
      background: var(--colors-gray-surface-bg);
      border-radius: var(--radii-l3);
      margin-block: var(--dialog-margin, var(--dialog-base-margin));
      outline: 0;
      padding-block: var(--spacing-4);
      gap: var(--spacing-4);
      box-shadow: var(--shadows-lg);
      flex-direction: column;
      position: relative;
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      width: 100%;
}

    .dialog__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-duration: var(--durations-slowest);
}

    .dialog__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-duration: var(--durations-normal);
}

    .dialog__title {
      font-weight: var(--font-weights-semibold);
      font-size: var(--font-sizes-lg);
      line-height: 1.75rem;
}

    .dialog__description {
      color: var(--colors-fg-muted);
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .dialog__closeTrigger {
      position: absolute;
      inset-inline-end: var(--spacing-3);
      cursor: pointer;
      top: var(--spacing-3);
}

    .dialog__header {
      gap: var(--spacing-0\.5);
      flex: 0;
      flex-direction: column;
}

    .dialog__header,.dialog__body {
      padding-inline: var(--spacing-4);
      display: flex;
}

    .dialog__body {
      flex: 1 1 0%;
      flex-direction: column;
      align-items: flex-start;
}

    .dialog__footer {
      flex: 0;
      gap: var(--spacing-3);
      padding-inline: var(--spacing-4);
      display: flex;
      align-items: center;
      justify-content: flex-end;
}

    .field__root {
      gap: var(--spacing-1\.5);
      display: flex;
      flex-direction: column;
}

    .field__errorText {
      color: var(--colors-error);
}

    .field__errorText,.field__helperText {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .field__helperText {
      color: var(--colors-fg-muted);
}

    .field__helperText:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .field__label {
      gap: var(--spacing-0\.5);
      align-items: center;
      color: var(--colors-fg-default);
      display: flex;
      text-align: start;
      -webkit-user-select: none;
      user-select: none;
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      font-weight: var(--font-weights-medium);
}

    .field__label:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .field__requiredIndicator {
      color: colorPalette.solid;
}

    .card__root {
      border-radius: var(--radii-l3);
      overflow: hidden;
      position: relative;
}

    .card__root,.card__header {
      display: flex;
      flex-direction: column;
}

    .card__header {
      padding: var(--spacing-6);
      gap: var(--spacing-1);
}

    .card__body {
      flex: 1 1 0%;
      flex-direction: column;
}

    .card__body,.card__footer {
      padding-inline: var(--spacing-6);
      display: flex;
      padding-bottom: var(--spacing-6);
}

    .card__footer {
      gap: var(--spacing-3);
      justify-content: flex-end;
      padding-top: var(--spacing-2);
}

    .card__title {
      font-size: var(--font-sizes-lg);
      line-height: 1.75rem;
      font-weight: var(--font-weights-semibold);
}

    .card__description {
      color: var(--colors-fg-muted);
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .tabs__root {
      position: relative;
      display: flex;
      align-items: start;
}

    .tabs__root[data-orientation=horizontal] {
      gap: var(--spacing-2);
      flex-direction: column;
}

    .tabs__root[data-orientation=vertical] {
      gap: var(--spacing-4);
      flex-direction: row;
}

    .tabs__list {
      display: flex;
      position: relative;
      isolation: isolate;
}

    .tabs__list[data-orientation=horizontal] {
      flex-direction: row;
}

    .tabs__list[data-orientation=vertical] {
      flex-direction: column;
}

    .tabs__trigger {
      outline: 0;
      align-items: center;
      cursor: pointer;
      display: flex;
      font-weight: var(--font-weights-semibold);
      position: relative;
}

    .tabs__trigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .tabs__trigger:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .tabs__trigger:is(:focus-visible, [data-focus-visible]):is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .tabs__content {
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .tabs__content:is(:focus-visible, [data-focus-visible]) {
      outline-offset: 0px;
      outline-width: var(--focus-ring-width, 1px);
      outline-color: var(--focus-ring-color);
      outline-style: var(--focus-ring-style, solid);
      border-color: var(--focus-ring-color);
}

    .tabs__content[data-orientation=horizontal] {
      width: 100%;
}

    .tabs__content[data-orientation=vertical] {
      height: 100%;
}

    .tabs__indicator {
      z-index: -1;
      width: var(--width);
      height: var(--height);
}

    .table__root {
      border-collapse: collapse;
      font-variant-numeric: lining-nums tabular-nums;
      text-align: start;
      vertical-align: top;
      width: var(--sizes-full);
}

    .table__cell {
      overflow: hidden;
      border-bottom: 1px solid;
      border-color: var(--colors-gray-200);
      align-items: center;
      color: var(--colors-fg-muted);
      text-align: start;
      text-overflow: ellipsis;
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      white-space: nowrap;
}

    .table__cell:is([data-pinned]) {
      background: inherit;
      border-bottom: 1px solid;
      border-color: var(--colors-gray-200);
      overflow: unset;
      position: sticky;
      z-index: 1;
}

    .table__foot {
      font-weight: var(--font-weights-medium);
}

    .table__foot td {
      box-shadow: inset 0 1px 0 0 var(--shadow-color) !important;
      --shadow-color: border;
}

    .table__head {
      color: var(--colors-gray-800);
      font-weight: var(--font-weights-semibold);
      text-align: start;
      white-space: nowrap;
      font-size: var(--font-sizes-xs);
      line-height: 1.125rem;
}

    .table__header {
      border-bottom: 1px solid;
      border-color: var(--colors-gray-200);
      text-align: left;
      vertical-align: middle;
}

    .table__header:is([data-pinned]) {
      background: inherit;
      position: sticky;
      z-index: 2;
}

    .table__row:last-child td {
      border-bottom: var(--borders-none);
}

    .table__caption {
      color: var(--colors-fg-subtle);
      font-weight: var(--font-weights-medium);
}

    .toast__root {
      background: var(--colors-gray-surface-bg);
      padding: var(--spacing-4);
      border-radius: var(--radii-l3);
      gap: var(--spacing-4);
      align-items: start;
      box-shadow: var(--shadows-lg);
      display: flex;
      opacity: var(--opacity);
      overflow-wrap: anywhere;
      position: relative;
      scale: var(--scale);
      --transition-duration: var(--durations-slow);
      transition-duration: var(--durations-slow);
      --transition-prop: translate, scale, opacity, height;
      transition-property: translate, scale, opacity, height;
      --transition-easing: var(--easings-default);
      transition-timing-function: var(--easings-default);
      translate: var(--x) var(--y);
      will-change: translate, opacity, scale;
      z-index: var(--z-index);
      height: var(--height);
      min-width: var(--sizes-sm);
      width: var(--sizes-full);
}

    .toast__title {
      color: var(--colors-fg-default);
      font-weight: var(--font-weights-medium);
}

    .toast__title,.toast__description {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .toast__description {
      color: var(--colors-fg-muted);
}

    .toast__actionTrigger {
      color: var(--colors-color-palette-plain-fg);
      cursor: pointer;
      font-weight: var(--font-weights-semibold);
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .toast__closeTrigger {
      position: absolute;
      inset-inline-end: var(--spacing-2);
      top: var(--spacing-2);
}

    .switch__root {
      --switch-diff: calc(var(--switch-width) - var(--switch-height));
      --switch-x: var(--switch-diff);
      display: inline-flex;
      align-items: center;
      position: relative;
      vertical-align: middle;
}

    :where([dir=rtl], :dir(rtl)) .switch__root {
      --switch-x: calc(var(--switch-diff) * -1);
}

    .switch__label {
      font-weight: var(--font-weights-medium);
      -webkit-user-select: none;
      user-select: none;
      line-height: 1;
}

    .switch__control {
      gap: 0.5rem;
      border-radius: var(--radii-full);
      transition: backgrounds;
      display: inline-flex;
      flex-shrink: 0;
      justify-content: flex-start;
      cursor: pointer;
      position: relative;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .switch__control:is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .switch__control {
      width: var(--switch-width);
      height: var(--switch-height);
}

    .switch__control:is(:user-invalid, [data-invalid], [aria-invalid=true]) {
      outline: 2px solid;
      outline-color: var(--colors-error);
      outline-offset: 2px;
}

    .switch__control:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .switch__thumb {
      border-radius: inherit;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      --transition-prop: translate;
      transition-property: translate;
      --transition-duration: var(--durations-fast);
      transition-duration: var(--durations-fast);
}

    .switch__thumb:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
      translate: var(--switch-x) 0;
}

    .switch__indicator {
      place-content: center;
      transition: inset-inline-start 0.12s ease;
      position: absolute;
      font-size: var(--switch-indicator-font-size);
      font-weight: var(--font-weights-medium);
      flex-shrink: 0;
      -webkit-user-select: none;
      user-select: none;
      display: grid;
      inset-inline-start: calc(var(--switch-x) - 2px);
      height: var(--switch-height);
      width: var(--switch-height);
}

    .switch__indicator:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
      inset-inline-start: 2px;
}

    .tooltip__arrow {
      --arrow-size: var(--sizes-2);
      --arrow-background: var(--tooltip-bg);
}

    .tooltip__arrowTip {
      border-color: var(--tooltip-bg);
      border-inline-start-width: 1px;
      border-top-width: 1px;
}

    .tooltip__positioner {
      --z-index: var(--z-index-tooltip) !important;
}

    .tooltip__content {
      --tooltip-bg: var(--colors-gray-solid-bg);
      background: var(--tooltip-bg);
      border-radius: var(--radii-l2);
      padding-inline: var(--spacing-2);
      padding-block: var(--spacing-1\.5);
      color: var(--colors-gray-solid-fg);
      box-shadow: var(--shadows-sm);
      font-weight: var(--font-weights-semibold);
      font-size: var(--font-sizes-xs);
      line-height: 1.125rem;
      max-width: var(--sizes-xs);
}

    .tooltip__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: scale-in, fade-in;
      animation-duration: var(--durations-fast);
}

    .tooltip__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: scale-out, fade-out;
      animation-duration: var(--durations-faster);
}

    .progress__root {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      position: relative;
}

    .progress__label {
      gap: var(--spacing-1);
      display: inline-flex;
      font-weight: var(--font-weights-medium);
      align-items: center;
}

    .progress__track {
      overflow: hidden;
      position: relative;
}

    .progress__range {
      display: flex;
      align-items: center;
      justify-content: center;
      --transition-prop: width, height;
      transition-property: width, height;
      --transition-duration: var(--durations-slow);
      transition-duration: var(--durations-slow);
      background-color: var(--track-color);
      height: 100%;
}

    .progress__range:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"]) {
      --animate-from-x: -40%;
      --animate-to-x: 100%;
      animation: position 1s ease infinite normal none running;
      position: absolute;
      will-change: left;
      background-image: linear-gradient(to right, transparent 0%, var(--track-color) 50%, transparent 100%);
      min-width: 50%;
}

    .progress__valueText {
      font-size: var(--font-sizes-xs);
      line-height: 1;
      font-weight: var(--font-weights-medium);
}

    .menu__content {
      --menu-z-index: var(--z-index-dropdown);
      background: var(--colors-gray-surface-bg);
      border-radius: var(--radii-l3);
      outline: 0;
      overflow: hidden;
      box-shadow: var(--shadows-sm);
      display: flex;
      flex-direction: column;
      position: relative;
      z-index: calc(var(--menu-z-index) + var(--layer-index, 0));
      max-height: min(var(--available-height), var(--sizes-96));
      min-width: max(var(--reference-width), var(--sizes-40));
      overflow-y: auto;
}

    .menu__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: slide-from-bottom, fade-in;
      animation-duration: var(--durations-fast);
}

    .menu__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: slide-to-bottom, fade-out;
      animation-duration: var(--durations-faster);
}

    .menu__item {
      border-radius: var(--radii-l2);
      flex: 0 0 auto;
      outline: 0;
      text-decoration: none;
      align-items: center;
      cursor: pointer;
      display: flex;
      text-align: start;
      -webkit-user-select: none;
      user-select: none;
      width: 100%;
}

    .menu__item[data-highlighted] {
      background: var(--colors-gray-surface-bg-hover);
}

    .menu__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .menu__itemGroupLabel {
      gap: 1px;
      align-items: flex-start;
      color: var(--colors-fg-subtle);
      display: flex;
      flex-direction: column;
      font-weight: var(--font-weights-medium);
      justify-content: center;
}

    .menu__itemGroupLabel::after {
      background: border;
      content: "";
      width: 100%;
      height: 1px;
}

    .menu__itemIndicator {
      flex: 1 1 0%;
      justify-content: flex-end;
      display: flex;
}

    .menu__itemIndicator:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) :where(svg) {
      color: var(--colors-color-palette-plain-fg);
}

    .menu__trigger:is(:focus-visible, [data-focus-visible]) {
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .menu__trigger:is(:focus-visible, [data-focus-visible]):is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .combobox__root {
      gap: var(--spacing-1\.5);
      display: flex;
      flex-direction: column;
      width: var(--sizes-full);
}

    .combobox__clearTrigger {
      color: var(--colors-fg-muted);
}

    .combobox__content {
      background: var(--colors-gray-surface-bg);
      border-radius: var(--radii-l2);
      outline: 0;
      box-shadow: var(--shadows-md);
      display: flex;
      flex-direction: column;
      z-index: var(--z-index-dropdown);
      max-height: min(var(--available-height), var(--sizes-96));
      min-width: max(var(--reference-width), var(--sizes-40));
      overflow-y: auto;
}

    .combobox__content:is([open], [data-open], [data-state="open"], :popover-open) {
      transform-origin: var(--transform-origin);
}

    .combobox__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=top] {
      animation-name: slide-from-bottom, fade-in;
}

    .combobox__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=bottom] {
      animation-name: slide-from-top, fade-in;
}

    .combobox__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=left] {
      animation-name: slide-from-right, fade-in;
}

    .combobox__content:is([open], [data-open], [data-state="open"], :popover-open)[data-placement^=right] {
      animation-name: slide-from-left, fade-in;
}

    .combobox__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-duration: var(--durations-slow);
}

    .combobox__content:is([closed], [data-closed], [data-state="closed"]) {
      transform-origin: var(--transform-origin);
}

    .combobox__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=top] {
      animation-name: slide-to-bottom, fade-out;
}

    .combobox__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=bottom] {
      animation-name: slide-to-top, fade-out;
}

    .combobox__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=left] {
      animation-name: slide-to-right, fade-out;
}

    .combobox__content:is([closed], [data-closed], [data-state="closed"])[data-placement^=right] {
      animation-name: slide-to-left, fade-out;
}

    .combobox__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-duration: var(--durations-fastest);
}

    .combobox__content[data-empty]:not(:has([data-scope=combobox][data-part=empty])) {
      opacity: 0;
}

    .combobox__control,.combobox__input {
      position: relative;
}

    .combobox__input {
      border-radius: var(--radii-l2);
      outline: 0;
      transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      overflow: hidden;
      appearance: none;
      -webkit-appearance: none;
      text-align: start;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: var(--input-height);
      min-height: var(--input-height);
      min-width: var(--input-height);
      width: 100%;
}

    .combobox__input:is(:user-invalid, [data-invalid], [aria-invalid=true]) {
      border-color: var(--colors-error);
      --focus-ring-color-prop: var(--colors-error);
}

    .combobox__input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .combobox__item {
      border-radius: var(--radii-l1);
      align-items: center;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
}

    .combobox__item[data-highlighted] {
      background: var(--colors-gray-surface-bg-hover);
}

    .combobox__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .combobox__item:not(:disabled):hover {
      background: var(--colors-gray-surface-bg-hover);
}

    .combobox__itemGroup,.combobox__itemGroupLabel {
      display: flex;
      flex-direction: column;
}

    .combobox__itemGroupLabel {
      gap: 1px;
      align-items: flex-start;
      color: var(--colors-fg-subtle);
      font-weight: var(--font-weights-medium);
      justify-content: center;
}

    .combobox__itemGroupLabel::after {
      background: border;
      content: "";
      width: 100%;
      height: 1px;
}

    .combobox__itemIndicator {
      color: var(--colors-color-palette-plain-fg);
}

    .combobox__label {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      font-weight: var(--font-weights-medium);
}

    .combobox__trigger {
      color: var(--colors-fg-subtle);
}

    .combobox__empty {
      color: var(--colors-fg-subtle);
}

    .combobox__empty,.combobox__indicatorGroup {
      display: flex;
      align-items: center;
}

    .combobox__indicatorGroup {
      gap: var(--spacing-1);
      justify-content: center;
      position: absolute;
      inset-inline-end: var(--spacing-0);
      top: var(--spacing-0);
      bottom: var(--spacing-0);
}

    .clipboard__root {
      gap: var(--spacing-1\.5);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
}

    .clipboard__label {
      gap: var(--spacing-0\.5);
      font-weight: var(--font-weights-medium);
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      color: var(--colors-fg-default);
}

    .collapsible__content {
      overflow: hidden;
}

    .collapsible__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: expand-height, fade-in;
      animation-duration: var(--durations-slow);
}

    .collapsible__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: collapse-height, fade-out;
      animation-duration: var(--durations-normal);
}

    .file-upload__root {
      gap: var(--spacing-1\.5);
      align-items: flex-start;
      width: var(--sizes-full);
}

    .file-upload__root,.file-upload__dropzone {
      display: flex;
      flex-direction: column;
}

    .file-upload__dropzone {
      background: var(--colors-gray-surface-bg);
      border-radius: var(--radii-l3);
      border-style: dashed;
      border-width: 2px;
      transition: backgrounds;
      align-items: center;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .file-upload__dropzone:is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .file-upload__dropzone {
      justify-content: center;
      width: var(--sizes-full);
}

    .file-upload__dropzone[data-dragging] {
      background: var(--colors-gray-surface-bg-hover);
      border-style: solid;
      border-color: var(--colors-color-palette-solid-bg);
}

    .file-upload__item {
      background: var(--colors-gray-surface-bg);
      border-radius: var(--radii-l3);
      border-width: 1px;
      align-items: start;
      animation-duration: var(--durations-normal);
      animation-name: fade-in;
      display: flex;
      position: relative;
      width: var(--sizes-full);
}

    .file-upload__itemDeleteTrigger {
      color: var(--colors-fg-subtle);
}

    .file-upload__itemGroup {
      display: flex;
      align-items: start;
      flex-direction: column;
      width: var(--sizes-full);
}

    .file-upload__itemName {
      color: var(--colors-fg-default);
      font-weight: var(--font-weights-medium);
}

    .file-upload__itemPreviewImage {
      border-radius: var(--radii-l2);
      aspect-ratio: 1;
      object-fit: cover;
      max-width: var(--sizes-20);
}

    .file-upload__itemSizeText {
      color: var(--colors-fg-muted);
}

    .file-upload__label {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      font-weight: var(--font-weights-medium);
}

    .segment-group__root {
      border-radius: var(--radii-l3);
      box-shadow: inset 0 0 0px 1px var(--shadow-color);
      --shadow-color: border;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      isolation: isolate;
      position: relative;
}

    :root .segment-group__root,.light .segment-group__root {
      background: var(--colors-gray-2);
}

    .dark .segment-group__root {
      background: var(--colors-gray-1);
}

    .segment-group__root[data-orientation=vertical] {
      flex-direction: column;
      align-items: stretch;
}

    .segment-group__item {
      border-radius: var(--radii-l3);
      gap: var(--spacing-2);
      align-items: center;
      display: inline-flex;
      flex-shrink: 0;
      font-weight: var(--font-weights-medium);
      justify-content: center;
      position: relative;
      -webkit-user-select: none;
      user-select: none;
}

    .segment-group__item::before {
      background: var(--colors-gray-surface-border);
      transition: opacity 0.2s;
      content: "";
      position: absolute;
}

    .segment-group__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: 0.5;
}

    .segment-group__item:has(input:focus-visible) {
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .segment-group__item:has(input:focus-visible):is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .segment-group__item[data-orientation=horizontal]::before {
      inset-block: var(--spacing-1\.5);
      inset-inline-start: var(--spacing-0);
      width: 1px;
}

    .segment-group__item[data-orientation=vertical]::before {
      inset-inline: var(--spacing-1\.5);
      inset-block-start: var(--spacing-0);
      height: 1px;
}

    .segment-group__item + .segment-group__item[data-state=checked]::before,.segment-group__item[data-state=checked] + .segment-group__item::before,.segment-group__item:first-of-type::before {
      opacity: 0;
}

    .segment-group__indicator {
      border-width: 1px;
      border-color: var(--colors-gray-surface-border);
      border-radius: var(--radii-l3);
      position: absolute;
      z-index: -1;
      height: var(--height);
      width: var(--width);
}

    :root .segment-group__indicator,.light .segment-group__indicator {
      background: var(--colors-white);
}

    .dark .segment-group__indicator {
      background: var(--colors-gray-2);
}

    .number-input__root {
      isolation: isolate;
      position: relative;
}

    .number-input__root:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .number-input__label {
      color: var(--colors-fg-default);
      font-weight: var(--font-weights-medium);
}

    .number-input__input {
      border-radius: var(--radii-l2);
      outline: 0;
      transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      text-align: start;
      vertical-align: top;
      padding-inline-end: calc(var(--stepper-width) + 0.5rem);
      height: var(--input-height);
      min-height: var(--input-height);
      min-width: var(--input-height);
      width: 100%;
}

    .number-input__input:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .number-input__control {
      margin: 1px;
      border-inline-start-width: var(--colors-border-width, 1px);
      display: flex;
}

    .number-input__control > :not([hidden]) ~ :not([hidden]) {
      border-top-width: var(--colors-border-width, 1px);
      border-bottom-width: 0px;
}

    .number-input__control {
      flex-direction: column;
      inset-inline-end: 0px;
      position: absolute;
      z-index: 1;
      height: calc(100% - 2px);
      top: var(--spacing-0);
      width: var(--stepper-width);
}

    .number-input__incrementTrigger {
      flex: 1 1 0%;
      transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter);
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      align-items: center;
      color: var(--colors-fg-muted);
      cursor: pointer;
      display: flex;
      justify-content: center;
      line-height: 1;
      -webkit-user-select: none;
      user-select: none;
      border-top-right-radius: var(--radii-l2);
}

    .number-input__incrementTrigger :where(svg) {
      width: 1em;
      height: 1em;
}

    .number-input__incrementTrigger:not(:disabled):hover {
      background: var(--colors-gray-surface-bg-hover);
}

    .number-input__incrementTrigger:not(:disabled):active {
      background: var(--colors-gray-surface-bg-active);
}

    .number-input__decrementTrigger {
      flex: 1 1 0%;
      transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter);
      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
      transition-duration: var(--transition-duration, 150ms);
      align-items: center;
      color: var(--colors-fg-muted);
      cursor: pointer;
      display: flex;
      justify-content: center;
      line-height: 1;
      -webkit-user-select: none;
      user-select: none;
      border-bottom-right-radius: var(--radii-l2);
}

    .number-input__decrementTrigger :where(svg) {
      width: 1em;
      height: 1em;
}

    .number-input__decrementTrigger:not(:disabled):hover {
      background: var(--colors-gray-surface-bg-hover);
}

    .number-input__decrementTrigger:not(:disabled):active {
      background: var(--colors-gray-surface-bg-active);
}

    .scroll-area__root {
      --scrollbar-margin: 0px;
      --scrollbar-size: calc(var(--thumb-size) + calc(var(--scrollbar-margin) * 2));
      overflow: hidden;
      position: relative;
}

    .scroll-area__root,.scroll-area__viewport {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
}

    .scroll-area__viewport {
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
}

    .scroll-area__viewport::-webkit-scrollbar {
      display: none;
}

    .scroll-area__viewport[data-overflow-x] [data-pinned]::after {
      content: "";
      position: absolute;
      pointer-events: none;
      top: var(--spacing-0);
      bottom: -1px;
      width: 32px;
}

    .scroll-area__viewport[data-overflow-x]:not([data-at-left]) [data-pinned="left"]::after {
      inset-inline-end: var(--spacing-0);
      translate: 100% 0;
      box-shadow: var(--shadows-inset);
}

    .scroll-area__scrollbar {
      align-items: center;
      display: flex;
      position: relative;
      touch-action: none;
      -webkit-user-select: none;
      user-select: none;
      z-index: var(--z-index-overlay);
}

    .scroll-area__scrollbar[data-orientation=vertical] {
      padding-block: var(--scrollbar-margin);
      flex-direction: column;
      width: var(--scrollbar-size);
}

    .scroll-area__scrollbar[data-orientation=vertical]:not([data-overflow-y]) {
      display: none;
}

    .scroll-area__scrollbar[data-orientation=horizontal] {
      padding-inline: var(--scrollbar-margin);
      flex-direction: row;
      height: var(--scrollbar-size);
}

    .scroll-area__scrollbar[data-orientation=horizontal]:not([data-overflow-x]) {
      display: none;
}

    .scroll-area__thumb {
      background: var(--thumb-bg);
      border-radius: var(--radii-full);
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: background, color, box-shadow;
      transition-property: background, color, box-shadow;
      --transition-easing: var(--easings-default);
      transition-timing-function: var(--easings-default);
}

    .scroll-area__thumb[data-orientation=vertical] {
      width: var(--thumb-size);
}

    .scroll-area__thumb[data-orientation=horizontal] {
      height: var(--thumb-size);
}

    .carousel__root {
      gap: var(--spacing-2);
      position: relative;
      display: flex;
      flex-direction: column;
}

    .carousel__root[data-orientation=vertical] {
      flex-direction: row;
}

    .carousel__itemGroup {
      flex: 1 1 0%;
}

    .carousel__control {
      border-radius: var(--radii-l2);
      align-items: center;
      justify-content: space-between;
      display: flex;
}

    .carousel__control[data-orientation=vertical] {
      flex-direction: column;
}

    .carousel__indicatorGroup {
      display: flex;
}

    .carousel__indicatorGroup[data-orientation=vertical] {
      flex-direction: column;
}

    .carousel__indicator {
      background: var(--colors-gray-subtle-bg);
      border-radius: var(--radii-full);
      cursor: pointer;
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .carousel__indicator:is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .carousel__indicator:is([aria-current=true], [data-current]) {
      background: var(--colors-color-palette-solid-bg);
}

    .rating-group__root {
      align-items: center;
      display: inline-flex;
      vertical-align: top;
}

    .rating-group__label {
      font-weight: var(--font-weights-medium);
}

    .rating-group__label,.rating-group__item {
      -webkit-user-select: none;
      user-select: none;
}

    .rating-group__item {
      justify-content: center;
}

    .rating-group__item,.rating-group__control {
      align-items: center;
      display: inline-flex;
}

    .rating-group__control {
      gap: var(--spacing-0\.5);
}

    .rating-group__itemIndicator {
      --clip-path: inset(0 50% 0 0);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
}

    :where([dir=rtl], :dir(rtl)) .rating-group__itemIndicator {
      --clip-path: inset(0 0 0 50%);
}

    .rating-group__itemIndicator :where(svg) {
      stroke: currentColor;
      display: inline-block;
      flex-shrink: 0;
      position: absolute;
      width: inherit;
      height: inherit;
      left: var(--spacing-0);
      top: var(--spacing-0);
}

    .rating-group__itemIndicator [data-bg] {
      color: var(--colors-gray-subtle-bg);
}

    .rating-group__itemIndicator [data-fg] {
      color: var(--colors-transparent);
}

    .rating-group__itemIndicator[data-highlighted]:not([data-half]) [data-fg],.rating-group__itemIndicator[data-half] [data-fg] {
      color: var(--colors-color-palette-solid-bg);
}

    .rating-group__itemIndicator[data-half] [data-fg] {
      clip-path: var(--clip-path);
      -webkit-clip-path: var(--clip-path);
}

    .slider__root {
      gap: var(--spacing-1);
      display: flex;
      flex-direction: column;
      position: relative;
      isolation: isolate;
      touch-action: none;
      width: var(--sizes-full);
}

    .slider__root,.slider__label {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}

    .slider__label {
      font-weight: var(--font-weights-medium);
}

    .slider__thumb {
      outline: 0;
      border-radius: var(--radii-full);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      width: var(--slider-thumb-size);
      height: var(--slider-thumb-size);
}

    .slider__thumb:is(:focus-visible, [data-focus-visible]) {
      outline: 2px;
      outline-color: colorPalette.solid;
      outline-offset: 2px;
      ring-offset-color: bg;
}

    .slider__track {
      overflow: hidden;
      border-radius: var(--radii-full);
      flex: 1 1 0%;
}

    .slider__range {
      width: inherit;
      height: inherit;
}

    .slider__control {
      display: inline-flex;
      align-items: center;
}

    .slider__markerGroup {
      position: absolute !important;
      z-index: 1;
}

    .slider__marker {
      gap: calc(var(--slider-thumb-size) / 2);
      display: flex;
      align-items: center;
      color: var(--colors-fg-muted);
      font-size: var(--font-sizes-xs);
      line-height: 1.125rem;
}

    .slider__markerIndicator {
      background: var(--colors-color-palette-solid-fg);
      border-radius: var(--radii-full);
      width: var(--slider-marker-size);
      height: var(--slider-marker-size);
}

    .radio-group__root {
      gap: var(--spacing-3);
      display: flex;
      flex-direction: column;
}

    .radio-group__item {
      align-items: center;
      cursor: pointer;
      display: flex;
}

    .radio-group__item:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      opacity: 0.67;
      filter: grayscale(100%);
}

    .radio-group__itemText {
      font-weight: var(--font-weights-medium);
      -webkit-user-select: none;
      user-select: none;
}

    .radio-group__itemControl {
      border-radius: var(--radii-full);
      align-items: center;
      display: inline-flex;
      flex-shrink: 0;
      justify-content: center;
      vertical-align: top;
}

    .radio-group__itemControl::after {
      border-radius: var(--radii-full);
      content: "";
      display: block;
      width: 40%;
      height: 40%;
}

    .radio-group__itemControl:is(:focus-visible, [data-focus-visible]) {
      --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

    .radio-group__itemControl:is(:focus-visible, [data-focus-visible]):is(:focus-visible, [data-focus-visible]) {
      outline-width: var(--focus-ring-width, 2px);
      outline-offset: var(--focus-ring-offset, 2px);
      outline-style: var(--focus-ring-style, solid);
      outline-color: var(--focus-ring-color);
}

    .tour__content {
      --arrow-background: var(--colors-bg-surface);
      --arrow-size: 12px;
      padding: var(--spacing-0);
      border: var(--borders-none);
      gap: var(--spacing-0);
      outline: 0;
      border-radius: var(--radii-xl);
      display: flex;
      flex-direction: column;
      background-color: var(--colors-bg-surface);
      box-shadow: var(--shadows-xl);
      position: relative;
      z-index: var(--z-index-popover);
      width: 380px;
      max-width: calc(100vw - 32px);
}

    .tour__content:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: scale-fade-in;
      animation-duration: 0.2s;
      animation-timing-function: ease-out;
}

    .tour__content:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: scale-fade-out;
      animation-duration: 0.15s;
      animation-timing-function: ease-in;
}

    .tour__content[data-type="dialog"] {
      width: 400px;
}

    .tour__content[data-type="floating"] {
      width: 380px;
}

    .tour__actionTrigger {
      background: var(--colors-transparent);
      border: 1px solid;
      gap: var(--spacing-2);
      padding-inline: var(--spacing-3\.5);
      padding-block: var(--spacing-1\.5);
      border-radius: var(--radii-md);
      transition: background 150ms, border-color 150ms, color 150ms;
      border-color: border.emphasized;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: var(--font-weights-medium);
      font-family: inherit;
      line-height: 1.25rem;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      white-space: nowrap;
      color: var(--colors-fg-default);
}

    .tour__actionTrigger:last-child {
      background: var(--colors-blue-600);
      border-color: var(--colors-blue-600);
      color: var(--colors-white);
}

    .tour__actionTrigger:last-child:not(:disabled):hover {
      background: var(--colors-blue-700);
      border-color: var(--colors-blue-700);
}

    .tour__actionTrigger:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      opacity: 0.5;
      cursor: not-allowed;
}

    .tour__actionTrigger:is(:focus-visible, [data-focus-visible]) {
      outline: 2px solid;
      outline-color: var(--colors-blue-500);
      outline-offset: -1px;
}

    .tour__actionTrigger:not(:disabled):hover {
      background-color: var(--colors-bg-muted);
}

    .tour__closeTrigger {
      border: var(--borders-none);
      background: var(--colors-transparent);
      border-radius: var(--radii-md);
      transition: all 0.2s;
      position: absolute;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--colors-fg-muted);
      cursor: pointer;
      top: var(--spacing-3);
      right: var(--spacing-3);
      width: 32px;
      height: 32px;
}

    .tour__closeTrigger svg {
      flex-shrink: 0;
      width: 18px;
      height: 18px;
}

    .tour__closeTrigger:is(:focus-visible, [data-focus-visible]) {
      outline: 2px solid;
      outline-color: var(--colors-blue-500);
      outline-offset: -1px;
}

    .tour__closeTrigger:not(:disabled):hover {
      background-color: var(--colors-bg-subtle);
      color: var(--colors-fg-default);
}

    .tour__progressText {
      font-size: var(--font-sizes-xs);
      font-weight: var(--font-weights-medium);
      color: var(--colors-fg-subtle);
      letter-spacing: var(--letter-spacings-wider);
      text-transform: uppercase;
}

    .tour__title {
      margin: var(--spacing-0);
      font-size: var(--font-sizes-lg);
      font-weight: var(--font-weights-bold);
      line-height: var(--line-heights-tight);
      color: var(--colors-fg-default);
}

    .tour__description {
      margin: var(--spacing-0);
      font-size: var(--font-sizes-sm);
      line-height: var(--line-heights-relaxed);
      color: var(--colors-fg-muted);
}

    .tour__positioner {
      z-index: var(--z-index-popover);
      position: absolute;
}

    .tour__positioner,.tour__positioner[data-type="dialog"] {
      display: flex;
      align-items: center;
      justify-content: center;
}

    .tour__positioner[data-type="dialog"] {
      inset: var(--spacing-0);
      margin: auto;
      position: fixed;
      width: 100%;
}

    .tour__positioner[data-type="floating"] {
      position: fixed;
}

    .tour__positioner[data-type="floating"][data-placement*="end"] {
      inset-inline-end: 24px;
}

    .tour__positioner[data-type="floating"][data-placement*="start"] {
      inset-inline-start: 24px;
}

    .tour__positioner[data-type="floating"][data-placement*="bottom"] {
      bottom: 24px;
}

    .tour__positioner[data-type="floating"][data-placement*="top"] {
      top: 24px;
}

    .tour__arrow {
      --arrow-background: var(--colors-bg-surface);
      --arrow-shadow-color: transparent;
      --arrow-size: 12px;
}

    .tour__arrowTip {
      border-top: 1px solid;
      border-left: 1px solid;
      border-color: var(--colors-gray-4);
}

    .tour__backdrop {
      background-color: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      position: fixed;
      z-index: var(--z-index-overlay);
      height: 100vh;
      left: var(--spacing-0);
      top: var(--spacing-0);
      width: 100vw;
}

    .tour__backdrop:is([open], [data-open], [data-state="open"], :popover-open) {
      animation-name: fade-in;
      animation-duration: 0.2s;
      animation-timing-function: ease-out;
}

    .tour__backdrop:is([closed], [data-closed], [data-state="closed"]) {
      animation-name: fade-out;
      animation-duration: 0.15s;
      animation-timing-function: ease-in;
}

    .tour__spotlight {
      border-radius: var(--radii-lg);
      pointer-events: none;
      z-index: var(--z-index-overlay);
}

    .tour__control {
      gap: var(--spacing-2);
      display: flex;
      align-items: center;
      margin-top: var(--spacing-3);
}

    @media screen and (min-width: 48rem) {
      .dialog__content {
        padding-block: var(--spacing-6);
        gap: var(--spacing-6);
}
      .dialog__header,.dialog__body,.dialog__footer {
        padding-inline: var(--spacing-6);
}
}
}

  .select__trigger--size_sm {
    padding-inline: var(--spacing-2\.5);
    gap: var(--spacing-2);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    height: var(--sizes-9);
}

  .select__trigger--size_sm :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .select__item--size_sm {
    padding-inline: var(--spacing-1\.5);
    gap: var(--spacing-2);
    min-height: var(--sizes-9);
}

  .select__item--size_sm :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .select__itemGroup--size_sm {
    gap: var(--spacing-0\.5);
}

  .select__itemGroupLabel--size_sm {
    padding-inline: var(--spacing-1\.5);
    height: var(--sizes-9);
}

  .select__content--size_sm {
    padding: var(--spacing-1);
    gap: var(--spacing-0\.5);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
}

  .select__trigger--variant_outline {
    border-width: 1px;
    border-color: var(--colors-gray-outline-border);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

  .select__trigger--variant_outline:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 0px;
    outline-width: var(--focus-ring-width, 1px);
    outline-color: var(--focus-ring-color);
    outline-style: var(--focus-ring-style, solid);
    border-color: var(--focus-ring-color);
}

  .select__trigger--size_md {
    padding-inline: var(--spacing-3);
    gap: var(--spacing-2);
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
    height: var(--sizes-10);
}

  .select__trigger--size_md :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .select__item--size_md {
    padding-inline: var(--spacing-2);
    gap: var(--spacing-2);
    min-height: var(--sizes-10);
}

  .select__item--size_md :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .select__itemGroup--size_md {
    gap: var(--spacing-0\.5);
}

  .select__itemGroupLabel--size_md {
    padding-inline: var(--spacing-2);
    height: var(--sizes-10);
}

  .select__content--size_md {
    padding: var(--spacing-1);
    gap: var(--spacing-0\.5);
}

  .select__content--size_md,.select__trigger--size_lg {
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .select__trigger--size_lg {
    padding-inline: var(--spacing-3\.5);
    gap: var(--spacing-2);
    height: var(--sizes-11);
}

  .select__trigger--size_lg :where(svg) {
    width: var(--sizes-4\.5);
    height: var(--sizes-4\.5);
}

  .select__item--size_lg {
    padding-inline: var(--spacing-2\.5);
    gap: var(--spacing-2);
    min-height: var(--sizes-11);
}

  .select__item--size_lg :where(svg) {
    width: var(--sizes-4\.5);
    height: var(--sizes-4\.5);
}

  .select__itemGroup--size_lg {
    gap: var(--spacing-0\.5);
}

  .select__itemGroupLabel--size_lg {
    padding-inline: var(--spacing-2\.5);
    height: var(--sizes-11);
}

  .select__content--size_lg {
    padding: var(--spacing-1);
    gap: var(--spacing-0\.5);
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .checkbox__control--variant_solid {
    border-color: border;
}

  .checkbox__control--variant_solid:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
    background: var(--colors-color-palette-solid-bg);
    border-color: var(--colors-color-palette-solid-bg);
    color: var(--colors-color-palette-solid-fg);
}

  .checkbox__control--variant_solid:is(:user-invalid, [data-invalid], [aria-invalid=true]) {
    background: var(--colors-error);
}

  .checkbox__root--size_sm {
    gap: var(--spacing-2);
}

  .checkbox__label--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
}

  .checkbox__control--size_sm {
    width: var(--sizes-4\.5);
    height: var(--sizes-4\.5);
}

  .checkbox__control--size_sm :where(svg) {
    width: var(--sizes-3);
    height: var(--sizes-3);
}

  .checkbox__root--size_md {
    gap: var(--spacing-3);
}

  .checkbox__label--size_md {
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .checkbox__control--size_md {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .checkbox__control--size_md :where(svg) {
    width: var(--sizes-3\.5);
    height: var(--sizes-3\.5);
}

  .avatar__root--size_sm {
    --avatar-font-size: var(--font-sizes-sm);
    --avatar-size: var(--sizes-9);
}

  .avatar__fallback--size_sm :where(svg) {
    width: var(--sizes-4\.5);
    height: var(--sizes-4\.5);
}

  .avatar__root--shape_full {
    --avatar-radius: var(--radii-full);
}

  .avatar__root--variant_subtle {
    background: var(--colors-color-palette-subtle-bg);
    color: var(--colors-color-palette-subtle-fg);
}

  .avatar__root--size_md {
    --avatar-font-size: var(--font-sizes-md);
    --avatar-size: var(--sizes-10);
}

  .avatar__fallback--size_md :where(svg) {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .avatar__root--size_2xs {
    --avatar-font-size: var(--font-sizes-2xs);
    --avatar-size: var(--sizes-6);
}

  .avatar__fallback--size_2xs :where(svg) {
    width: var(--sizes-3);
    height: var(--sizes-3);
}

  .avatar__root--size_xs {
    --avatar-font-size: var(--font-sizes-xs);
    --avatar-size: var(--sizes-8);
}

  .avatar__fallback--size_xs :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .dialog__content--size_md {
    max-width: var(--sizes-md);
}

  .dialog__positioner--scrollBehavior_outside {
    overflow: auto;
    pointer-events: auto;
}

  .dialog__positioner--placement_center {
    align-items: center;
}

  .dialog__content--placement_center {
    --dialog-base-margin: auto;
    margin-inline: auto;
}

  .dialog__content--motionPreset_scale:is([open], [data-open], [data-state="open"], :popover-open) {
    animation-name: scale-in, fade-in;
}

  .dialog__content--motionPreset_scale:is([closed], [data-closed], [data-state="closed"]) {
    animation-name: scale-out, fade-out;
}

  .dialog__content--size_xl {
    max-width: var(--sizes-xl);
}

  .dialog__content--size_full {
    --dialog-margin: 0;
    border-radius: 0;
    max-width: 100dvw;
    min-height: 100dvh;
}

  .dialog__content--size_lg {
    max-width: var(--sizes-lg);
}

  .card__root--variant_outline {
    background: var(--colors-bg-surface);
    border-width: var(--colors-border-width, 1px);
    border-color: var(--colors-border-default);
}

  .tabs__list--size_md {
    gap: var(--spacing-1);
}

  .tabs__trigger--size_md {
    padding-inline: var(--spacing-4);
    gap: var(--spacing-2);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    height: var(--sizes-10);
    min-width: var(--sizes-10);
}

  .tabs__root--variant_line {
    align-items: stretch;
}

  .tabs__list--variant_line[data-orientation=vertical] {
    border-inline-start-width: 1px;
}

  .tabs__list--variant_line[data-orientation=horizontal] {
    border-bottom-width: 1px;
    border-bottom-color: var(--colors-gray-300);
}

  .tabs__trigger--variant_line {
    color: var(--colors-fg-muted);
}

  .tabs__trigger--variant_line:is([aria-selected=true], [data-selected]) {
    color: var(--colors-color-palette-plain-fg);
}

  .tabs__indicator--variant_line {
    background: var(--colors-color-palette-solid-bg);
}

  .tabs__indicator--variant_line[data-orientation=horizontal] {
    transform: translateY(1px);
    bottom: var(--spacing-0);
    height: var(--sizes-0\.5);
}

  .tabs__indicator--variant_line[data-orientation=vertical] {
    transform: translateX(-1px);
    left: var(--spacing-0);
    width: var(--sizes-0\.5);
}

  .tabs__root--fitted_true {
    align-items: stretch;
}

  .tabs__trigger--fitted_true {
    flex: 1 1 0%;
    text-align: center;
    justify-content: center;
}

  .table__root--size_md {
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
}

  .table__cell--size_md,.table__header--size_md {
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-3);
}

  .table__body--interactive_true tr:not(:disabled):hover {
    background: var(--colors-gray-surface-bg-hover);
}

  .table__head--stickyHeader_true :where(tr) {
    position: sticky;
    z-index: 2;
    top: var(--table-sticky-offset, 0);
}

  .table__header--variant_surface {
    background: var(--colors-gray-surface-bg-hover);
}

  .table__row--variant_surface {
    background: var(--colors-gray-surface-bg);
}

  .switch__control--variant_solid {
    background: var(--colors-gray-subtle-bg);
    border-radius: var(--radii-full);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

  .switch__control--variant_solid:is(:focus-visible, [data-focus-visible]) {
    outline-width: var(--focus-ring-width, 2px);
    outline-offset: var(--focus-ring-offset, 2px);
    outline-style: var(--focus-ring-style, solid);
    outline-color: var(--focus-ring-color);
}

  .switch__control--variant_solid:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
    background: var(--colors-color-palette-solid-bg);
}

  .switch__thumb--variant_solid {
    background: var(--colors-white);
    scale: 0.8;
    box-shadow: var(--shadows-xs);
    width: var(--switch-height);
    height: var(--switch-height);
}

  .switch__thumb--variant_solid:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
    background: var(--colors-color-palette-solid-fg);
}

  .switch__root--size_md {
    --switch-width: var(--sizes-10);
    --switch-height: var(--sizes-5);
    --switch-indicator-font-size: var(--font-sizes-sm);
    gap: var(--spacing-3);
}

  .switch__label--size_md {
    font-size: var(--font-sizes-md);
}

  .switch__root--size_lg {
    --switch-width: var(--sizes-11);
    --switch-height: var(--sizes-5\.5);
    --switch-indicator-font-size: var(--font-sizes-md);
    gap: var(--spacing-3);
}

  .switch__label--size_lg {
    font-size: var(--font-sizes-lg);
}

  .progress__track--variant_solid {
    background-color: var(--colors-gray-subtle-bg);
}

  .progress__range--variant_solid {
    background-color: var(--colors-color-palette-solid-bg);
    color: var(--colors-color-palette-solid-fg);
}

  .progress__track--size_sm {
    height: var(--sizes-2);
}

  .progress__track--shape_rounded {
    border-radius: var(--radii-l1);
}

  .progress__track--size_md {
    height: var(--sizes-2\.5);
}

  .menu__content--size_md {
    padding: var(--spacing-1);
    gap: var(--spacing-0\.5);
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .menu__item--size_md {
    padding-inline: var(--spacing-2);
    gap: var(--spacing-2);
    min-height: var(--sizes-10);
}

  .menu__item--size_md :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .menu__itemGroup--size_md {
    gap: var(--spacing-0\.5);
}

  .menu__itemGroupLabel--size_md {
    padding-inline: var(--spacing-2);
    height: var(--sizes-10);
}

  .menu__separator--size_md {
    margin-inline: calc(var(--spacing-2) * -1);
    margin-block: var(--spacing-0\.5);
}

  .combobox__content--size_md {
    padding: var(--spacing-1);
    gap: var(--spacing-0\.5);
}

  .combobox__content--size_md,.combobox__input--size_md {
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .combobox__input--size_md {
    --input-height: var(--sizes-10);
    padding-inline: var(--spacing-3);
    padding-inline-end: var(--spacing-14);
}

  .combobox__item--size_md {
    padding-inline: var(--spacing-2);
    gap: var(--spacing-2);
}

  .combobox__item--size_md :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .combobox__itemGroup--size_md {
    gap: var(--spacing-0\.5);
}

  .combobox__itemGroupLabel--size_md {
    padding-inline: var(--spacing-2);
    height: var(--sizes-10);
}

  .combobox__empty--size_md {
    padding-inline: var(--spacing-2);
    min-height: var(--sizes-10);
}

  .combobox__indicatorGroup--size_md {
    padding-inline: var(--spacing-3);
}

  .combobox__indicatorGroup--size_md :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .combobox__input--variant_outline {
    border-width: 1px;
    border-color: var(--colors-gray-outline-border);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

  .combobox__input--variant_outline:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 0px;
    outline-width: var(--focus-ring-width, 1px);
    outline-color: var(--focus-ring-color);
    outline-style: var(--focus-ring-style, solid);
    border-color: var(--focus-ring-color);
}

  .combobox__input--variant_outline:is(:user-invalid, [data-invalid], [aria-invalid=true]) {
    border-color: var(--colors-error);
    --focus-ring-color-prop: var(--colors-error);
}

  .file-upload__root--size_md {
    gap: var(--spacing-4);
}

  .file-upload__dropzone--size_md {
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-4);
    gap: var(--spacing-0);
    min-height: var(--sizes-xs);
}

  .file-upload__item--size_md {
    padding: var(--spacing-4);
    gap: var(--spacing-3);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
}

  .file-upload__itemDeleteTrigger--size_md :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .file-upload__itemGroup--size_md {
    gap: var(--spacing-3);
}

  .segment-group__item--size_sm {
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-sm);
    line-height: 1.25rem;
    height: var(--sizes-9);
    min-width: var(--sizes-9);
}

  .segment-group__item--size_sm :where(svg) {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .number-input__input--size_md {
    --input-height: var(--sizes-10);
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .number-input__control--size_md {
    --stepper-width: var(--sizes-5);
}

  .number-input__input--variant_outline {
    border-width: 1px;
    border-color: var(--colors-gray-outline-border);
    --focus-ring-color: var(--focus-ring-color-prop, var(--global-color-focus-ring, #005FCC));
}

  .number-input__input--variant_outline:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 0px;
    outline-width: var(--focus-ring-width, 1px);
    outline-color: var(--focus-ring-color);
    outline-style: var(--focus-ring-style, solid);
    border-color: var(--focus-ring-color);
}

  .number-input__input--variant_outline:is(:user-invalid, [data-invalid], [aria-invalid=true]) {
    border-color: var(--colors-error);
    --focus-ring-color-prop: var(--colors-error);
}

  .scroll-area__root--size_md {
    --thumb-size: var(--sizes-2);
}

  .scroll-area__scrollbar--scrollbar_auto[data-scrolling],.scroll-area__scrollbar--scrollbar_auto[data-hover] {
    --thumb-bg: var(--colors-gray-subtle-bg-active);
}

  .carousel__control--size_md,.carousel__indicatorGroup--size_md {
    gap: var(--spacing-3);
}

  .carousel__indicator--size_md {
    width: var(--sizes-2\.5);
    height: var(--sizes-2\.5);
}

  .rating-group__root--size_md {
    gap: var(--spacing-3);
}

  .rating-group__itemIndicator--size_md {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .slider__root--size_md {
    --slider-thumb-size: var(--sizes-5);
    --slider-track-size: var(--sizes-2);
    --slider-marker-center: 8px;
    --slider-marker-size: var(--sizes-1);
    --slider-marker-inset: 4px;
}

  .slider__thumb--variant_outline {
    background: var(--colors-gray-surface-bg);
    border-width: 2px;
    border-color: var(--colors-color-palette-solid-bg);
    box-shadow: var(--shadows-xs);
}

  .slider__track--variant_outline {
    background: border;
}

  .slider__range--variant_outline {
    background: var(--colors-color-palette-solid-bg);
}

  .slider__thumb--orientation_horizontal {
    translate: 0 -50%;
    top: 50%;
}

  .slider__track--orientation_horizontal {
    height: var(--slider-track-size);
}

  .slider__control--orientation_horizontal {
    flex-direction: row;
    width: 100%;
    min-height: var(--slider-thumb-size);
}

  .slider__control--orientation_horizontal[data-has-mark-label] {
    margin-bottom: var(--spacing-4);
}

  .slider__markerGroup--orientation_horizontal {
    inset-inline: var(--slider-marker-inset);
    top: var(--slider-marker-center);
}

  .slider__marker--orientation_horizontal {
    flex-direction: column;
}

  .radio-group__itemControl--variant_solid {
    box-shadow: inset 0 0 0 1px var(--shadow-color);
    --shadow-color: var(--colors-gray-surface-border);
}

  .radio-group__itemControl--variant_solid:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
    background: var(--colors-color-palette-solid-bg);
    color: var(--colors-color-palette-solid-fg);
    --shadow-color: var(--colors-color-palette-solid-bg);
}

  .radio-group__itemControl--variant_solid:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate])::after {
    background: var(--colors-color-palette-solid-fg);
}

  .radio-group__item--size_md {
    gap: var(--spacing-3);
}

  .radio-group__itemText--size_md {
    font-size: var(--font-sizes-md);
    line-height: 1.5rem;
}

  .radio-group__itemControl--size_md {
    width: var(--sizes-5);
    height: var(--sizes-5);
}
}

@layer utilities{
  @layer compositions{

    .textStyle_2xl {
      font-size: var(--font-sizes-2xl);
      line-height: 2rem;
}

    .textStyle_xl {
      font-size: var(--font-sizes-xl);
      line-height: 1.875rem;
}

    .textStyle_md {
      font-size: var(--font-sizes-md);
      line-height: 1.5rem;
}

    .textStyle_lg {
      font-size: var(--font-sizes-lg);
      line-height: 1.75rem;
}

    .textStyle_label {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
      font-weight: var(--font-weights-medium);
}

    .textStyle_3xl {
      font-size: var(--font-sizes-3xl);
      line-height: 2.375rem;
}

    .textStyle_sm {
      font-size: var(--font-sizes-sm);
      line-height: 1.25rem;
}
}

  .\--thickness_1px {
    --thickness: 1px;
}

  .anim_fade-in_0\.3s_ease-in-out {
    animation: fade-in 0.3s ease-in-out;
}

  .anim_pulse_2s_cubic-bezier\(0\.4\,_0\,_0\.6\,_1\)_infinite {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

  .anim_slide-progress_1\.5s_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\)_infinite {
    animation: slide-progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

  .anim_shimmer_2s_infinite {
    animation: shimmer 2s infinite;
}

  .anim_bounce_1\.4s_infinite_ease-in-out_both {
    animation: bounce 1.4s infinite ease-in-out both;
}

  .bg_bg\.default {
    background: bg.default;
}

  .bg_blue\.500 {
    background: var(--colors-blue-500);
}

  .bg_gray\.200 {
    background: var(--colors-gray-200);
}

  .bg_white {
    background: var(--colors-white);
}

  .bg_gray\.50 {
    background: var(--colors-gray-50);
}

  .p_3 {
    padding: var(--spacing-3);
}

  .bg_blue\.600 {
    background: var(--colors-blue-600);
}

  .bg_green\.500 {
    background: var(--colors-green-500);
}

  .bd_2px_dashed {
    border: 2px dashed;
}

  .bg_gray\.700 {
    background: var(--colors-gray-700);
}

  .bg_gray\.100 {
    background: var(--colors-gray-100);
}

  .bg_green\.200 {
    background: var(--colors-green-200);
}

  .p_2 {
    padding: var(--spacing-2);
}

  .bg_blue\.50 {
    background: var(--colors-blue-50);
}

  .p_1\.5 {
    padding: var(--spacing-1\.5);
}

  .bg_green\.50 {
    background: var(--colors-green-50);
}

  .bg_orange\.50 {
    background: var(--colors-orange-50);
}

  .bg_red\.50 {
    background: var(--colors-red-50);
}

  .bd_2px_solid {
    border: 2px solid;
}

  .bg_red\.500 {
    background: var(--colors-red-500);
}

  .bd_1px_solid {
    border: 1px solid;
}

  .bg_gray\.300 {
    background: var(--colors-gray-300);
}

  .p_4 {
    padding: var(--spacing-4);
}

  .bg_transparent {
    background: var(--colors-transparent);
}

  .inset_0 {
    inset: var(--spacing-0);
}

  .anim_scale-in_0\.2s_ease-out\,_fade-in_0\.2s_ease-out {
    animation: scale-in 0.2s ease-out, fade-in 0.2s ease-out;
}

  .bd_none {
    border: var(--borders-none);
}

  .p_6 {
    padding: var(--spacing-6);
}

  .anim_fadeIn_0\.15s {
    animation: fadeIn 0.15s;
}

  .anim_loading-progress_1\.5s_ease-in-out_infinite {
    animation: loading-progress 1.5s ease-in-out infinite;
}

  .bg_border\.default {
    background: var(--colors-border-default);
}

  .bg_blackAlpha\.600 {
    background: blackAlpha.600;
}

  .anim_fadeIn_0\.2s {
    animation: fadeIn 0.2s;
}

  .p_0 {
    padding: var(--spacing-0);
}

  .bg_purple\.50 {
    background: var(--colors-purple-50);
}

  .p_8 {
    padding: var(--spacing-8);
}

  .bg_slate\.50 {
    background: var(--colors-slate-50);
}

  .bg_blue\.100 {
    background: var(--colors-blue-100);
}

  .bg_indigo\.100 {
    background: var(--colors-indigo-100);
}

  .p_12 {
    padding: var(--spacing-12);
}

  .bd_1px_dashed {
    border: 1px dashed;
}

  .bg_slate\.100 {
    background: var(--colors-slate-100);
}

  .bg_slate\.900 {
    background: var(--colors-slate-900);
}

  .p_5 {
    padding: var(--spacing-5);
}

  .p_12px_16px {
    padding: 12px 16px;
}

  .bd_1\.5px_solid_\#e2e8f0 {
    border: 1.5px solid #e2e8f0;
}

  .bg_linear-gradient\(135deg\,_\#3b82f6_0\%\,_\#2563eb_100\%\) {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

  .bd_1px_solid_\#e2e8f0 {
    border: 1px solid #e2e8f0;
}

  .bd_1\.5px_solid_\#bfdbfe {
    border: 1.5px solid #bfdbfe;
}

  .bg_\#2563eb {
    background: #2563eb;
}

  .bd_1\.5px_solid_\#2563eb {
    border: 1.5px solid #2563eb;
}

  .bg_linear-gradient\(180deg\,_\#f8fafc_0\%\,_\#eff6ff_40\%\,_\#f8fafc_100\%\) {
    background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 40%, #f8fafc 100%);
}

  .bg_radial-gradient\(circle\,_rgba\(59\,_130\,_246\,_0\.08\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
}

  .bd_1px_solid_\#dbeafe {
    border: 1px solid #dbeafe;
}

  .bd_1px_solid_\#f1f5f9 {
    border: 1px solid #f1f5f9;
}

  .bg_\#10b981 {
    background: #10b981;
}

  .p_1 {
    padding: var(--spacing-1);
}

  .bg_\#3b82f6 {
    background: #3b82f6;
}

  .bg_\#f1f5f9 {
    background: #f1f5f9;
}

  .bg_linear-gradient\(180deg\,_\#f8fafc_0\%\,_\#eff6ff_50\%\,_\#f8fafc_100\%\) {
    background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 50%, #f8fafc 100%);
}

  .bg_radial-gradient\(circle\,_rgba\(59\,_130\,_246\,_0\.06\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.06) 0%, transparent 70%);
}

  .bg_radial-gradient\(circle\,_rgba\(59\,_130\,_246\,_0\.04\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.04) 0%, transparent 70%);
}

  .bd_1px_solid_rgba\(226\,_232\,_240\,_0\.8\) {
    border: 1px solid rgba(226, 232, 240, 0.8);
}

  .bg_linear-gradient\(90deg\,_\#3b82f6_0\%\,_\#60a5fa_50\%\,_\#3b82f6_100\%\) {
    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 50%, #3b82f6 100%);
}

  .bg_\#fef2f2 {
    background: #fef2f2;
}

  .bd_1px_solid_\#fecaca {
    border: 1px solid #fecaca;
}

  .bg_linear-gradient\(180deg\,_\#dbeafe_0\%\,_\#bfdbfe_50\%\,_\#dbeafe_100\%\) {
    background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 50%, #dbeafe 100%);
}

  .bg_\#eff6ff {
    background: #eff6ff;
}

  .anim_float_6s_ease-in-out_infinite {
    animation: float 6s ease-in-out infinite;
}

  .anim_float_8s_ease-in-out_infinite_reverse {
    animation: float 8s ease-in-out infinite reverse;
}

  .bg_\#ecfdf5 {
    background: #ecfdf5;
}

  .bg_\#f8fafc {
    background: #f8fafc;
}

  .bg_\#dbeafe {
    background: #dbeafe;
}

  .bd_2px_solid_\#bfdbfe {
    border: 2px solid #bfdbfe;
}

  .anim_fade-down {
    animation: fade-down;
}

  .anim_fade-up {
    animation: fade-up;
}

  .anim_fade-left {
    animation: fade-left;
}

  .p_2\.5 {
    padding: var(--spacing-2\.5);
}

  .bd_1px_solid_rgba\(255\,255\,255\,0\.8\) {
    border: 1px solid rgba(255,255,255,0.8);
}

  .bd_3px_solid_white {
    border: 3px solid white;
}

  .bg_linear-gradient\(135deg\,_\#2563eb_0\%\,_\#3b82f6_50\%\,_\#60a5fa_100\%\) {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);
}

  .anim_fadeInUp_0\.3s_ease-out {
    animation: fadeInUp 0.3s ease-out;
}

  .bg_red\.400 {
    background: var(--colors-red-400);
}

  .bg_yellow\.400 {
    background: var(--colors-yellow-400);
}

  .bg_green\.400 {
    background: var(--colors-green-400);
}

  .bg_white\/90 {
    --mix-background: color-mix(in srgb, var(--colors-white) 90%, transparent);
    background: var(--mix-background, var(--colors-white));
}

  .bg_slate\.950 {
    background: var(--colors-slate-950);
}

  .bd_8px_solid {
    border: 8px solid;
}

  .bg_slate\.800 {
    background: var(--colors-slate-800);
}

  .bg_white\/20 {
    --mix-background: color-mix(in srgb, var(--colors-white) 20%, transparent);
    background: var(--mix-background, var(--colors-white));
}

  .bg_slate\.200 {
    background: var(--colors-slate-200);
}

  .anim_float_3s_ease-in-out_infinite {
    animation: float 3s ease-in-out infinite;
}

  .bg_green\.100 {
    background: var(--colors-green-100);
}

  .bg_white\/80 {
    --mix-background: color-mix(in srgb, var(--colors-white) 80%, transparent);
    background: var(--mix-background, var(--colors-white));
}

  .bg_black {
    background: var(--colors-black);
}

  .bg_black\/50 {
    --mix-background: color-mix(in srgb, var(--colors-black) 50%, transparent);
    background: var(--mix-background, var(--colors-black));
}

  .bg_linear-gradient\(180deg\,_\#0f172a_0\%\,_\#1e3a8a_50\%\,_\#1e40af_100\%\) {
    background: linear-gradient(180deg, #0f172a 0%, #1e3a8a 50%, #1e40af 100%);
}

  .bg_rgba\(255\,255\,255\,0\.08\) {
    background: rgba(255,255,255,0.08);
}

  .bg_rgba\(255\,255\,255\,0\.1\) {
    background: rgba(255,255,255,0.1);
}

  .bg_rgba\(255\,255\,255\,0\.05\) {
    background: rgba(255,255,255,0.05);
}

  .bg_rgba\(255\,255\,255\,0\.2\) {
    background: rgba(255,255,255,0.2);
}

  .bg_rgba\(255\,255\,255\,0\.15\) {
    background: rgba(255,255,255,0.15);
}

  .bg_rgba\(59\,_130\,_246\,_0\.2\) {
    background: rgba(59, 130, 246, 0.2);
}

  .bg_linear-gradient\(135deg\,_rgba\(59\,_130\,_246\,_0\.3\)_0\%\,_rgba\(37\,_99\,_235\,_0\.2\)_100\%\) {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(37, 99, 235, 0.2) 100%);
}

  .bg_url\(\'data\:image\/svg\+xml\,\.\.\.\'\) {
    background: url('data:image/svg+xml,...');
}

  .bg_gray\.900 {
    background: var(--colors-gray-900);
}

  .bg_white\/5 {
    --mix-background: color-mix(in srgb, var(--colors-white) 5%, transparent);
}

  .bg_white\/5,.bg_white\/10 {
    background: var(--mix-background, var(--colors-white));
}

  .bg_white\/10 {
    --mix-background: color-mix(in srgb, var(--colors-white) 10%, transparent);
}

  .bg_linear-gradient\(45deg\,_rgba\(59\,_130\,_246\,_0\.1\)\,_rgba\(147\,_51\,_234\,_0\.1\)\) {
    background: linear-gradient(45deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));
}

  .anim_spin_0\.6s_linear_infinite {
    animation: spin 0.6s linear infinite;
}

  .p_16 {
    padding: var(--spacing-16);
}

  .bg_rgba\(255\,_255\,_255\,_0\.9\) {
    background: rgba(255, 255, 255, 0.9);
}

  .bg_yellow\.50 {
    background: var(--colors-yellow-50);
}

  .bg_orange\.600 {
    background: var(--colors-orange-600);
}

  .bg_amber\.50 {
    background: var(--colors-amber-50);
}

  .bg_radial-gradient\(circle\,_rgba\(59\,_130\,_246\,_0\.07\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.07) 0%, transparent 70%);
}

  .bg_\#e2e8f0 {
    background: #e2e8f0;
}

  .bg_\#94a3b8 {
    background: #94a3b8;
}

  .bd_2px_solid_\#3b82f6 {
    border: 2px solid #3b82f6;
}

  .bg_\#f0fdf4 {
    background: #f0fdf4;
}

  .bg_blue\.900 {
    background: var(--colors-blue-900);
}

  .bg_red\.100 {
    background: var(--colors-red-100);
}

  .bg_cyan\.50 {
    background: var(--colors-cyan-50);
}

  .bg_red\.600 {
    background: var(--colors-red-600);
}

  .bg_purple\.500 {
    background: var(--colors-purple-500);
}

  .bg_linear-gradient\(135deg\,_token\(colors\.blue\.50\)\,_token\(colors\.purple\.50\)\) {
    background: linear-gradient(135deg, var(--colors-blue-50), var(--colors-purple-50));
}

  .bg_blue\.200 {
    background: var(--colors-blue-200);
}

  .bd_3px_solid {
    border: 3px solid;
}

  .anim_spin_1s_linear_infinite {
    animation: spin 1s linear infinite;
}

  .anim_pulse_2s_ease-in-out_infinite {
    animation: pulse 2s ease-in-out infinite;
}

  .bg_rgba\(254\,_240\,_138\,_0\.6\) {
    background: rgba(254, 240, 138, 0.6);
}

  .bd_2px_solid_\#EAB308 {
    border: 2px solid #EAB308;
}

  .bg_linear-gradient\(135deg\,_token\(colors\.purple\.50\)\,_token\(colors\.blue\.50\)\) {
    background: linear-gradient(135deg, var(--colors-purple-50), var(--colors-blue-50));
}

  .anim_pulse_2s_infinite {
    animation: pulse 2s infinite;
}

  .bg_bg\.surface {
    background: var(--colors-bg-surface);
}

  .bg_orange\.100 {
    background: var(--colors-orange-100);
}

  .bg_linear-gradient\(to_bottom\,_rgba\(0\,0\,0\,0\.8\)_0\%\,_rgba\(0\,0\,0\,0\.4\)_70\%\,_transparent_100\%\) {
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 70%, transparent 100%);
}

  .bg_linear-gradient\(to_top\,_rgba\(0\,0\,0\,0\.6\)_0\%\,_rgba\(0\,0\,0\,0\.3\)_50\%\,_transparent_100\%\) {
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
}

  .bg_whiteAlpha\.300 {
    background: whiteAlpha.300;
}

  .bg_whiteAlpha\.200 {
    background: whiteAlpha.200;
}

  .bg_blackAlpha\.950 {
    background: blackAlpha.950;
}

  .bg_gray\.50\/50 {
    --mix-background: color-mix(in srgb, var(--colors-gray-50) 50%, transparent);
    background: var(--mix-background, var(--colors-gray-50));
}

  .bg_gradient-to-br_from-gray\.50_to-gray\.100 {
    background: gradient-to-br from-gray.50 to-gray.100;
}

  .bg_orange\.400 {
    background: var(--colors-orange-400);
}

  .bg_rgba\(255\,255\,255\,0\.7\) {
    background: rgba(255,255,255,0.7);
}

  .bg_gradient-to-r {
    background: gradient-to-r;
}

  .bg_amber\.100 {
    background: var(--colors-amber-100);
}

  .bg_indigo\.600 {
    background: var(--colors-indigo-600);
}

  .bg_gray\.800 {
    background: var(--colors-gray-800);
}

  .bg_teal\.50 {
    background: var(--colors-teal-50);
}

  .bg_green\.900 {
    background: var(--colors-green-900);
}

  .bg_green\.600 {
    background: var(--colors-green-600);
}

  .bg_purple\.100 {
    background: var(--colors-purple-100);
}

  .bg_cyan\.100 {
    background: var(--colors-cyan-100);
}

  .bg_amber\.500 {
    background: var(--colors-amber-500);
}

  .bg_gray\.600 {
    background: var(--colors-gray-600);
}

  .bg_blue\.400 {
    background: var(--colors-blue-400);
}

  .bg_gray\.400 {
    background: var(--colors-gray-400);
}

  .bg_blue\.50\/40 {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 40%, transparent);
    background: var(--mix-background, var(--colors-blue-50));
}

  .p_3\.5 {
    padding: var(--spacing-3\.5);
}

  .bg_blue\.50\/30 {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 30%, transparent);
    background: var(--mix-background, var(--colors-blue-50));
}

  .bg_orange\.500 {
    background: var(--colors-orange-500);
}

  .bd_1px_solid_\#bfdbfe {
    border: 1px solid #bfdbfe;
}

  .bg_linear-gradient\(180deg\,_\#fff_0\%\,_\#f8fafc_100\%\) {
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

  .bg_currentColor {
    background: currentColor;
}

  .p_0\.5 {
    padding: var(--spacing-0\.5);
}

  .bg_linear-gradient\(135deg\,_rgba\(239\,_246\,_255\,_0\.93\)_0\%\,_rgba\(219\,_234\,_254\,_0\.9\)_50\%\,_rgba\(191\,_219\,_254\,_0\.93\)_100\%\) {
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.93) 0%, rgba(219, 234, 254, 0.9) 50%, rgba(191, 219, 254, 0.93) 100%);
}

  .bg_radial-gradient\(circle\,_rgba\(255\,255\,255\,0\.8\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, transparent 70%);
}

  .bg_radial-gradient\(circle\,_rgba\(59\,_130\,_246\,_0\.1\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);
}

  .anim_fade-right {
    animation: fade-right;
}

  .bg_radial-gradient\(ellipse_at_center\,_rgba\(59\,_130\,_246\,_0\.05\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.05) 0%, transparent 70%);
}

  .bg_linear-gradient\(180deg\,_rgba\(30\,_64\,_175\,_0\.7\)_0\%\,_rgba\(59\,_130\,_246\,_0\.85\)_100\%\) {
    background: linear-gradient(180deg, rgba(30, 64, 175, 0.7) 0%, rgba(59, 130, 246, 0.85) 100%);
}

  .bd_1px_solid_rgba\(255\,255\,255\,0\.25\) {
    border: 1px solid rgba(255,255,255,0.25);
}

  .bg_\#fff {
    background: #fff;
}

  .bg_radial-gradient\(circle_at_20\%_50\%\,_rgba\(59\,_130\,_246\,_0\.03\)_0\%\,_transparent_50\%\)\,_radial-gradient\(circle_at_80\%_80\%\,_rgba\(147\,_197\,_253\,_0\.05\)_0\%\,_transparent_50\%\) {
    background: radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(147, 197, 253, 0.05) 0%, transparent 50%);
}

  .bg_linear-gradient\(135deg\,_rgba\(30\,_64\,_175\,_0\.88\)_0\%\,_rgba\(59\,_130\,_246\,_0\.82\)_50\%\,_rgba\(96\,_165\,_250\,_0\.85\)_100\%\) {
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.88) 0%, rgba(59, 130, 246, 0.82) 50%, rgba(96, 165, 250, 0.85) 100%);
}

  .bd_8px_solid_rgba\(255\,255\,255\,0\.1\) {
    border: 8px solid rgba(255,255,255,0.1);
}

  .bg_\#fafafa {
    background: #fafafa;
}

  .bg_\#fdfbfb {
    background: #fdfbfb;
}

  .bg_\#bfdbfe {
    background: #bfdbfe;
}

  .bg_\#93c5fd {
    background: #93c5fd;
}

  .bg_\#fafbfd {
    background: #fafbfd;
}

  .bg_linear-gradient\(135deg\,_\#dbeafe_0\%\,_\#bfdbfe_100\%\) {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

  .bg_radial-gradient\(circle\,_\#000_1px\,_transparent_1px\) {
    background: radial-gradient(circle, #000 1px, transparent 1px);
}

  .bd_1px_solid_rgba\(255\,255\,255\,0\.1\) {
    border: 1px solid rgba(255,255,255,0.1);
}

  .bg_linear-gradient\(135deg\,_\#dbeafe_0\%\,_\#eff6ff_100\%\) {
    background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);
}

  .bg_linear-gradient\(135deg\,_\#eff6ff_0\%\,_\#dbeafe_100\%\) {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

  .bg_linear-gradient\(180deg\,_\#eff6ff_0\%\,_\#dbeafe_100\%\) {
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
}

  .bg_linear-gradient\(90deg\,_transparent\,_\#3b82f6\,_transparent\) {
    background: linear-gradient(90deg, transparent, #3b82f6, transparent);
}

  .bg_linear-gradient\(90deg\,_transparent\,_rgba\(59\,_130\,_246\,_0\.3\)\,_transparent\) {
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent);
}

  .bd_4px_solid_rgba\(255\,255\,255\,0\.5\) {
    border: 4px solid rgba(255,255,255,0.5);
}

  .bg_linear-gradient\(135deg\,_rgba\(30\,_64\,_175\,_0\.85\)_0\%\,_rgba\(59\,_130\,_246\,_0\.8\)_100\%\) {
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.85) 0%, rgba(59, 130, 246, 0.8) 100%);
}

  .inset_3 {
    inset: var(--spacing-3);
}

  .bg_linear-gradient\(180deg\,_\#e0f2fe_0\%\,_\#f0f9ff_100\%\) {
    background: linear-gradient(180deg, #e0f2fe 0%, #f0f9ff 100%);
}

  .bd_2px_solid_white {
    border: 2px solid white;
}

  .bg_\#ef4444 {
    background: #ef4444;
}

  .bg_linear-gradient\(135deg\,_\#f8fafc_0\%\,_\#eff6ff_100\%\) {
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
}

  .bg_linear-gradient\(180deg\,_\#f8fafc_0\%\,_\#eff6ff_100\%\) {
    background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 100%);
}

  .bg_radial-gradient\(circle_at_50\%_50\%\,_rgba\(59\,_130\,_246\,_0\.03\)_0\%\,_transparent_50\%\) {
    background: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);
}

  .bg_linear-gradient\(135deg\,_rgba\(59\,_130\,_246\,_0\.02\)_0\%\,_transparent_100\%\) {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, transparent 100%);
}

  .bg_rgba\(255\,_255\,_255\,_0\.85\) {
    background: rgba(255, 255, 255, 0.85);
}

  .bd_1px_solid_rgba\(255\,_255\,_255\,_0\.8\) {
    border: 1px solid rgba(255, 255, 255, 0.8);
}

  .bg_\#dcfce7 {
    background: #dcfce7;
}

  .bg_linear-gradient\(90deg\,_\#3b82f6_0\%\,_\#2563eb_50\%\,_\#1d4ed8_100\%\) {
    background: linear-gradient(90deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);
}

  .bd_3px_solid_\#3b82f6 {
    border: 3px solid #3b82f6;
}

  .bg_radial-gradient\(circle\,_rgba\(59\,_130\,_246\,_0\.05\)_0\%\,_transparent_70\%\) {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%);
}

  .bg_linear-gradient\(145deg\,_rgba\(248\,250\,252\,0\.82\)_0\%\,_rgba\(241\,245\,249\,0\.78\)_100\%\) {
    background: linear-gradient(145deg, rgba(248,250,252,0.82) 0%, rgba(241,245,249,0.78) 100%);
}

  .bg_linear-gradient\(to_right\,_\#dbeafe\,_\#eff6ff\) {
    background: linear-gradient(to right, #dbeafe, #eff6ff);
}

  .bg_rgba\(59\,130\,246\,0\.1\) {
    background: rgba(59,130,246,0.1);
}

  .bg_yellow\.100 {
    background: var(--colors-yellow-100);
}

  .p_24px {
    padding: 24px;
}

  .bg_rgba\(255\,_237\,_213\,_0\.5\) {
    background: rgba(255, 237, 213, 0.5);
}

  .p_8px {
    padding: 8px;
}

  .bg_rgba\(191\,_219\,_254\,_0\.3\) {
    background: rgba(191, 219, 254, 0.3);
}

  .p_16px {
    padding: 16px;
}

  .p_16px_24px {
    padding: 16px 24px;
}

  .bg_neutral\.900 {
    background: var(--colors-neutral-900);
}

  .bg_rgba\(255\,_255\,_255\,_0\.95\) {
    background: rgba(255, 255, 255, 0.95);
}

  .anim_fadeIn_0\.2s_ease-out {
    animation: fadeIn 0.2s ease-out;
}

  .bg_blackAlpha\.400 {
    background: blackAlpha.400;
}

  .anim_fadeIn_0\.3s_ease {
    animation: fadeIn 0.3s ease;
}

  .bg_linear-gradient\(to_right\,_rgb\(240_253_244\)\,_rgb\(239_246_255\)\) {
    background: linear-gradient(to right, rgb(240 253 244), rgb(239 246 255));
}

  .bg_rgb\(254_252_232\) {
    background: rgb(254 252 232);
}

  .bg_bg\.muted {
    background: var(--colors-bg-muted);
}

  .bg_bg\.subtle {
    background: var(--colors-bg-subtle);
}

  .m_0 {
    margin: var(--spacing-0);
}

  .bg_purple\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-purple-500) 10%, transparent);
    background: var(--mix-background, var(--colors-purple-500));
}

  .bg_linear-gradient\(135deg\,_rgba\(102\,_126\,_234\,_0\.15\)_0\%\,_rgba\(118\,_75\,_162\,_0\.15\)_100\%\) {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
}

  .bg_purple\.500\/20 {
    --mix-background: color-mix(in srgb, var(--colors-purple-500) 20%, transparent);
    background: var(--mix-background, var(--colors-purple-500));
}

  .bd_1\.5px_solid_token\(colors\.bg\.canvas\) {
    border: 1.5px solid var(--colors-bg-canvas);
}

  .bd_1px_solid_token\(colors\.border\.subtle\) {
    border: 1px solid colors\.border\.subtle;
}

  .bd_2px_solid_token\(colors\.red\.400\) {
    border: 2px solid var(--colors-red-400);
}

  .bd_2px_solid_token\(colors\.fg\.default\) {
    border: 2px solid var(--colors-fg-default);
}

  .bd_2px_solid_transparent {
    border: 2px solid transparent;
}

  .bg_bg\.canvas {
    background: var(--colors-bg-canvas);
}

  .bd_2px_dashed_token\(colors\.border\.subtle\) {
    border: 2px dashed colors\.border\.subtle;
}

  .bd_1px_solid_token\(colors\.red\.200\) {
    border: 1px solid var(--colors-red-200);
}

  .bg_\#F9FAFB {
    background: #F9FAFB;
}

  .bd_1px_solid_\#E5E7EB {
    border: 1px solid #E5E7EB;
}

  .bg_\#EFF6FF {
    background: #EFF6FF;
}

  .bg_rgba\(0\,0\,0\,0\.5\) {
    background: rgba(0,0,0,0.5);
}

  .bg_border\.subtle {
    background: border.subtle;
}

  .bd_1\.5px_solid_token\(colors\.border\.default\) {
    border: 1.5px solid var(--colors-border-default);
}

  .bd_1px_dashed_token\(colors\.gray\.300\) {
    border: 1px dashed var(--colors-gray-300);
}

  .bg_purple\.600 {
    background: var(--colors-purple-600);
}

  .bg_gradient-to-br_from-purple-50_to-purple-100 {
    background: gradient-to-br from-purple-50 to-purple-100;
}

  .bg_gradient-to-br_from-green-50_to-green-100 {
    background: gradient-to-br from-green-50 to-green-100;
}

  .bg_gradient-to-br_from-blue-50_to-blue-100 {
    background: gradient-to-br from-blue-50 to-blue-100;
}

  .bg_pink\.50 {
    background: var(--colors-pink-50);
}

  .bg_indigo\.50 {
    background: var(--colors-indigo-50);
}

  .bg_gradient-to-r_from-green-50_to-blue-50 {
    background: gradient-to-r from-green-50 to-blue-50;
}

  .bg_yellow\.500 {
    background: var(--colors-yellow-500);
}

  .bg_emerald\.50 {
    background: var(--colors-emerald-50);
}

  .bg_orange\.200 {
    background: var(--colors-orange-200);
}

  .bg_yellow\.200 {
    background: var(--colors-yellow-200);
}

  .anim_none {
    animation: none;
}

  .bg_amber\.200 {
    background: var(--colors-amber-200);
}

  .bg_cyan\.500 {
    background: var(--colors-cyan-500);
}

  .bg_cyan\.200 {
    background: var(--colors-cyan-200);
}

  .bg_rgba\(0\,_0\,_0\,_0\.5\) {
    background: rgba(0, 0, 0, 0.5);
}

  .bg_green\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-green-900) 20%, transparent);
    background: var(--mix-background, var(--colors-green-900));
}

  .bg_gray\.800\/50 {
    --mix-background: color-mix(in srgb, var(--colors-gray-800) 50%, transparent);
    background: var(--mix-background, var(--colors-gray-800));
}

  .bg_blue\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-blue-900) 20%, transparent);
    background: var(--mix-background, var(--colors-blue-900));
}

  .bg_purple\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-purple-900) 20%, transparent);
    background: var(--mix-background, var(--colors-purple-900));
}

  .bg_orange\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-orange-900) 20%, transparent);
    background: var(--mix-background, var(--colors-orange-900));
}

  .bg_\#F59E0B {
    background: #F59E0B;
}

  .bg_\#EF4444 {
    background: #EF4444;
}

  .bg_\#10B981 {
    background: #10B981;
}

  .bg_red\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-red-900) 20%, transparent);
    background: var(--mix-background, var(--colors-red-900));
}

  .bg_gray\.800\/30 {
    --mix-background: color-mix(in srgb, var(--colors-gray-800) 30%, transparent);
    background: var(--mix-background, var(--colors-gray-800));
}

  .bg_red\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-red-900) 30%, transparent);
    background: var(--mix-background, var(--colors-red-900));
}

  .bg_blue\.500\/20 {
    --mix-background: color-mix(in srgb, var(--colors-blue-500) 20%, transparent);
    background: var(--mix-background, var(--colors-blue-500));
}

  .bg_amber\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-amber-500) 10%, transparent);
    background: var(--mix-background, var(--colors-amber-500));
}

  .bg_cyan\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-cyan-500) 10%, transparent);
    background: var(--mix-background, var(--colors-cyan-500));
}

  .bg_emerald\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-emerald-500) 10%, transparent);
    background: var(--mix-background, var(--colors-emerald-500));
}

  .bg_blue\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-blue-500) 10%, transparent);
    background: var(--mix-background, var(--colors-blue-500));
}

  .bg_lime\.50 {
    background: var(--colors-lime-50);
}

  .bd_4px_solid {
    border: 4px solid;
}

  .anim_pulse_1\.5s_infinite {
    animation: pulse 1.5s infinite;
}

  .bg_rgba\(254\,_240\,_138\,_0\.25\) {
    background: rgba(254, 240, 138, 0.25);
}

  .bd_3px_solid_\#EAB308 {
    border: 3px solid #EAB308;
}

  .bg_rgba\(254\,_240\,_138\,_0\.3\) {
    background: rgba(254, 240, 138, 0.3);
}

  .bg_gradient-to-br {
    background: gradient-to-br;
}

  .bg_yellow\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-yellow-900) 20%, transparent);
    background: var(--mix-background, var(--colors-yellow-900));
}

  .m_0_auto_8px {
    margin: 0 auto 8px;
}

  .bg_red\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-red-500) 10%, transparent);
    background: var(--mix-background, var(--colors-red-500));
}

  .bg_green\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-green-500) 10%, transparent);
    background: var(--mix-background, var(--colors-green-500));
}

  .p_4px_8px {
    padding: 4px 8px;
}

  .bg_orange\.500\/10 {
    --mix-background: color-mix(in srgb, var(--colors-orange-500) 10%, transparent);
    background: var(--mix-background, var(--colors-orange-500));
}

  .bg_linear-gradient\(135deg\,_\#3b82f6_0\%\,_\#1d4ed8_100\%\) {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}

  .bg_\#16a34a {
    background: #16a34a;
}

  .bg_\#dc2626 {
    background: #dc2626;
}

  .bg_\#ea580c {
    background: #ea580c;
}

  .bg_\#7c3aed {
    background: #7c3aed;
}

  .p_10 {
    padding: var(--spacing-10);
}

  .anim_fade-in_300ms {
    animation: fade-in 300ms;
}

  .bg_orange\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-orange-900) 30%, transparent);
    background: var(--mix-background, var(--colors-orange-900));
}

  .bg_emerald\.500 {
    background: var(--colors-emerald-500);
}

  .bg_emerald\.100 {
    background: var(--colors-emerald-100);
}

  .bg_slate\.500 {
    background: var(--colors-slate-500);
}

  .bg_linear-gradient\(135deg\,_\#3B82F6_0\%\,_\#2563EB_100\%\) {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}

  .anim_ping_1s_cubic-bezier\(0\,_0\,_0\.2\,_1\)_infinite {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

  .bg_linear-gradient\(180deg\,_\#ffffff_0\%\,_\#f8fafc_100\%\) {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

  .bg_indigo\.500 {
    background: var(--colors-indigo-500);
}

  .bg_slate\.300 {
    background: var(--colors-slate-300);
}

  .bg_slate\.400 {
    background: var(--colors-slate-400);
}

  .bg_rgba\(0\,0\,0\,0\.4\) {
    background: rgba(0,0,0,0.4);
}

  .bg_blue\.300 {
    background: var(--colors-blue-300);
}

  .bg_blue\.700 {
    background: var(--colors-blue-700);
}

  .bg_blue\.800 {
    background: var(--colors-blue-800);
}

  .bg_blue\.950 {
    background: var(--colors-blue-950);
}

  .px_6 {
    padding-inline: var(--spacing-6);
}

  .py_2\.5 {
    padding-block: var(--spacing-2\.5);
}

  .bdr_lg {
    border-radius: var(--radii-lg);
}

  .bdr_full {
    border-radius: var(--radii-full);
}

  .ov_hidden {
    overflow: hidden;
}

  .gap_4 {
    gap: var(--spacing-4);
}

  .gap_3 {
    gap: var(--spacing-3);
}

  .gap_1\.5 {
    gap: var(--spacing-1\.5);
}

  .gap_8 {
    gap: var(--spacing-8);
}

  .px_8 {
    padding-inline: var(--spacing-8);
}

  .gap_2 {
    gap: var(--spacing-2);
}

  .bdr_xl {
    border-radius: var(--radii-xl);
}

  .bd-c_gray\.200 {
    border-color: var(--colors-gray-200);
}

  .flex_1 {
    flex: 1 1 0%;
}

  .px_3 {
    padding-inline: var(--spacing-3);
}

  .py_2 {
    padding-block: var(--spacing-2);
}

  .gap_1 {
    gap: var(--spacing-1);
}

  .px_1\.5 {
    padding-inline: var(--spacing-1\.5);
}

  .py_1 {
    padding-block: var(--spacing-1);
}

  .gap_0 {
    gap: var(--spacing-0);
}

  .ov_auto {
    overflow: auto;
}

  .gap_0\.5 {
    gap: var(--spacing-0\.5);
}

  .bd-c_gray\.100 {
    border-color: var(--colors-gray-100);
}

  .bd-c_orange\.500 {
    border-color: var(--colors-orange-500);
}

  .bdr_sm {
    border-radius: var(--radii-sm);
}

  .bd-c_gray\.300 {
    border-color: var(--colors-gray-300);
}

  .bdr_md {
    border-radius: var(--radii-md);
}

  .bd-w_1px {
    border-width: 1px;
}

  .bd-c_blue\.200 {
    border-color: var(--colors-blue-200);
}

  .bd-c_blue\.500 {
    border-color: var(--colors-blue-500);
}

  .ring_none {
    outline: var(--borders-none);
}

  .mx_1 {
    margin-inline: var(--spacing-1);
}

  .bd-b_1px_solid {
    border-bottom: 1px solid;
}

  .bd-c_transparent {
    border-color: var(--colors-transparent);
}

  .trs_all_0\.15s {
    transition: all 0.15s;
}

  .flex_0_0_auto {
    flex: 0 0 auto;
}

  .bdr_9999px {
    border-radius: 9999px;
}

  .trs_all_0\.15s_ease-out {
    transition: all 0.15s ease-out;
}

  .trs_all_0\.2s {
    transition: all 0.2s;
}

  .px_4 {
    padding-inline: var(--spacing-4);
}

  .ov_visible {
    overflow: visible;
}

  .trs_opacity_0\.25s_ease-out {
    transition: opacity 0.25s ease-out;
}

  .py_4 {
    padding-block: var(--spacing-4);
}

  .gap_12 {
    gap: var(--spacing-12);
}

  .trs_all_0\.3s_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

  .mx_2 {
    margin-inline: var(--spacing-2);
}

  .py_3 {
    padding-block: var(--spacing-3);
}

  .mx_auto {
    margin-inline: auto;
}

  .px_2 {
    padding-inline: var(--spacing-2);
}

  .td_none {
    text-decoration: none;
}

  .bd-c_bg\.surface {
    border-color: var(--colors-bg-surface);
}

  .bd-w_3px {
    border-width: 3px;
}

  .py_8 {
    padding-block: var(--spacing-8);
}

  .py_20 {
    padding-block: var(--spacing-20);
}

  .gap_8px {
    gap: 8px;
}

  .trs_transform_0\.2s {
    transition: transform 0.2s;
}

  .py_24 {
    padding-block: var(--spacing-24);
}

  .bdr_2xl {
    border-radius: var(--radii-2xl);
}

  .bd-c_slate\.100 {
    border-color: var(--colors-slate-100);
}

  .bd-c_slate\.300 {
    border-color: var(--colors-slate-300);
}

  .gap_16 {
    gap: var(--spacing-16);
}

  .px_10 {
    padding-inline: var(--spacing-10);
}

  .py_32 {
    padding-block: var(--spacing-32);
}

  .gap_3\.5 {
    gap: var(--spacing-3\.5);
}

  .gap_2\.5 {
    gap: var(--spacing-2\.5);
}

  .trs_all_0\.2s_ease {
    transition: all 0.2s ease;
}

  .trs_all_0\.3s_cubic-bezier\(0\.25\,_0\.46\,_0\.45\,_0\.94\) {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

  .py_3\.5 {
    padding-block: var(--spacing-3\.5);
}

  .trs_all_0\.25s_ease {
    transition: all 0.25s ease;
}

  .trs_all_0\.3s_ease {
    transition: all 0.3s ease;
}

  .px_5 {
    padding-inline: var(--spacing-5);
}

  .gap_10 {
    gap: var(--spacing-10);
}

  .gap_5 {
    gap: var(--spacing-5);
}

  .py_1\.5 {
    padding-block: var(--spacing-1\.5);
}

  .bd-b_1px_solid_\#f1f5f9 {
    border-bottom: 1px solid #f1f5f9;
}

  .py_0\.5 {
    padding-block: var(--spacing-0\.5);
}

  .my_2 {
    margin-block: var(--spacing-2);
}

  .trs_all_0\.8s_cubic-bezier\(0\.16\,_1\,_0\.3\,_1\) {
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

  .bd-c_slate\.200 {
    border-color: var(--colors-slate-200);
}

  .bd-r_1px_solid {
    border-right: 1px solid;
}

  .bd-t_3px_solid {
    border-top: 3px solid;
}

  .py_12 {
    padding-block: var(--spacing-12);
}

  .bdr_3xl {
    border-radius: var(--radii-3xl);
}

  .bd-c_slate\.800 {
    border-color: var(--colors-slate-800);
}

  .bd-c_blue\.100 {
    border-color: var(--colors-blue-100);
}

  .gap_6 {
    gap: var(--spacing-6);
}

  .gap_20 {
    gap: var(--spacing-20);
}

  .bd-c_green\.500 {
    border-color: var(--colors-green-500);
}

  .bd-l_3px_solid {
    border-left: 3px solid;
}

  .bd-c_white {
    border-color: var(--colors-white);
}

  .bd-c_rgba\(255\,255\,255\,0\.15\) {
    border-color: rgba(255,255,255,0.15);
}

  .bd-t_1px_solid {
    border-top: 1px solid;
}

  .bd-c_rgba\(255\,255\,255\,0\.1\) {
    border-color: rgba(255,255,255,0.1);
}

  .bd-c_gray\.800 {
    border-color: var(--colors-gray-800);
}

  .bd-r_2px_dashed {
    border-right: 2px dashed;
}

  .bd-c_rgba\(255\,255\,255\,0\.2\) {
    border-color: rgba(255,255,255,0.2);
}

  .py_16 {
    padding-block: var(--spacing-16);
}

  .gap_-1 {
    gap: calc(var(--spacing-1) * -1);
}

  .trs_color_0\.2s {
    transition: color 0.2s;
}

  .bd-c_slate\.700 {
    border-color: var(--colors-slate-700);
}

  .td_underline {
    text-decoration: underline;
}

  .bd-l_4px_solid {
    border-left: 4px solid;
}

  .bd-c_gray\.400 {
    border-color: var(--colors-gray-400);
}

  .py_6 {
    padding-block: var(--spacing-6);
}

  .ring_4px {
    outline: 4px;
}

  .td_line-through {
    text-decoration: line-through;
}

  .trs_width_0\.3s_ease {
    transition: width 0.3s ease;
}

  .bd-c_orange\.200 {
    border-color: var(--colors-orange-200);
}

  .bd-c_yellow\.200 {
    border-color: var(--colors-yellow-200);
}

  .bd-c_orange\.600 {
    border-color: var(--colors-orange-600);
}

  .bd-w_2px {
    border-width: 2px;
}

  .bd-c_amber\.300 {
    border-color: var(--colors-amber-300);
}

  .my_4 {
    margin-block: var(--spacing-4);
}

  .my_8 {
    margin-block: var(--spacing-8);
}

  .bd-c_red\.200 {
    border-color: var(--colors-red-200);
}

  .px_1 {
    padding-inline: var(--spacing-1);
}

  .bd-c_green\.200 {
    border-color: var(--colors-green-200);
}

  .bd-c_purple\.200 {
    border-color: var(--colors-purple-200);
}

  .py_5 {
    padding-block: var(--spacing-5);
}

  .bd-c_cyan\.300 {
    border-color: var(--colors-cyan-300);
}

  .grid-c_1 {
    grid-column: 1;
}

  .grid-c_1_\/_-1 {
    grid-column: 1 / -1;
}

  .px_3\.5 {
    padding-inline: var(--spacing-3\.5);
}

  .bd-c_green\.300 {
    border-color: var(--colors-green-300);
}

  .bd-c_purple\.400 {
    border-color: var(--colors-purple-400);
}

  .grid-c_span_1 {
    grid-column: span 1;
}

  .bd-c_blue\.400 {
    border-color: var(--colors-blue-400);
}

  .bd-c_blue\.300 {
    border-color: var(--colors-blue-300);
}

  .py_0 {
    padding-block: var(--spacing-0);
}

  .trs_opacity_0\.2s {
    transition: opacity 0.2s;
}

  .bdr_0 {
    border-radius: 0;
}

  .bd-b_none {
    border-bottom: var(--borders-none);
}

  .bdr_2px {
    border-radius: 2px;
}

  .bd-c_gray\.600 {
    border-color: var(--colors-gray-600);
}

  .bd-t_none {
    border-top: var(--borders-none);
}

  .bd-c_yellow\.300 {
    border-color: var(--colors-yellow-300);
}

  .bd-c_amber\.200 {
    border-color: var(--colors-amber-200);
}

  .bd-c_purple\.100 {
    border-color: var(--colors-purple-100);
}

  .border-style_dashed {
    border-style: dashed;
}

  .bd-w_1\.5px {
    border-width: 1.5px;
}

  .trs_all_0\.1s {
    transition: all 0.1s;
}

  .bd-c_gray\.500 {
    border-color: var(--colors-gray-500);
}

  .trs_all_0\.1s_ease-out {
    transition: all 0.1s ease-out;
}

  .py_10 {
    padding-block: var(--spacing-10);
}

  .bd-c_black {
    border-color: var(--colors-black);
}

  .bd-c_red\.300 {
    border-color: var(--colors-red-300);
}

  .trs_width_0\.2s {
    transition: width 0.2s;
}

  .grid-c_auto {
    grid-column: auto;
}

  .bd-c_yellow\.400 {
    border-color: var(--colors-yellow-400);
}

  .bd-c_orange\.400 {
    border-color: var(--colors-orange-400);
}

  .grid-c_span_2 {
    grid-column: span 2;
}

  .my_1 {
    margin-block: var(--spacing-1);
}

  .bd-c_red\.500 {
    border-color: var(--colors-red-500);
}

  .bd-b_2px_solid {
    border-bottom: 2px solid;
}

  .bd-c_gray\.900 {
    border-color: var(--colors-gray-900);
}

  .bd-t_2px_solid {
    border-top: 2px solid;
}

  .bd-c_orange\.300 {
    border-color: var(--colors-orange-300);
}

  .bd-c_green\.600 {
    border-color: var(--colors-green-600);
}

  .flex_2 {
    flex: 2;
}

  .flex_1\.5 {
    flex: 1.5;
}

  .flex_0\.5 {
    flex: 0.5;
}

  .trs_all_0\.25s_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

  .trs_opacity_0\.15s {
    transition: opacity 0.15s;
}

  .trs_stroke-dashoffset_0\.6s_ease {
    transition: stroke-dashoffset 0.6s ease;
}

  .trs_background_0\.15s {
    transition: background 0.15s;
}

  .trs_all_0\.2s_cubic-bezier\(0\.4\,_0\,_0\.2\,_1\) {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

  .trs_width_0\.4s_ease {
    transition: width 0.4s ease;
}

  .ring_2px_solid {
    outline: 2px solid;
}

  .px_0 {
    padding-inline: var(--spacing-0);
}

  .bdr_xs {
    border-radius: var(--radii-xs);
}

  .py_14 {
    padding-block: var(--spacing-14);
}

  .trs_border-color_0\.2s\,_background_0\.2s {
    transition: border-color 0.2s, background 0.2s;
}

  .bd-c_red\.100 {
    border-color: var(--colors-red-100);
}

  .px_2\.5 {
    padding-inline: var(--spacing-2\.5);
}

  .trs_all_0\.4s_cubic-bezier\(0\.25\,_0\.46\,_0\.45\,_0\.94\) {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

  .trs_transform_0\.5s_ease {
    transition: transform 0.5s ease;
}

  .bd-c_\#bfdbfe {
    border-color: #bfdbfe;
}

  .trs_all_0\.25s {
    transition: all 0.25s;
}

  .flex_1\.4 {
    flex: 1.4;
}

  .trs_color_0\.2s_ease {
    transition: color 0.2s ease;
}

  .trs_opacity_0\.3s_ease {
    transition: opacity 0.3s ease;
}

  .bd-b_2px_solid_\#e2e8f0 {
    border-bottom: 2px solid #e2e8f0;
}

  .bd-t_1px_solid_\#e2e8f0 {
    border-top: 1px solid #e2e8f0;
}

  .bd-b_1px_solid_\#e2e8f0 {
    border-bottom: 1px solid #e2e8f0;
}

  .trs_background_0\.15s_ease {
    transition: background 0.15s ease;
}

  .bd-t_2px_solid_\#e2e8f0 {
    border-top: 2px solid #e2e8f0;
}

  .mx_-24px {
    margin-inline: -24px;
}

  .tw_wrap {
    text-wrap: wrap;
}

  .bdr_8px {
    border-radius: 8px;
}

  .grid-c_span_3 {
    grid-column: span 3;
}

  .bd-b_1px_solid_rgba\(0\,0\,0\,0\.05\) {
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

  .trs_background_0\.2s {
    transition: background 0.2s;
}

  .bd-w_0 {
    border-width: 0;
}

  .trs_background-color_0\.2s {
    transition: background-color 0.2s;
}

  .bd-c_rgb\(254_240_138\) {
    border-color: rgb(254 240 138);
}

  .bd-c_border\.default {
    border-color: var(--colors-border-default);
}

  .trs_width_0\.3s {
    transition: width 0.3s;
}

  .bd-c_border\.subtle {
    border-color: border.subtle;
}

  .bd-c_purple\.500\/30 {
    --mix-borderColor: color-mix(in srgb, var(--colors-purple-500) 30%, transparent);
    border-color: var(--mix-borderColor, var(--colors-purple-500));
}

  .bd-c_gray\.700 {
    border-color: var(--colors-gray-700);
}

  .bd-b_1px_solid_token\(colors\.border\.subtle\) {
    border-bottom: 1px solid colors\.border\.subtle;
}

  .bd-t_1px_solid_token\(colors\.border\.subtle\) {
    border-top: 1px solid colors\.border\.subtle;
}

  .trs_background_0\.2s_ease {
    transition: background 0.2s ease;
}

  .bdr_6px {
    border-radius: 6px;
}

  .trs_border-color_0\.15s_ease\,_box-shadow_0\.15s_ease {
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

  .trs_all_0\.15s_ease {
    transition: all 0.15s ease;
}

  .trs_box-shadow_0\.2s_ease {
    transition: box-shadow 0.2s ease;
}

  .trs_transform_0\.1s_ease {
    transition: transform 0.1s ease;
}

  .trs_box-shadow_0\.15s_ease {
    transition: box-shadow 0.15s ease;
}

  .trs_box-shadow_0\.2s_ease\,_opacity_0\.15s_ease {
    transition: box-shadow 0.2s ease, opacity 0.15s ease;
}

  .trs_opacity_0\.15s_ease {
    transition: opacity 0.15s ease;
}

  .bd-w_0\.125em {
    border-width: 0.125em;
}

  .trs_width_0\.3s_ease-in-out {
    transition: width 0.3s ease-in-out;
}

  .mx_4 {
    margin-inline: var(--spacing-4);
}

  .bd-c_green\.400 {
    border-color: var(--colors-green-400);
}

  .bd-c_pink\.200 {
    border-color: var(--colors-pink-200);
}

  .bd-c_teal\.200 {
    border-color: var(--colors-teal-200);
}

  .bd-c_indigo\.200 {
    border-color: var(--colors-indigo-200);
}

  .trs_all_0\.2s_ease-in-out {
    transition: all 0.2s ease-in-out;
}

  .trs_width_0\.5s_ease-in-out {
    transition: width 0.5s ease-in-out;
}

  .trs_all_0\.3s_ease-in-out {
    transition: all 0.3s ease-in-out;
}

  .bd-c_cyan\.200 {
    border-color: var(--colors-cyan-200);
}

  .bd-c_yellow\.500 {
    border-color: var(--colors-yellow-500);
}

  .bd-c_green\.700 {
    border-color: var(--colors-green-700);
}

  .bd-c_blue\.700 {
    border-color: var(--colors-blue-700);
}

  .bd-c_purple\.700 {
    border-color: var(--colors-purple-700);
}

  .bd-c_blue\.600 {
    border-color: var(--colors-blue-600);
}

  .bd-c_orange\.700 {
    border-color: var(--colors-orange-700);
}

  .px_3\! {
    padding-inline: var(--spacing-3) !important;
}

  .bd-w_4px {
    border-width: 4px;
}

  .bd-c_red\.600 {
    border-color: var(--colors-red-600);
}

  .bd-c_red\.700 {
    border-color: var(--colors-red-700);
}

  .bd-c_green\.100 {
    border-color: var(--colors-green-100);
}

  .bd-c_purple\.500 {
    border-color: var(--colors-purple-500);
}

  .gap_4px {
    gap: 4px;
}

  .mx_0 {
    margin-inline: var(--spacing-0);
}

  .flex_3 {
    flex: 3;
}

  .bd-c_purple\.300 {
    border-color: var(--colors-purple-300);
}

  .bd-l_4px_solid_transparent {
    border-left: 4px solid transparent;
}

  .bd-r_4px_solid_transparent {
    border-right: 4px solid transparent;
}

  .bd-t_4px_solid {
    border-top: 4px solid;
}

  .bd-c_yellow\.100 {
    border-color: var(--colors-yellow-100);
}

  .bd-c_white\/30 {
    --mix-borderColor: color-mix(in srgb, var(--colors-white) 30%, transparent);
    border-color: var(--mix-borderColor, var(--colors-white));
}

  .mx_5 {
    margin-inline: var(--spacing-5);
}

  .grid-c_span_12 {
    grid-column: span 12;
}

  .bd-c_gray\.7 {
    border-color: var(--colors-gray-7);
}

  .py_2px {
    padding-block: 2px;
}

  .bd-c_blue\.500\/30 {
    --mix-borderColor: color-mix(in srgb, var(--colors-blue-500) 30%, transparent);
    border-color: var(--mix-borderColor, var(--colors-blue-500));
}

  .bdr_unset {
    border-radius: unset;
}

  .trs_height_0\.5s_ease {
    transition: height 0.5s ease;
}

  .bdr_none {
    border-radius: none;
}

  .bd-c_orange\.100 {
    border-color: var(--colors-orange-100);
}

  .my_6 {
    margin-block: var(--spacing-6);
}

  .bd-c_blue\.50 {
    border-color: var(--colors-blue-50);
}

  .bd-c_blue\.800 {
    border-color: var(--colors-blue-800);
}

  .bd-c_blue\.900 {
    border-color: var(--colors-blue-900);
}

  .bd-c_blue\.950 {
    border-color: var(--colors-blue-950);
}

  .pos_fixed {
    position: fixed;
}

  .z_9999 {
    z-index: 9999;
}

  .fs_5xl {
    font-size: var(--font-sizes-5xl);
}

  .fw_bold {
    font-weight: var(--font-weights-bold);
}

  .c_blue\.600 {
    color: var(--colors-blue-600);
}

  .fs_lg {
    font-size: var(--font-sizes-lg);
}

  .fw_semibold {
    font-weight: var(--font-weights-semibold);
}

  .c_fg\.default {
    color: var(--colors-fg-default);
}

  .fs_sm {
    font-size: var(--font-sizes-sm);
}

  .c_fg\.muted {
    color: var(--colors-fg-muted);
}

  .lh_relaxed {
    line-height: var(--line-heights-relaxed);
}

  .c_white {
    color: var(--colors-white);
}

  .cursor_pointer {
    cursor: pointer;
}

  .fs_xs {
    font-size: var(--font-sizes-xs);
}

  .ta_center {
    text-align: center;
}

  .c_blue\.500 {
    color: var(--colors-blue-500);
}

  .bg-grad_to-r {
    --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
    --gradient-position: to right;
    background-image: linear-gradient(var(--gradient-stops));
}

  .grad-from_blue\.400 {
    --gradient-from: var(--colors-blue-400);
}

  .grad-to_blue\.600 {
    --gradient-to: var(--colors-blue-600);
}

  .bg-cp_text {
    background-clip: text;
    -webkit-background-clip: text;
}

  .pos_relative {
    position: relative;
}

  .pos_absolute {
    position: absolute;
}

  .fw_medium {
    font-weight: var(--font-weights-medium);
}

  .d_flex {
    display: flex;
}

  .flex-d_column {
    flex-direction: column;
}

  .ai_center {
    align-items: center;
}

  .jc_center {
    justify-content: center;
}

  .z_1000 {
    z-index: 1000;
}

  .d_none {
    display: none;
}

  .d_block {
    display: block;
}

  .bx-sh_xl {
    box-shadow: var(--shadows-xl);
}

  .c_gray\.700 {
    color: var(--colors-gray-700);
}

  .cursor_nwse-resize {
    cursor: nwse-resize;
}

  .cursor_grabbing {
    cursor: grabbing;
}

  .cursor_grab {
    cursor: grab;
}

  .jc_space-between {
    justify-content: space-between;
}

  .us_none {
    -webkit-user-select: none;
    user-select: none;
}

  .ai_stretch {
    align-items: stretch;
}

  .ai_start {
    align-items: start;
}

  .flex-sh_0 {
    flex-shrink: 0;
}

  .bx-sh_lg {
    box-shadow: var(--shadows-lg);
}

  .d_grid {
    display: grid;
}

  .grid-tc_repeat\(4\,_1fr\) {
    grid-template-columns: repeat(4, 1fr);
}

  .grid-tc_repeat\(3\,_1fr\) {
    grid-template-columns: repeat(3, 1fr);
}

  .grid-tc_repeat\(2\,_1fr\) {
    grid-template-columns: repeat(2, 1fr);
}

  .op_1 {
    opacity: 1;
}

  .op_0\.5 {
    opacity: 0.5;
}

  .cursor_not-allowed {
    cursor: not-allowed;
}

  .c_green\.600 {
    color: var(--colors-green-600);
}

  .fs_2xs {
    font-size: var(--font-sizes-2xs);
}

  .c_green\.700 {
    color: var(--colors-green-700);
}

  .c_blue\.700 {
    color: var(--colors-blue-700);
}

  .c_orange\.600 {
    color: var(--colors-orange-600);
}

  .c_orange\.700 {
    color: var(--colors-orange-700);
}

  .c_red\.600 {
    color: var(--colors-red-600);
}

  .c_red\.700 {
    color: var(--colors-red-700);
}

  .c_gray\.500 {
    color: var(--colors-gray-500);
}

  .c_gray\.600 {
    color: var(--colors-gray-600);
}

  .tt_uppercase {
    text-transform: uppercase;
}

  .c_gray\.400 {
    color: var(--colors-gray-400);
}

  .c_blue\.100 {
    color: var(--colors-blue-100);
}

  .c_gray\.800 {
    color: var(--colors-gray-800);
}

  .trf_translateY\(-50\%\) {
    transform: translateY(-50%);
}

  .flex-d_row {
    flex-direction: row;
}

  .color-palette_blue {
    --colors-color-palette-50: var(--colors-blue-50);
    --colors-color-palette-100: var(--colors-blue-100);
    --colors-color-palette-200: var(--colors-blue-200);
    --colors-color-palette-300: var(--colors-blue-300);
    --colors-color-palette-400: var(--colors-blue-400);
    --colors-color-palette-500: var(--colors-blue-500);
    --colors-color-palette-600: var(--colors-blue-600);
    --colors-color-palette-700: var(--colors-blue-700);
    --colors-color-palette-800: var(--colors-blue-800);
    --colors-color-palette-900: var(--colors-blue-900);
    --colors-color-palette-950: var(--colors-blue-950);
}

  .color-palette_red {
    --colors-color-palette-50: var(--colors-red-50);
    --colors-color-palette-100: var(--colors-red-100);
    --colors-color-palette-200: var(--colors-red-200);
    --colors-color-palette-300: var(--colors-red-300);
    --colors-color-palette-400: var(--colors-red-400);
    --colors-color-palette-500: var(--colors-red-500);
    --colors-color-palette-600: var(--colors-red-600);
    --colors-color-palette-700: var(--colors-red-700);
    --colors-color-palette-800: var(--colors-red-800);
    --colors-color-palette-900: var(--colors-red-900);
    --colors-color-palette-950: var(--colors-red-950);
    --colors-color-palette-1: var(--colors-red-1);
    --colors-color-palette-2: var(--colors-red-2);
    --colors-color-palette-3: var(--colors-red-3);
    --colors-color-palette-4: var(--colors-red-4);
    --colors-color-palette-5: var(--colors-red-5);
    --colors-color-palette-6: var(--colors-red-6);
    --colors-color-palette-7: var(--colors-red-7);
    --colors-color-palette-8: var(--colors-red-8);
    --colors-color-palette-9: var(--colors-red-9);
    --colors-color-palette-10: var(--colors-red-10);
    --colors-color-palette-11: var(--colors-red-11);
    --colors-color-palette-12: var(--colors-red-12);
    --colors-color-palette-a1: var(--colors-red-a1);
    --colors-color-palette-a2: var(--colors-red-a2);
    --colors-color-palette-a3: var(--colors-red-a3);
    --colors-color-palette-a4: var(--colors-red-a4);
    --colors-color-palette-a5: var(--colors-red-a5);
    --colors-color-palette-a6: var(--colors-red-a6);
    --colors-color-palette-a7: var(--colors-red-a7);
    --colors-color-palette-a8: var(--colors-red-a8);
    --colors-color-palette-a9: var(--colors-red-a9);
    --colors-color-palette-a10: var(--colors-red-a10);
    --colors-color-palette-a11: var(--colors-red-a11);
    --colors-color-palette-a12: var(--colors-red-a12);
    --colors-color-palette-solid-bg: var(--colors-red-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-red-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-red-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-red-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-red-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-red-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-red-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-red-surface-bg);
    --colors-color-palette-surface-bg-active: var(--colors-red-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-red-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-red-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-red-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-red-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-red-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-red-outline-border);
    --colors-color-palette-outline-fg: var(--colors-red-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-red-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-red-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-red-plain-fg);
}

  .color-palette_gray {
    --colors-color-palette-50: var(--colors-gray-50);
    --colors-color-palette-100: var(--colors-gray-100);
    --colors-color-palette-200: var(--colors-gray-200);
    --colors-color-palette-300: var(--colors-gray-300);
    --colors-color-palette-400: var(--colors-gray-400);
    --colors-color-palette-500: var(--colors-gray-500);
    --colors-color-palette-600: var(--colors-gray-600);
    --colors-color-palette-700: var(--colors-gray-700);
    --colors-color-palette-800: var(--colors-gray-800);
    --colors-color-palette-900: var(--colors-gray-900);
    --colors-color-palette-950: var(--colors-gray-950);
    --colors-color-palette-1: var(--colors-gray-1);
    --colors-color-palette-2: var(--colors-gray-2);
    --colors-color-palette-3: var(--colors-gray-3);
    --colors-color-palette-4: var(--colors-gray-4);
    --colors-color-palette-5: var(--colors-gray-5);
    --colors-color-palette-6: var(--colors-gray-6);
    --colors-color-palette-7: var(--colors-gray-7);
    --colors-color-palette-8: var(--colors-gray-8);
    --colors-color-palette-9: var(--colors-gray-9);
    --colors-color-palette-10: var(--colors-gray-10);
    --colors-color-palette-11: var(--colors-gray-11);
    --colors-color-palette-12: var(--colors-gray-12);
    --colors-color-palette-a1: var(--colors-gray-a1);
    --colors-color-palette-a2: var(--colors-gray-a2);
    --colors-color-palette-a3: var(--colors-gray-a3);
    --colors-color-palette-a4: var(--colors-gray-a4);
    --colors-color-palette-a5: var(--colors-gray-a5);
    --colors-color-palette-a6: var(--colors-gray-a6);
    --colors-color-palette-a7: var(--colors-gray-a7);
    --colors-color-palette-a8: var(--colors-gray-a8);
    --colors-color-palette-a9: var(--colors-gray-a9);
    --colors-color-palette-a10: var(--colors-gray-a10);
    --colors-color-palette-a11: var(--colors-gray-a11);
    --colors-color-palette-a12: var(--colors-gray-a12);
    --colors-color-palette-solid-bg: var(--colors-gray-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-gray-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-gray-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-gray-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-gray-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-gray-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-gray-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-gray-surface-bg);
    --colors-color-palette-surface-bg-hover: var(--colors-gray-surface-bg-hover);
    --colors-color-palette-surface-bg-active: var(--colors-gray-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-gray-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-gray-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-gray-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-gray-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-gray-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-gray-outline-border);
    --colors-color-palette-outline-fg: var(--colors-gray-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-gray-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-gray-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-gray-plain-fg);
}

  .bx-sh_md {
    box-shadow: var(--shadows-md);
}

  .color-palette_purple {
    --colors-color-palette-50: var(--colors-purple-50);
    --colors-color-palette-100: var(--colors-purple-100);
    --colors-color-palette-200: var(--colors-purple-200);
    --colors-color-palette-300: var(--colors-purple-300);
    --colors-color-palette-400: var(--colors-purple-400);
    --colors-color-palette-500: var(--colors-purple-500);
    --colors-color-palette-600: var(--colors-purple-600);
    --colors-color-palette-700: var(--colors-purple-700);
    --colors-color-palette-800: var(--colors-purple-800);
    --colors-color-palette-900: var(--colors-purple-900);
    --colors-color-palette-950: var(--colors-purple-950);
}

  .color-palette_green {
    --colors-color-palette-50: var(--colors-green-50);
    --colors-color-palette-100: var(--colors-green-100);
    --colors-color-palette-200: var(--colors-green-200);
    --colors-color-palette-300: var(--colors-green-300);
    --colors-color-palette-400: var(--colors-green-400);
    --colors-color-palette-500: var(--colors-green-500);
    --colors-color-palette-600: var(--colors-green-600);
    --colors-color-palette-700: var(--colors-green-700);
    --colors-color-palette-800: var(--colors-green-800);
    --colors-color-palette-900: var(--colors-green-900);
    --colors-color-palette-950: var(--colors-green-950);
    --colors-color-palette-1: var(--colors-green-1);
    --colors-color-palette-2: var(--colors-green-2);
    --colors-color-palette-3: var(--colors-green-3);
    --colors-color-palette-4: var(--colors-green-4);
    --colors-color-palette-5: var(--colors-green-5);
    --colors-color-palette-6: var(--colors-green-6);
    --colors-color-palette-7: var(--colors-green-7);
    --colors-color-palette-8: var(--colors-green-8);
    --colors-color-palette-9: var(--colors-green-9);
    --colors-color-palette-10: var(--colors-green-10);
    --colors-color-palette-11: var(--colors-green-11);
    --colors-color-palette-12: var(--colors-green-12);
    --colors-color-palette-a1: var(--colors-green-a1);
    --colors-color-palette-a2: var(--colors-green-a2);
    --colors-color-palette-a3: var(--colors-green-a3);
    --colors-color-palette-a4: var(--colors-green-a4);
    --colors-color-palette-a5: var(--colors-green-a5);
    --colors-color-palette-a6: var(--colors-green-a6);
    --colors-color-palette-a7: var(--colors-green-a7);
    --colors-color-palette-a8: var(--colors-green-a8);
    --colors-color-palette-a9: var(--colors-green-a9);
    --colors-color-palette-a10: var(--colors-green-a10);
    --colors-color-palette-a11: var(--colors-green-a11);
    --colors-color-palette-a12: var(--colors-green-a12);
    --colors-color-palette-solid-bg: var(--colors-green-solid-bg);
    --colors-color-palette-solid-bg-hover: var(--colors-green-solid-bg-hover);
    --colors-color-palette-solid-fg: var(--colors-green-solid-fg);
    --colors-color-palette-subtle-bg: var(--colors-green-subtle-bg);
    --colors-color-palette-subtle-bg-hover: var(--colors-green-subtle-bg-hover);
    --colors-color-palette-subtle-bg-active: var(--colors-green-subtle-bg-active);
    --colors-color-palette-subtle-fg: var(--colors-green-subtle-fg);
    --colors-color-palette-surface-bg: var(--colors-green-surface-bg);
    --colors-color-palette-surface-bg-active: var(--colors-green-surface-bg-active);
    --colors-color-palette-surface-border: var(--colors-green-surface-border);
    --colors-color-palette-surface-border-hover: var(--colors-green-surface-border-hover);
    --colors-color-palette-surface-fg: var(--colors-green-surface-fg);
    --colors-color-palette-outline-bg-hover: var(--colors-green-outline-bg-hover);
    --colors-color-palette-outline-bg-active: var(--colors-green-outline-bg-active);
    --colors-color-palette-outline-border: var(--colors-green-outline-border);
    --colors-color-palette-outline-fg: var(--colors-green-outline-fg);
    --colors-color-palette-plain-bg-hover: var(--colors-green-plain-bg-hover);
    --colors-color-palette-plain-bg-active: var(--colors-green-plain-bg-active);
    --colors-color-palette-plain-fg: var(--colors-green-plain-fg);
}

  .color-palette_orange {
    --colors-color-palette-50: var(--colors-orange-50);
    --colors-color-palette-100: var(--colors-orange-100);
    --colors-color-palette-200: var(--colors-orange-200);
    --colors-color-palette-300: var(--colors-orange-300);
    --colors-color-palette-400: var(--colors-orange-400);
    --colors-color-palette-500: var(--colors-orange-500);
    --colors-color-palette-600: var(--colors-orange-600);
    --colors-color-palette-700: var(--colors-orange-700);
    --colors-color-palette-800: var(--colors-orange-800);
    --colors-color-palette-900: var(--colors-orange-900);
    --colors-color-palette-950: var(--colors-orange-950);
    --colors-color-palette-1: var(--colors-orange-1);
    --colors-color-palette-2: var(--colors-orange-2);
    --colors-color-palette-3: var(--colors-orange-3);
    --colors-color-palette-4: var(--colors-orange-4);
    --colors-color-palette-5: var(--colors-orange-5);
    --colors-color-palette-6: var(--colors-orange-6);
    --colors-color-palette-7: var(--colors-orange-7);
    --colors-color-palette-8: var(--colors-orange-8);
    --colors-color-palette-9: var(--colors-orange-9);
    --colors-color-palette-10: var(--colors-orange-10);
    --colors-color-palette-11: var(--colors-orange-11);
    --colors-color-palette-12: var(--colors-orange-12);
    --colors-color-palette-default: var(--colors-orange-default);
    --colors-color-palette-emphasized: var(--colors-orange-emphasized);
    --colors-color-palette-fg: var(--colors-orange-fg);
    --colors-color-palette-text: var(--colors-orange-text);
}

  .flex-wrap_wrap {
    flex-wrap: wrap;
}

  .ls_wide {
    letter-spacing: var(--letter-spacings-wide);
}

  .grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

  .bx-sh_sm {
    box-shadow: var(--shadows-sm);
}

  .z_9998 {
    z-index: 9998;
}

  .bg-c_rgba\(0\,_0\,_0\,_0\.6\) {
    background-color: rgba(0, 0, 0, 0.6);
}

  .pointer-events_none {
    pointer-events: none;
}

  .bg-c_transparent {
    background-color: var(--colors-transparent);
}

  .bx-sh_0_0_0_9999px_rgba\(0\,_0\,_0\,_0\.6\) {
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);
}

  .trf_translate\(-50\%\,_-50\%\) {
    transform: translate(-50%, -50%);
}

  .z_10000 {
    z-index: 10000;
}

  .bx-sh_0_4px_6px_-1px_rgba\(0\,_0\,_0\,_0\.1\)\,_0_2px_4px_-2px_rgba\(0\,_0\,_0\,_0\.1\)\,_0_0_0_3px_rgba\(59\,_130\,_246\,_0\.3\)\,_0_25px_50px_-12px_rgba\(0\,_0\,_0\,_0\.4\) {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(59, 130, 246, 0.3), 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}

  .c_gray\.900 {
    color: var(--colors-gray-900);
}

  .lh_1\.6 {
    line-height: 1.6;
}

  .op_0 {
    opacity: 0;
}

  .pointer-events_auto {
    pointer-events: auto;
}

  .z_1 {
    z-index: 1;
}

  .bdr-b_xl {
    border-bottom-left-radius: var(--radii-xl);
    border-bottom-right-radius: var(--radii-xl);
}

  .z_5 {
    z-index: 5;
}

  .z_50 {
    z-index: 50;
}

  .bx-sh_2xl {
    box-shadow: var(--shadows-2xl);
}

  .bx-sh_none {
    box-shadow: none;
}

  .z_20 {
    z-index: 20;
}

  .fs_xl {
    font-size: var(--font-sizes-xl);
}

  .fw_800 {
    font-weight: 800;
}

  .ls_-0\.02em {
    letter-spacing: -0.02em;
}

  .lh_1\.1 {
    line-height: 1.1;
}

  .c_fg\.subtle {
    color: var(--colors-fg-subtle);
}

  .ls_wider {
    letter-spacing: var(--letter-spacings-wider);
}

  .pos_sticky {
    position: sticky;
}

  .z_10 {
    z-index: 10;
}

  .op_0\.4 {
    opacity: 0.4;
}

  .lh_1\.2 {
    line-height: 1.2;
}

  .ta_left {
    text-align: left;
}

  .z_19 {
    z-index: 19;
}

  .jc_flex-start {
    justify-content: flex-start;
}

  .ff_body {
    font-family: var(--fonts-body);
}

  .c_purple\.600 {
    color: var(--colors-purple-600);
}

  .fw_900 {
    font-weight: 900;
}

  .fs_3xl {
    font-size: var(--font-sizes-3xl);
}

  .grid-tc_1fr {
    grid-template-columns: 1fr;
}

  .fw_600 {
    font-weight: 600;
}

  .c_slate\.600 {
    color: var(--colors-slate-600);
}

  .c_slate\.500 {
    color: var(--colors-slate-500);
}

  .c_slate\.300 {
    color: var(--colors-slate-300);
}

  .fs_4xl {
    font-size: var(--font-sizes-4xl);
}

  .ls_tight {
    letter-spacing: var(--letter-spacings-tight);
}

  .c_slate\.900 {
    color: var(--colors-slate-900);
}

  .c_slate\.700 {
    color: var(--colors-slate-700);
}

  .fw_700 {
    font-weight: 700;
}

  .c_\#64748b {
    color: #64748b;
}

  .fs_2xl {
    font-size: var(--font-sizes-2xl);
}

  .fs_md {
    font-size: var(--font-sizes-md);
}

  .c_blue\.900 {
    color: var(--colors-blue-900);
}

  .c_blue\.800 {
    color: var(--colors-blue-800);
}

  .c_slate\.400 {
    color: var(--colors-slate-400);
}

  .ff_\'Inter\'\,_sans-serif {
    font-family: 'Inter', sans-serif;
}

  .c_\#0f172a {
    color: #0f172a;
}

  .c_\#334155 {
    color: #334155;
}

  .lh_1\.12 {
    line-height: 1.12;
}

  .ff_\'Plus_Jakarta_Sans\'\,_sans-serif {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

  .ls_-0\.025em {
    letter-spacing: -0.025em;
}

  .c_transparent {
    color: var(--colors-transparent);
}

  .d_inline-flex {
    display: inline-flex;
}

  .bx-sh_0_4px_16px_rgba\(37\,_99\,_235\,_0\.3\) {
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.3);
}

  .bx-sh_0_1px_4px_rgba\(0\,0\,0\,0\.04\) {
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

  .c_\#3b82f6 {
    color: #3b82f6;
}

  .fs_10px {
    font-size: 10px;
}

  .c_\#10b981 {
    color: #10b981;
}

  .c_\#2563eb {
    color: #2563eb;
}

  .fs_9px {
    font-size: 9px;
}

  .fs_11px {
    font-size: 11px;
}

  .c_\#94a3b8 {
    color: #94a3b8;
}

  .fw_400 {
    font-weight: 400;
}

  .lh_1\.15 {
    line-height: 1.15;
}

  .fw_500 {
    font-weight: 500;
}

  .c_\#ef4444 {
    color: #ef4444;
}

  .resize_vertical {
    resize: vertical;
}

  .op_0\.6 {
    opacity: 0.6;
}

  .bx-sh_0_4px_14px_rgba\(59\,_130\,_246\,_0\.3\) {
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3);
}

  .bx-sh_0_1px_8px_rgba\(59\,_130\,_246\,_0\.1\) {
    box-shadow: 0 1px 8px rgba(59, 130, 246, 0.1);
}

  .bx-sh_0_4px_16px_rgba\(0\,0\,0\,0\.05\) {
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
}

  .font-style_italic {
    font-style: italic;
}

  .bx-sh_0_8px_24px_rgba\(59\,_130\,_246\,_0\.2\) {
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
}

  .c_rgba\(255\,255\,255\,0\.8\) {
    color: rgba(255,255,255,0.8);
}

  .bx-sh_0_1px_3px_rgba\(0\,0\,0\,0\.06\) {
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

  .ta_right {
    text-align: right;
}

  .bx-sh_0_8px_40px_rgba\(0\,_0\,_0\,_0\.06\)\,_0_1px_3px_rgba\(0\,_0\,_0\,_0\.04\) {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
}

  .bdr-t_2xl {
    border-top-left-radius: var(--radii-2xl);
    border-top-right-radius: var(--radii-2xl);
}

  .c_\#dc2626 {
    color: #dc2626;
}

  .bx-sh_0_4px_20px_rgba\(0\,0\,0\,0\.04\) {
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

  .lh_1\.5 {
    line-height: 1.5;
}

  .grid-tc_repeat\(1\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

  .z_2 {
    z-index: 2;
}

  .ai_flex-start {
    align-items: flex-start;
}

  .bx-sh_0_8px_24px_rgba\(0\,0\,0\,0\.1\) {
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

  .z_3 {
    z-index: 3;
}

  .bx-sh_0_8px_24px_rgba\(16\,_185\,_129\,_0\.15\) {
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.15);
}

  .pos_static {
    position: static;
}

  .c_\#1e40af {
    color: #1e40af;
}

  .bx-sh_0_4px_20px_rgba\(0\,0\,0\,0\.06\) {
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

  .trf_translateX\(-50\%\) {
    transform: translateX(-50%);
}

  .bx-sh_0_30px_80px_rgba\(0\,_0\,_0\,_0\.15\)\,_0_10px_30px_rgba\(0\,_0\,_0\,_0\.08\) {
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15), 0 10px 30px rgba(0, 0, 0, 0.08);
}

  .bx-sh_0_12px_30px_rgba\(0\,0\,0\,0\.12\) {
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

  .\-webkit-background-clip_text {
    -webkit-background-clip: text;
}

  .fs_8px {
    font-size: 8px;
}

  .lh_1\.3 {
    line-height: 1.3;
}

  .trf_translateY\(0\) {
    transform: translateY(0);
}

  .trf_translateY\(30px\) {
    transform: translateY(30px);
}

  .z_0 {
    z-index: 0;
}

  .anim-dly_2s {
    animation-delay: 2s;
}

  .bkdp_blur\(4px\) {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

  .op_0\.1 {
    opacity: 0.1;
}

  .trf_scale\(1\.05\) {
    transform: scale(1.05);
}

  .trf_scale\(1\) {
    transform: scale(1);
}

  .op_0\.2 {
    opacity: 0.2;
}

  .filter_grayscale\(100\%\) {
    filter: grayscale(100%);
}

  .op_0\.8 {
    opacity: 0.8;
}

  .ai_baseline {
    align-items: baseline;
}

  .op_0\.9 {
    opacity: 0.9;
}

  .c_slate\.800 {
    color: var(--colors-slate-800);
}

  .inset-e_12 {
    inset-inline-end: var(--spacing-12);
}

  .inset-e_124500 {
    inset-inline-end: 124500px;
}

  .inset-e_3 {
    inset-inline-end: var(--spacing-3);
}

  .bg-i_linear-gradient\(rgba\(255\,255\,255\,0\.1\)_1px\,_transparent_1px\)\,_linear-gradient\(90deg\,_rgba\(255\,255\,255\,0\.1\)_1px\,_transparent_1px\) {
    background-image: linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);
}

  .bg-s_60px_60px {
    background-size: 60px 60px;
}

  .op_0\.15 {
    opacity: 0.15;
}

  .filter_blur\(120px\) {
    filter: blur(120px);
}

  .filter_blur\(100px\) {
    filter: blur(100px);
}

  .bkdp_blur\(20px\) {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

  .filter_blur\(30px\) {
    filter: blur(30px);
}

  .c_green\.400 {
    color: var(--colors-green-400);
}

  .filter_blur\(60px\) {
    filter: blur(60px);
}

  .c_red\.500 {
    color: var(--colors-red-500);
}

  .order_2 {
    order: 2;
}

  .bg-grad_to-br {
    --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
    --gradient-position: to bottom right;
    background-image: linear-gradient(var(--gradient-stops));
}

  .grad-from_gray\.100 {
    --gradient-from: var(--colors-gray-100);
}

  .grad-to_gray\.200 {
    --gradient-to: var(--colors-gray-200);
}

  .grad-from_blue\.50 {
    --gradient-from: var(--colors-blue-50);
}

  .grad-to_blue\.100 {
    --gradient-to: var(--colors-blue-100);
}

  .grad-from_green\.50 {
    --gradient-from: var(--colors-green-50);
}

  .grad-to_green\.100 {
    --gradient-to: var(--colors-green-100);
}

  .bg-grad_radial {
    --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
    --gradient-position: radial;
    background-image: linear-gradient(var(--gradient-stops));
}

  .grad-from_white {
    --gradient-from: var(--colors-white);
}

  .grad-to_transparent {
    --gradient-to: var(--colors-transparent);
}

  .d_inline-block {
    display: inline-block;
}

  .bkdp_blur\(10px\) {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

  .jc_flex-end {
    justify-content: flex-end;
}

  .c_gray\.300 {
    color: var(--colors-gray-300);
}

  .c_blue\.400 {
    color: var(--colors-blue-400);
}

  .fw_normal {
    font-weight: var(--font-weights-normal);
}

  .c_white\/90 {
    --mix-color: color-mix(in srgb, var(--colors-white) 90%, transparent);
    color: var(--mix-color, var(--colors-white));
}

  .order_1 {
    order: 1;
}

  .c_\#4ade80 {
    color: #4ade80;
}

  .c_green {
    color: green;
}

  .c_\#fbbf24 {
    color: #fbbf24;
}

  .c_gray {
    color: gray;
}

  .bx-sh_0_4px_12px_rgba\(0\,0\,0\,0\.1\) {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

  .bx-sh_0_10px_30px_rgba\(0\,0\,0\,0\.2\) {
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

  .lh_tight {
    line-height: var(--line-heights-tight);
}

  .c_red\.800 {
    color: var(--colors-red-800);
}

  .c_green\.500 {
    color: var(--colors-green-500);
}

  .c_yellow\.600 {
    color: var(--colors-yellow-600);
}

  .lh_none {
    line-height: var(--line-heights-none);
}

  .lh_snug {
    line-height: var(--line-heights-snug);
}

  .c_yellow\.800 {
    color: var(--colors-yellow-800);
}

  .ff_mono {
    font-family: var(--fonts-mono);
}

  .c_orange\.500 {
    color: var(--colors-orange-500);
}

  .ai_end {
    align-items: end;
}

  .tt_capitalize {
    text-transform: capitalize;
}

  .grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

  .c_amber\.700 {
    color: var(--colors-amber-700);
}

  .c_amber\.900 {
    color: var(--colors-amber-900);
}

  .ls_0\.5px {
    letter-spacing: 0.5px;
}

  .bx-sh_0_8px_30px_rgba\(59\,130\,246\,0\.12\)\,_0_2px_8px_rgba\(0\,0\,0\,0\.04\) {
    box-shadow: 0 8px 30px rgba(59,130,246,0.12), 0 2px 8px rgba(0,0,0,0.04);
}

  .c_red\.900 {
    color: var(--colors-red-900);
}

  .bx-sh_0_12px_40px_rgba\(59\,130\,246\,0\.08\)\,_0_4px_20px_rgba\(0\,0\,0\,0\.06\) {
    box-shadow: 0 12px 40px rgba(59,130,246,0.08), 0 4px 20px rgba(0,0,0,0.06);
}

  .op_0\.35 {
    opacity: 0.35;
}

  .bg-c_blue\.600 {
    background-color: var(--colors-blue-600);
}

  .bx-sh_0_25px_50px_-12px_rgba\(0\,_0\,_0\,_0\.4\) {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}

  .c_\#ea580c {
    color: #ea580c;
}

  .c_blue\.300 {
    color: var(--colors-blue-300);
}

  .c_\#16a34a {
    color: #16a34a;
}

  .cursor_default {
    cursor: default;
}

  .tov_ellipsis {
    text-overflow: ellipsis;
}

  .white-space_nowrap {
    white-space: nowrap;
}

  .c_green\.900 {
    color: var(--colors-green-900);
}

  .c_purple\.900 {
    color: var(--colors-purple-900);
}

  .c_orange\.900 {
    color: var(--colors-orange-900);
}

  .op_0\.7 {
    opacity: 0.7;
}

  .cursor_text {
    cursor: text;
}

  .c_cyan\.700 {
    color: var(--colors-cyan-700);
}

  .c_cyan\.900 {
    color: var(--colors-cyan-900);
}

  .font-style_normal {
    font-style: normal;
}

  .c_purple\.500 {
    color: var(--colors-purple-500);
}

  .c_purple\.700 {
    color: var(--colors-purple-700);
}

  .c_yellow\.900 {
    color: var(--colors-yellow-900);
}

  .c_yellow\.700 {
    color: var(--colors-yellow-700);
}

  .trunc_true {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

  .color-palette_yellow {
    --colors-color-palette-50: var(--colors-yellow-50);
    --colors-color-palette-100: var(--colors-yellow-100);
    --colors-color-palette-200: var(--colors-yellow-200);
    --colors-color-palette-300: var(--colors-yellow-300);
    --colors-color-palette-400: var(--colors-yellow-400);
    --colors-color-palette-500: var(--colors-yellow-500);
    --colors-color-palette-600: var(--colors-yellow-600);
    --colors-color-palette-700: var(--colors-yellow-700);
    --colors-color-palette-800: var(--colors-yellow-800);
    --colors-color-palette-900: var(--colors-yellow-900);
    --colors-color-palette-950: var(--colors-yellow-950);
}

  .op_var\(--opacity\) {
    opacity: var(--opacity);
}

  .scale_var\(--scale\) {
    scale: var(--scale);
}

  .translate_var\(--x\)_var\(--y\) {
    translate: var(--x) var(--y);
}

  .will-change_translate\,_opacity\,_scale {
    will-change: translate, opacity, scale;
}

  .trs-dur_slow {
    --transition-duration: var(--durations-slow);
    transition-duration: var(--durations-slow);
}

  .trs-prop_translate\,_scale\,_opacity\,_height {
    --transition-prop: translate, scale, opacity, height;
    transition-property: translate, scale, opacity, height;
}

  .trs-tmf_default {
    --transition-easing: var(--easings-default);
    transition-timing-function: var(--easings-default);
}

  .z_var\(--z-index\) {
    z-index: var(--z-index);
}

  .wb_break-word {
    word-break: break-word;
}

  .c_var\(--colors-blue-600\) {
    color: var(--colors-blue-600);
}

  .c_var\(--colors-green-600\) {
    color: var(--colors-green-600);
}

  .content_Take_a_guided_tour_of_this_page {
    content: Take a guided tour of this page;
}

  .c_\#9CA3AF {
    color: #9CA3AF;
}

  .color-palette_amber {
    --colors-color-palette-50: var(--colors-amber-50);
    --colors-color-palette-100: var(--colors-amber-100);
    --colors-color-palette-200: var(--colors-amber-200);
    --colors-color-palette-300: var(--colors-amber-300);
    --colors-color-palette-400: var(--colors-amber-400);
    --colors-color-palette-500: var(--colors-amber-500);
    --colors-color-palette-600: var(--colors-amber-600);
    --colors-color-palette-700: var(--colors-amber-700);
    --colors-color-palette-800: var(--colors-amber-800);
    --colors-color-palette-900: var(--colors-amber-900);
    --colors-color-palette-950: var(--colors-amber-950);
}

  .c_\#6B7280 {
    color: #6B7280;
}

  .c_\#3B82F6 {
    color: #3B82F6;
}

  .ai_flex-end {
    align-items: flex-end;
}

  .c_var\(--colors-gray-300\) {
    color: var(--colors-gray-300);
}

  .c_var\(--colors-purple-600\) {
    color: var(--colors-purple-600);
}

  .bdr-t_xl {
    border-top-left-radius: var(--radii-xl);
    border-top-right-radius: var(--radii-xl);
}

  .bx-sh_0_0_8px_rgba\(234\,_179\,_8\,_0\.6\) {
    box-shadow: 0 0 8px rgba(234, 179, 8, 0.6);
}

  .white-space_pre-wrap {
    white-space: pre-wrap;
}

  .lh_1\.7 {
    line-height: 1.7;
}

  .c_\#10B981 {
    color: #10B981;
}

  .grid-tc_1fr_1fr {
    grid-template-columns: 1fr 1fr;
}

  .c_var\(--colors-red-600\) {
    color: var(--colors-red-600);
}

  .c_var\(--colors-amber-600\) {
    color: var(--colors-amber-600);
}

  .c_\#8B5CF6 {
    color: #8B5CF6;
}

  .ff_monospace {
    font-family: monospace;
}

  .trf_rotate\(180deg\) {
    transform: rotate(180deg);
}

  .trf_rotate\(0deg\) {
    transform: rotate(0deg);
}

  .c_var\(--colors-gray-500\) {
    color: var(--colors-gray-500);
}

  .c_var\(--colors-gray-400\) {
    color: var(--colors-gray-400);
}

  .c_\#f97316 {
    color: #f97316;
}

  .c_\#d97706 {
    color: #d97706;
}

  .c_amber\.800 {
    color: var(--colors-amber-800);
}

  .c_black {
    color: var(--colors-black);
}

  .c_\#6b7280 {
    color: #6b7280;
}

  .lh_1 {
    line-height: 1;
}

  .c_\#374151 {
    color: #374151;
}

  .c_\#9ca3af {
    color: #9ca3af;
}

  .c_red\.400 {
    color: var(--colors-red-400);
}

  .tu-o_2px {
    text-underline-offset: 2px;
}

  .color-palette_white {
    --colors-color-palette: var(--colors-white);
    --colors-color-palette-a1: var(--colors-white-a1);
    --colors-color-palette-a2: var(--colors-white-a2);
    --colors-color-palette-a3: var(--colors-white-a3);
    --colors-color-palette-a4: var(--colors-white-a4);
    --colors-color-palette-a5: var(--colors-white-a5);
    --colors-color-palette-a6: var(--colors-white-a6);
    --colors-color-palette-a7: var(--colors-white-a7);
    --colors-color-palette-a8: var(--colors-white-a8);
    --colors-color-palette-a9: var(--colors-white-a9);
    --colors-color-palette-a10: var(--colors-white-a10);
    --colors-color-palette-a11: var(--colors-white-a11);
    --colors-color-palette-a12: var(--colors-white-a12);
}

  .op_0\.92 {
    opacity: 0.92;
}

  .asp_1\/1 {
    aspect-ratio: 1/1;
}

  .c_whiteAlpha\.700 {
    color: whiteAlpha.700;
}

  .lh_normal {
    line-height: var(--line-heights-normal);
}

  .wb_break-all {
    word-break: break-all;
}

  .tsh_0_2px_4px_rgba\(0\,0\,0\,0\.5\) {
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

  .c_whiteAlpha\.800 {
    color: whiteAlpha.800;
}

  .bx-sh_xs {
    box-shadow: var(--shadows-xs);
}

  .c_var\(--colors-orange-600\) {
    color: var(--colors-orange-600);
}

  .c_var\(--colors-blue-500\) {
    color: var(--colors-blue-500);
}

  .fs_24px {
    font-size: 24px;
}

  .c_\#f59e0b {
    color: #f59e0b;
}

  .white-space_pre-line {
    white-space: pre-line;
}

  .bdr-t_0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

  .bx-sh_0_0_6px_1px_rgba\(34\,197\,94\,0\.45\) {
    box-shadow: 0 0 6px 1px rgba(34,197,94,0.45);
}

  .c_orange\.800 {
    color: var(--colors-orange-800);
}

  .grid-tc_1fr_70px_90px_90px_32px {
    grid-template-columns: 1fr 70px 90px 90px 32px;
}

  .grid-tc_1fr_70px_90px_32px {
    grid-template-columns: 1fr 70px 90px 32px;
}

  .bdr-b_0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

  .c_orange {
    color: orange;
}

  .grad-from_amber\.50 {
    --gradient-from: var(--colors-amber-50);
}

  .grad-to_yellow\.50 {
    --gradient-to: var(--colors-yellow-50);
}

  .jc_end {
    justify-content: end;
}

  .color-palette_indigo {
    --colors-color-palette-50: var(--colors-indigo-50);
    --colors-color-palette-100: var(--colors-indigo-100);
    --colors-color-palette-200: var(--colors-indigo-200);
    --colors-color-palette-300: var(--colors-indigo-300);
    --colors-color-palette-400: var(--colors-indigo-400);
    --colors-color-palette-500: var(--colors-indigo-500);
    --colors-color-palette-600: var(--colors-indigo-600);
    --colors-color-palette-700: var(--colors-indigo-700);
    --colors-color-palette-800: var(--colors-indigo-800);
    --colors-color-palette-900: var(--colors-indigo-900);
    --colors-color-palette-950: var(--colors-indigo-950);
}

  .c_teal\.900 {
    color: var(--colors-teal-900);
}

  .c_gray\.100 {
    color: var(--colors-gray-100);
}

  .c_green\.200 {
    color: var(--colors-green-200);
}

  .grid-tc_1px {
    grid-template-columns: 1px;
}

  .grad-to_purple\.50 {
    --gradient-to: var(--colors-purple-50);
}

  .c_\#3DDC84 {
    color: #3DDC84;
}

  .d_inline {
    display: inline;
}

  .c_green\.800 {
    color: var(--colors-green-800);
}

  .c_var\(--colors-cyan-600\) {
    color: var(--colors-cyan-600);
}

  .c_purple\.800 {
    color: var(--colors-purple-800);
}

  .c_cyan\.800 {
    color: var(--colors-cyan-800);
}

  .c_\`\$\{primaryColor {
    color: `$;
}

  .grid-tc_1fr_1fr_1fr {
    grid-template-columns: 1fr 1fr 1fr;
}

  .c_amber\.600 {
    color: var(--colors-amber-600);
}

  .c_var\(--colors-amber-400\) {
    color: var(--colors-amber-400);
}

  .c_\#d1d5db {
    color: #d1d5db;
}

  .c_\#ca8a04 {
    color: #ca8a04;
}

  .fw_extrabold {
    font-weight: var(--font-weights-extrabold);
}

  .ls_-0\.04em {
    letter-spacing: -0.04em;
}

  .ls_0\.01em {
    letter-spacing: 0.01em;
}

  .c_\#eab308 {
    color: #eab308;
}

  .c_\#22c55e {
    color: #22c55e;
}

  .icon-color_\#6b7280 {
    icon-color: #6b7280;
}

  .dot-bg_gray\.50 {
    dot-bg: gray.50;
}

  .dot-ring_gray\.200 {
    dot-ring: gray.200;
}

  .accent-border_gray\.300 {
    accent-border: gray.300;
}

  .bdr-l_xl {
    border-top-left-radius: var(--radii-xl);
    border-bottom-left-radius: var(--radii-xl);
}

  .cursor_col-resize {
    cursor: col-resize;
}

  .bx-sh_0_1px_3px_rgba\(0\,0\,0\,0\.08\) {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

  .ring-c_blue\.300 {
    outline-color: var(--colors-blue-300);
}

  .ring-o_-2px {
    outline-offset: -2px;
}

  .c_yellow\.500 {
    color: var(--colors-yellow-500);
}

  .color-palette_teal {
    --colors-color-palette-50: var(--colors-teal-50);
    --colors-color-palette-100: var(--colors-teal-100);
    --colors-color-palette-200: var(--colors-teal-200);
    --colors-color-palette-300: var(--colors-teal-300);
    --colors-color-palette-400: var(--colors-teal-400);
    --colors-color-palette-500: var(--colors-teal-500);
    --colors-color-palette-600: var(--colors-teal-600);
    --colors-color-palette-700: var(--colors-teal-700);
    --colors-color-palette-800: var(--colors-teal-800);
    --colors-color-palette-900: var(--colors-teal-900);
    --colors-color-palette-950: var(--colors-teal-950);
}

  .rg_3 {
    row-gap: var(--spacing-3);
}

  .grid-tc_repeat\(4\,_minmax\(80px\,_1fr\)\) {
    grid-template-columns: repeat(4, minmax(80px, 1fr));
}

  .resize_none {
    resize: none;
}

  .c_\#8b5cf6 {
    color: #8b5cf6;
}

  .c_var\(--colors-red-500\) {
    color: var(--colors-red-500);
}

  .c_var\(--colors-orange-500\) {
    color: var(--colors-orange-500);
}

  .grid-tc_repeat\(5\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

  .content_Keyboard_shortcuts_\(\?\) {
    content: Keyboard shortcuts (?);
}

  .c_\#92400e {
    color: #92400e;
}

  .grid-tc_120px_1fr_100px {
    grid-template-columns: 120px 1fr 100px;
}

  .bx-sh_0_2px_10px_rgba\(59\,_130\,_246\,_0\.1\) {
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.1);
}

  .bx-sh_0_4px_12px_rgba\(59\,_130\,_246\,_0\.3\) {
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

  .ls_0\.05em {
    letter-spacing: 0.05em;
}

  .bx-sh_0_4px_15px_rgba\(59\,_130\,_246\,_0\.1\) {
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.1);
}

  .c_inherit {
    color: inherit;
}

  .bx-sh_0_4px_20px_rgba\(0\,_0\,_0\,_0\.04\) {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

  .obj-f_cover {
    object-fit: cover;
}

  .lh_1\.4 {
    line-height: 1.4;
}

  .filter_blur\(40px\) {
    filter: blur(40px);
}

  .bx-sh_0_30px_60px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_8px_20px_rgba\(0\,_0\,_0\,_0\.06\) {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 0 8px 20px rgba(0, 0, 0, 0.06);
}

  .bx-sh_0_12px_30px_rgba\(59\,_130\,_246\,_0\.4\) {
    box-shadow: 0 12px 30px rgba(59, 130, 246, 0.4);
}

  .bx-sh_0_10px_30px_rgba\(59\,_130\,_246\,_0\.1\) {
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.1);
}

  .bx-sh_0_25px_60px_rgba\(0\,_0\,_0\,_0\.15\) {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
}

  .bx-sh_0_4px_15px_rgba\(0\,0\,0\,0\.2\) {
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

  .bx-sh_0_8px_32px_rgba\(0\,0\,0\,0\.1\) {
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}

  .bx-sh_0_25px_50px_rgba\(30\,_64\,_175\,_0\.25\) {
    box-shadow: 0 25px 50px rgba(30, 64, 175, 0.25);
}

  .c_\#1d4ed8 {
    color: #1d4ed8;
}

  .as_flex-start {
    align-self: flex-start;
}

  .bx-sh_0_4px_14px_rgba\(0\,0\,0\,0\.1\) {
    box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}

  .bx-sh_0px_10px_40px_rgba\(0\,0\,0\,0\.3\) {
    box-shadow: 0px 10px 40px rgba(0,0,0,0.3);
}

  .trf_rotate\(-45deg\) {
    transform: rotate(-45deg);
}

  .bg-s_10px_10px {
    background-size: 10px 10px;
}

  .bx-sh_0_4px_12px_rgba\(59\,_130\,_246\,_0\.15\) {
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

  .c_rgba\(255\,255\,255\,0\.9\) {
    color: rgba(255,255,255,0.9);
}

  .bx-sh_0_8px_20px_rgba\(59\,_130\,_246\,_0\.3\) {
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}

  .filter_blur\(50px\) {
    filter: blur(50px);
}

  .bx-sh_0_4px_15px_rgba\(59\,_130\,_246\,_0\.4\) {
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}

  .bx-sh_0_25px_60px_rgba\(0\,_0\,_0\,_0\.2\) {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}

  .c_rgba\(255\,255\,255\,0\.7\) {
    color: rgba(255,255,255,0.7);
}

  .bx-sh_0_4px_15px_rgba\(0\,_0\,_0\,_0\.1\) {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

  .op_0\.3 {
    opacity: 0.3;
}

  .bx-sh_0_2px_4px_rgba\(0\,0\,0\,0\.2\) {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

  .c_\#475569 {
    color: #475569;
}

  .bx-sh_0_2px_8px_rgba\(59\,130\,246\,0\.4\) {
    box-shadow: 0 2px 8px rgba(59,130,246,0.4);
}

  .bx-sh_0_2px_8px_rgba\(0\,0\,0\,0\.1\) {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

  .bx-sh_0px_4px_20px_rgba\(0\,_0\,_0\,_0\.04\)\,_0px_1px_3px_rgba\(0\,_0\,_0\,_0\.02\) {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04), 0px 1px 3px rgba(0, 0, 0, 0.02);
}

  .bx-sh_0_1px_4px_rgba\(0\,_0\,_0\,_0\.03\) {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

  .bx-sh_0_6px_20px_rgba\(59\,_130\,_246\,_0\.3\) {
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);
}

  .bx-sh_0_4px_12px_rgba\(59\,_130\,_246\,_0\.1\) {
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);
}

  .bx-sh_0_2px_12px_rgba\(0\,0\,0\,0\.04\) {
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

  .z_100 {
    z-index: 100;
}

  .bx-sh_0px_4px_30px_rgba\(0\,_0\,_0\,_0\.08\)\,_0px_1px_3px_rgba\(0\,_0\,_0\,_0\.05\) {
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08), 0px 1px 3px rgba(0, 0, 0, 0.05);
}

  .bx-sh_0_4px_14px_rgba\(59\,_130\,_246\,_0\.35\) {
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.35);
}

  .bx-sh_0_2px_8px_rgba\(59\,_130\,_246\,_0\.25\) {
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);
}

  .bx-sh_0_8px_40px_rgba\(59\,_130\,_246\,_0\.12\) {
    box-shadow: 0 8px 40px rgba(59, 130, 246, 0.12);
}

  .bx-sh_0_6px_30px_rgba\(59\,_130\,_246\,_0\.08\) {
    box-shadow: 0 6px 30px rgba(59, 130, 246, 0.08);
}

  .ls_-0\.03em {
    letter-spacing: -0.03em;
}

  .bx-sh_0_2px_12px_rgba\(0\,_0\,_0\,_0\.04\) {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

  .ls_0\.06em {
    letter-spacing: 0.06em;
}

  .ls_0\.04em {
    letter-spacing: 0.04em;
}

  .ls_0\.08em {
    letter-spacing: 0.08em;
}

  .bx-sh_0_1px_4px_rgba\(0\,_0\,_0\,_0\.04\) {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

  .ls_0\.02em {
    letter-spacing: 0.02em;
}

  .grid-tc_180px_repeat\(4\,_100px\) {
    grid-template-columns: 180px repeat(4, 100px);
}

  .c_\#d4d4d8 {
    color: #d4d4d8;
}

  .bx-sh_0_6px_20px_rgba\(59\,_130\,_246\,_0\.25\) {
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.25);
}

  .op_0\.45 {
    opacity: 0.45;
}

  .bx-sh_0_2px_8px_rgba\(0\,_0\,_0\,_0\.04\) {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

  .bx-sh_0_8px_25px_rgba\(59\,_130\,_246\,_0\.1\) {
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.1);
}

  .bx-sh_0_20px_50px_rgba\(0\,_0\,_0\,_0\.06\) {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
}

  .bx-sh_0_4px_20px_rgba\(0\,_0\,_0\,_0\.06\) {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

  .c_\#E53E3E {
    color: #E53E3E;
}

  .c_\#38A169 {
    color: #38A169;
}

  .z_popover {
    z-index: var(--z-index-popover);
}

  .fs_13px {
    font-size: 13px;
}

  .fs_20px {
    font-size: 20px;
}

  .fs_12px {
    font-size: 12px;
}

  .fs_7px {
    font-size: 7px;
}

  .fs_14px {
    font-size: 14px;
}

  .flex-g_1 {
    flex-grow: 1;
}

  .fs_16px {
    font-size: 16px;
}

  .fs_28px {
    font-size: 28px;
}

  .grid-tc_1fr_2fr {
    grid-template-columns: 1fr 2fr;
}

  .cg_4 {
    column-gap: var(--spacing-4);
}

  .rg_4 {
    row-gap: var(--spacing-4);
}

  .filter_grayscale\(0\.8\)_contrast\(1\.2\)_brightness\(0\.9\) {
    filter: grayscale(0.8) contrast(1.2) brightness(0.9);
}

  .bkdp_blur\(12px\) {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

  .bx-sh_0_4px_14px_0_rgba\(37\,_99\,_235\,_0\.39\) {
    box-shadow: 0 4px 14px 0 rgba(37, 99, 235, 0.39);
}

  .z_99 {
    z-index: 99;
}

  .c_rgba\(255\,255\,255\,0\.6\) {
    color: rgba(255,255,255,0.6);
}

  .c_var\(--colors-gray-600\) {
    color: var(--colors-gray-600);
}

  .c_var\(--colors-gray-700\) {
    color: var(--colors-gray-700);
}

  .va_middle {
    vertical-align: middle;
}

  .c_rgb\(133_77_14\) {
    color: rgb(133 77 14);
}

  .c_\#06b6d4 {
    color: #06b6d4;
}

  .fs_18px {
    font-size: 18px;
}

  .content_Auto-calculate_price_based_on_material\,_quality\,_and_customer {
    content: Auto-calculate price based on material, quality, and customer;
}

  .asp_1 {
    aspect-ratio: 1;
}

  .bd-be-w_var\(--thickness\) {
    border-block-end-width: var(--thickness);
}

  .c_\#6366f1 {
    color: #6366f1;
}

  .c_\#A855F7 {
    color: #A855F7;
}

  .color-palette_cyan {
    --colors-color-palette-50: var(--colors-cyan-50);
    --colors-color-palette-100: var(--colors-cyan-100);
    --colors-color-palette-200: var(--colors-cyan-200);
    --colors-color-palette-300: var(--colors-cyan-300);
    --colors-color-palette-400: var(--colors-cyan-400);
    --colors-color-palette-500: var(--colors-cyan-500);
    --colors-color-palette-600: var(--colors-cyan-600);
    --colors-color-palette-700: var(--colors-cyan-700);
    --colors-color-palette-800: var(--colors-cyan-800);
    --colors-color-palette-900: var(--colors-cyan-900);
    --colors-color-palette-950: var(--colors-cyan-950);
}

  .c_var\(--colors-fg-muted\) {
    color: var(--colors-fg-muted);
}

  .c_var\(--colors-green-500\) {
    color: var(--colors-green-500);
}

  .c_rgba\(255\,255\,255\,0\.85\) {
    color: rgba(255,255,255,0.85);
}

  .c_fg\.error {
    color: fg.error;
}

  .as_flex-end {
    align-self: flex-end;
}

  .c_\#B91C1C {
    color: #B91C1C;
}

  .c_\#1E40AF {
    color: #1E40AF;
}

  .grid-tc_repeat\(7\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

  .c_var\(--colors-purple-500\) {
    color: var(--colors-purple-500);
}

  .bx-sh_0_2px_6px_rgba\(0\,0\,0\,0\.08\)\,_0_0_0_1px_rgba\(0\,0\,0\,0\.04\) {
    box-shadow: 0 2px 6px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.04);
}

  .bx-sh_0_1px_2px_rgba\(0\,0\,0\,0\.06\) {
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

  .bx-sh_0_1px_3px_rgba\(0\,0\,0\,0\.08\)\,_0_1px_2px_rgba\(0\,0\,0\,0\.06\) {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
}

  .fill_none {
    fill: none;
}

  .stk_currentColor {
    stroke: currentColor;
}

  .stk-w_3px {
    stroke-width: 3px;
}

  .stk-lc_round {
    stroke-linecap: round;
}

  .stk-lj_round {
    stroke-linejoin: round;
}

  .z_2000 {
    z-index: 2000;
}

  .d_contents {
    display: contents;
}

  .vis_hidden {
    visibility: hidden;
}

  .bg-i_radial-gradient\(\#cbd5e1_1px\,_transparent_1px\) {
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
}

  .bg-s_20px_20px {
    background-size: 20px 20px;
}

  .c_indigo\.600 {
    color: var(--colors-indigo-600);
}

  .c_indigo\.100 {
    color: var(--colors-indigo-100);
}

  .c_indigo\.200 {
    color: var(--colors-indigo-200);
}

  .c_\#059669 {
    color: #059669;
}

  .c_var\(--colors-emerald-500\) {
    color: var(--colors-emerald-500);
}

  .c_var\(--colors-yellow-500\) {
    color: var(--colors-yellow-500);
}

  .c_var\(--colors-yellow-600\) {
    color: var(--colors-yellow-600);
}

  .c_var\(--colors-indigo-500\) {
    color: var(--colors-indigo-500);
}

  .c_var\(--colors-orange-700\) {
    color: var(--colors-orange-700);
}

  .c_var\(--colors-yellow-700\) {
    color: var(--colors-yellow-700);
}

  .bg-i_radial-gradient\(circle_at_20\%_50\%\,_\#e0e7ff_1px\,_transparent_1px\)\,_radial-gradient\(circle_at_80\%_80\%\,_\#dbeafe_1px\,_transparent_1px\) {
    background-image: radial-gradient(circle at 20% 50%, #e0e7ff 1px, transparent 1px), radial-gradient(circle at 80% 80%, #dbeafe 1px, transparent 1px);
}

  .bg-s_40px_40px {
    background-size: 40px 40px;
}

  .c_cyan\.600 {
    color: var(--colors-cyan-600);
}

  .bx-sh_0_25px_50px_rgba\(0\,_0\,_0\,_0\.15\) {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

  .z_51 {
    z-index: 51;
}

  .c_\#F59E0B {
    color: #F59E0B;
}

  .c_orange\.400 {
    color: var(--colors-orange-400);
}

  .c_\#EF4444 {
    color: #EF4444;
}

  .tbl_fixed {
    table-layout: fixed;
}

  .z_999 {
    z-index: 999;
}

  .grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

  .bd-cl_collapse {
    border-collapse: collapse;
}

  .c_\#DC2626 {
    color: #DC2626;
}

  .c_\#D97706 {
    color: #D97706;
}

  .c_\#06B6D4 {
    color: #06B6D4;
}

  .c_red\.300 {
    color: var(--colors-red-300);
}

  .bkdp_blur\(8px\) {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

  .c_amber\.400 {
    color: var(--colors-amber-400);
}

  .color-palette_pink {
    --colors-color-palette-50: var(--colors-pink-50);
    --colors-color-palette-100: var(--colors-pink-100);
    --colors-color-palette-200: var(--colors-pink-200);
    --colors-color-palette-300: var(--colors-pink-300);
    --colors-color-palette-400: var(--colors-pink-400);
    --colors-color-palette-500: var(--colors-pink-500);
    --colors-color-palette-600: var(--colors-pink-600);
    --colors-color-palette-700: var(--colors-pink-700);
    --colors-color-palette-800: var(--colors-pink-800);
    --colors-color-palette-900: var(--colors-pink-900);
    --colors-color-palette-950: var(--colors-pink-950);
}

  .color-palette_lime {
    --colors-color-palette-50: var(--colors-lime-50);
    --colors-color-palette-100: var(--colors-lime-100);
    --colors-color-palette-200: var(--colors-lime-200);
    --colors-color-palette-300: var(--colors-lime-300);
    --colors-color-palette-400: var(--colors-lime-400);
    --colors-color-palette-500: var(--colors-lime-500);
    --colors-color-palette-600: var(--colors-lime-600);
    --colors-color-palette-700: var(--colors-lime-700);
    --colors-color-palette-800: var(--colors-lime-800);
    --colors-color-palette-900: var(--colors-lime-900);
    --colors-color-palette-950: var(--colors-lime-950);
}

  .c_\#14B8A6 {
    color: #14B8A6;
}

  .c_\#6366F1 {
    color: #6366F1;
}

  .c_\#EC4899 {
    color: #EC4899;
}

  .c_\#F97316 {
    color: #F97316;
}

  .c_\#84CC16 {
    color: #84CC16;
}

  .c_\$\{primaryColor {
    color: $;
}

  .bdr-t_lg {
    border-top-left-radius: var(--radii-lg);
    border-top-right-radius: var(--radii-lg);
}

  .bx-sh_inset_0_0_30px_rgba\(234\,_179\,_8\,_0\.3\)\,_0_0_20px_rgba\(234\,_179\,_8\,_0\.5\) {
    box-shadow: inset 0 0 30px rgba(234, 179, 8, 0.3), 0 0 20px rgba(234, 179, 8, 0.5);
}

  .bx-sh_inset_0_0_20px_rgba\(234\,_179\,_8\,_0\.4\)\,_0_0_20px_rgba\(234\,_179\,_8\,_0\.6\) {
    box-shadow: inset 0 0 20px rgba(234, 179, 8, 0.4), 0 0 20px rgba(234, 179, 8, 0.6);
}

  .bx-sh_0_2px_8px_rgba\(0\,0\,0\,0\.2\) {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

  .bx-sh_0_2px_8px_rgba\(0\,_0\,_0\,_0\.2\) {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

  .grad-from_yellow\.400 {
    --gradient-from: var(--colors-yellow-400);
}

  .grad-to_yellow\.600 {
    --gradient-to: var(--colors-yellow-600);
}

  .bx-sh_0_0_30px_rgba\(234\,_179\,_8\,_0\.5\) {
    box-shadow: 0 0 30px rgba(234, 179, 8, 0.5);
}

  .order_3 {
    order: 3;
}

  .c_yellow\.400 {
    color: var(--colors-yellow-400);
}

  .grad-from_purple\.900\/30 {
    --mix---gradient-from: color-mix(in srgb, var(--colors-purple-900) 30%, transparent);
    --gradient-from: var(--mix---gradient-from, var(--colors-purple-900));
}

  .grad-to_blue\.900\/30 {
    --mix---gradient-to: color-mix(in srgb, var(--colors-blue-900) 30%, transparent);
    --gradient-to: var(--mix---gradient-to, var(--colors-blue-900));
}

  .grid-tc_1fr_1fr_1fr_1fr_auto {
    grid-template-columns: 1fr 1fr 1fr 1fr auto;
}

  .grid-tc_1fr_2fr_1fr_auto {
    grid-template-columns: 1fr 2fr 1fr auto;
}

  .as_center {
    align-self: center;
}

  .z_dropdown {
    z-index: var(--z-index-dropdown);
}

  .dvd-y_1px > :not([hidden]) ~ :not([hidden]) {
    border-top-width: 1px;
    border-bottom-width: 0px;
}

  .dvd-c_gray\.200 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--colors-gray-200);
}

  .c_teal\.700 {
    color: var(--colors-teal-700);
}

  .scr-bar-w_none {
    scrollbar-width: none;
}

  .c_yellow\.950 {
    color: var(--colors-yellow-950);
}

  .bx-sh_inner {
    box-shadow: inner;
}

  .bg-c_green\.50 {
    background-color: var(--colors-green-50);
}

  .c_\#4A5568 {
    color: #4A5568;
}

  .bdr-t_md {
    border-top-left-radius: var(--radii-md);
    border-top-right-radius: var(--radii-md);
}

  .bdr-t_sm {
    border-top-left-radius: var(--radii-sm);
    border-top-right-radius: var(--radii-sm);
}

  .op_0\.85 {
    opacity: 0.85;
}

  .c_purple\.400 {
    color: var(--colors-purple-400);
}

  .c_\#a1a1aa {
    color: #a1a1aa;
}

  .grid-tc_repeat\(12\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

  .c_\#7c3aed {
    color: #7c3aed;
}

  .c_gray\.200 {
    color: var(--colors-gray-200);
}

  .c_orange\.300 {
    color: var(--colors-orange-300);
}

  .c_emerald\.600 {
    color: var(--colors-emerald-600);
}

  .fs_15px {
    font-size: 15px;
}

  .content_Scale_connected_and_ready {
    content: Scale connected and ready;
}

  .content_Scale_disconnected {
    content: Scale disconnected;
}

  .content_Create_new_ticket_\(Ctrl\+N\) {
    content: Create new ticket (Ctrl+N);
}

  .content_Reports_\&_Analytics {
    content: Reports & Analytics;
}

  .content_Hardware_Setup {
    content: Hardware Setup;
}

  .content_Compliance_Settings {
    content: Compliance Settings;
}

  .content_Refresh_data {
    content: Refresh data;
}

  .content_Certified_Weight {
    content: Certified Weight;
}

  .content_View_Details {
    content: View Details;
}

  .content_Print_Ticket {
    content: Print Ticket;
}

  .bd-e-w_var\(--thickness\) {
    border-inline-end-width: var(--thickness);
}

  .bx-sh_0_4px_16px_rgba\(59\,_130\,_246\,_0\.1\) {
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);
}

  .bx-sh_0_0_0_3px_rgba\(59\,_130\,_246\,_0\.1\)\,_0_4px_12px_rgba\(59\,_130\,_246\,_0\.12\) {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(59, 130, 246, 0.12);
}

  .bx-sh_0_0_0_3px_rgba\(59\,_130\,_246\,_0\.1\)\,_0_4px_16px_rgba\(59\,_130\,_246\,_0\.12\) {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 16px rgba(59, 130, 246, 0.12);
}

  .c_indigo\.900 {
    color: var(--colors-indigo-900);
}

  .c_indigo\.800 {
    color: var(--colors-indigo-800);
}

  .c_var\(--colors-indigo-700\) {
    color: var(--colors-indigo-700);
}

  .c_var\(--colors-purple-700\) {
    color: var(--colors-purple-700);
}

  .c_var\(--colors-blue-700\) {
    color: var(--colors-blue-700);
}

  .c_var\(--colors-green-700\) {
    color: var(--colors-green-700);
}

  .c_var\(--colors-indigo-600\) {
    color: var(--colors-indigo-600);
}

  .ls_0\.3em {
    letter-spacing: 0.3em;
}

  .ls_widest {
    letter-spacing: var(--letter-spacings-widest);
}

  .bx-sh_0_0_0_4px_rgba\(59\,_130\,_246\,_0\.2\) {
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

  .bx-sh_0_4px_6px_-1px_rgba\(59\,_130\,_246\,_0\.2\) {
    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.2);
}

  .bx-sh_0_4px_6px_-1px_rgba\(249\,_115\,_22\,_0\.2\) {
    box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.2);
}

  .c_indigo\.700 {
    color: var(--colors-indigo-700);
}

  .bkdp_blur\(2px\) {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

  .as_start {
    align-self: start;
}

  .obj-f_contain {
    object-fit: contain;
}

  .color-palette_slate {
    --colors-color-palette-50: var(--colors-slate-50);
    --colors-color-palette-100: var(--colors-slate-100);
    --colors-color-palette-200: var(--colors-slate-200);
    --colors-color-palette-300: var(--colors-slate-300);
    --colors-color-palette-400: var(--colors-slate-400);
    --colors-color-palette-500: var(--colors-slate-500);
    --colors-color-palette-600: var(--colors-slate-600);
    --colors-color-palette-700: var(--colors-slate-700);
    --colors-color-palette-800: var(--colors-slate-800);
    --colors-color-palette-900: var(--colors-slate-900);
    --colors-color-palette-950: var(--colors-slate-950);
}

  .c_blue\.50 {
    color: var(--colors-blue-50);
}

  .c_blue\.200 {
    color: var(--colors-blue-200);
}

  .c_blue\.950 {
    color: var(--colors-blue-950);
}

  .bg-c_blue\.50 {
    background-color: var(--colors-blue-50);
}

  .bg-c_blue\.100 {
    background-color: var(--colors-blue-100);
}

  .bg-c_blue\.200 {
    background-color: var(--colors-blue-200);
}

  .bg-c_blue\.300 {
    background-color: var(--colors-blue-300);
}

  .bg-c_blue\.400 {
    background-color: var(--colors-blue-400);
}

  .bg-c_blue\.500 {
    background-color: var(--colors-blue-500);
}

  .bg-c_blue\.700 {
    background-color: var(--colors-blue-700);
}

  .bg-c_blue\.800 {
    background-color: var(--colors-blue-800);
}

  .bg-c_blue\.900 {
    background-color: var(--colors-blue-900);
}

  .bg-c_blue\.950 {
    background-color: var(--colors-blue-950);
}

  .top_0 {
    top: var(--spacing-0);
}

  .left_0 {
    left: var(--spacing-0);
}

  .right_0 {
    right: var(--spacing-0);
}

  .bottom_0 {
    bottom: var(--spacing-0);
}

  .w_full {
    width: var(--sizes-full);
}

  .h_2 {
    height: var(--sizes-2);
}

  .h_full {
    height: var(--sizes-full);
}

  .w_40\% {
    width: 40%;
}

  .w_2 {
    width: var(--sizes-2);
}

  .h_100vh {
    height: 100vh;
}

  .w_100vw {
    width: 100vw;
}

  .max-w_md {
    max-width: var(--sizes-md);
}

  .w_12px {
    width: 12px;
}

  .h_12px {
    height: 12px;
}

  .min-w_auto {
    min-width: auto;
}

  .h_auto {
    height: auto;
}

  .mt_2 {
    margin-top: var(--spacing-2);
}

  .max-h_120px {
    max-height: 120px;
}

  .w_3 {
    width: var(--sizes-3);
}

  .h_3 {
    height: var(--sizes-3);
}

  .w_6 {
    width: var(--sizes-6);
}

  .h_0\.5 {
    height: var(--sizes-0\.5);
}

  .w_8 {
    width: var(--sizes-8);
}

  .h_6 {
    height: var(--sizes-6);
}

  .pt_2 {
    padding-top: var(--spacing-2);
}

  .mt_1 {
    margin-top: var(--spacing-1);
}

  .w_4 {
    width: var(--sizes-4);
}

  .h_1 {
    height: var(--sizes-1);
}

  .bottom_235px {
    bottom: 235px;
}

  .bottom_3 {
    bottom: var(--spacing-3);
}

  .left_3 {
    left: var(--spacing-3);
}

  .min-w_240px {
    min-width: 240px;
}

  .mt_3 {
    margin-top: var(--spacing-3);
}

  .pt_3 {
    padding-top: var(--spacing-3);
}

  .mb_3 {
    margin-bottom: var(--spacing-3);
}

  .mb_1\.5 {
    margin-bottom: var(--spacing-1\.5);
}

  .w_5 {
    width: var(--sizes-5);
}

  .h_5 {
    height: var(--sizes-5);
}

  .mb_1 {
    margin-bottom: var(--spacing-1);
}

  .right_2 {
    right: var(--spacing-2);
}

  .top_50\% {
    top: 50%;
}

  .max-h_200px {
    max-height: 200px;
}

  .top_3 {
    top: var(--spacing-3);
}

  .right_3 {
    right: var(--spacing-3);
}

  .max-h_250px {
    max-height: 250px;
}

  .ov-y_auto {
    overflow-y: auto;
}

  .w_1px {
    width: 1px;
}

  .h_24px {
    height: 24px;
}

  .min-h_200px {
    min-height: 200px;
}

  .max-h_400px {
    max-height: 400px;
}

  .w_280px {
    width: 280px;
}

  .mb_2 {
    margin-bottom: var(--spacing-2);
}

  .left_50\% {
    left: 50%;
}

  .w_400px {
    width: 400px;
}

  .max-w_calc\(100vw_-_32px\) {
    max-width: calc(100vw - 32px);
}

  .top_12px {
    top: 12px;
}

  .right_12px {
    right: 12px;
}

  .w_360px {
    width: 360px;
}

  .pt_7 {
    padding-top: var(--spacing-7);
}

  .bd-t-w_1px {
    border-top-width: 1px;
}

  .min-h_100vh {
    min-height: 100vh;
}

  .h_16 {
    height: var(--sizes-16);
}

  .min-w_0 {
    min-width: var(--sizes-0);
}

  .h_3px {
    height: 3px;
}

  .w_64 {
    width: var(--sizes-64);
}

  .w_0 {
    width: var(--sizes-0);
}

  .ov-x_hidden {
    overflow-x: hidden;
}

  .w_12 {
    width: var(--sizes-12);
}

  .h_12 {
    height: var(--sizes-12);
}

  .mt_0\.5 {
    margin-top: var(--spacing-0\.5);
}

  .mt_6 {
    margin-top: var(--spacing-6);
}

  .mt_5 {
    margin-top: var(--spacing-5);
}

  .h_px {
    height: px;
}

  .max-w_full {
    max-width: var(--sizes-full);
}

  .top_1 {
    top: var(--spacing-1);
}

  .right_1 {
    right: var(--spacing-1);
}

  .w_sm {
    width: var(--sizes-sm);
}

  .pt_0 {
    padding-top: var(--spacing-0);
}

  .pt_32 {
    padding-top: var(--spacing-32);
}

  .max-w_1400px {
    max-width: 1400px;
}

  .mb_4 {
    margin-bottom: var(--spacing-4);
}

  .max-w_4xl {
    max-width: var(--sizes-4xl);
}

  .max-w_7xl {
    max-width: var(--sizes-7xl);
}

  .mb_6 {
    margin-bottom: var(--spacing-6);
}

  .mb_16 {
    margin-bottom: var(--spacing-16);
}

  .pt_24 {
    padding-top: var(--spacing-24);
}

  .pb_20 {
    padding-bottom: var(--spacing-20);
}

  .top_-10\% {
    top: -10%;
}

  .right_-5\% {
    right: -5%;
}

  .w_500px {
    width: 500px;
}

  .h_500px {
    height: 500px;
}

  .bottom_-10\% {
    bottom: -10%;
}

  .left_-5\% {
    left: -5%;
}

  .h_400px {
    height: 400px;
}

  .w_16 {
    width: var(--sizes-16);
}

  .max-w_5xl {
    max-width: var(--sizes-5xl);
}

  .max-w_3xl {
    max-width: var(--sizes-3xl);
}

  .pt_4 {
    padding-top: var(--spacing-4);
}

  .max-w_2xl {
    max-width: var(--sizes-2xl);
}

  .mt_4 {
    margin-top: var(--spacing-4);
}

  .mb_12 {
    margin-bottom: var(--spacing-12);
}

  .mt_8 {
    margin-top: var(--spacing-8);
}

  .max-w_lg {
    max-width: var(--sizes-lg);
}

  .w_14 {
    width: var(--sizes-14);
}

  .h_14 {
    height: var(--sizes-14);
}

  .max-w_xl {
    max-width: var(--sizes-xl);
}

  .w_100\% {
    width: 100%;
}

  .max-w_520px {
    max-width: 520px;
}

  .max-w_460px {
    max-width: 460px;
}

  .pt_28 {
    padding-top: var(--spacing-28);
}

  .pb_8 {
    padding-bottom: var(--spacing-8);
}

  .min-h_auto {
    min-height: auto;
}

  .top_-20\% {
    top: -20%;
}

  .w_700px {
    width: 700px;
}

  .h_700px {
    height: 700px;
}

  .h_6px {
    height: 6px;
}

  .w_92\% {
    width: 92%;
}

  .h_100\% {
    height: 100%;
}

  .bottom_-15\% {
    bottom: -15%;
}

  .left_-8\% {
    left: -8%;
}

  .w_600px {
    width: 600px;
}

  .h_600px {
    height: 600px;
}

  .max-w_500px {
    max-width: 500px;
}

  .mb_8 {
    margin-bottom: var(--spacing-8);
}

  .mb_5 {
    margin-bottom: var(--spacing-5);
}

  .max-w_480px {
    max-width: 480px;
}

  .left_11px {
    left: 11px;
}

  .top_18px {
    top: 18px;
}

  .bottom_18px {
    bottom: 18px;
}

  .w_2px {
    width: 2px;
}

  .pt_3px {
    padding-top: 3px;
}

  .max-w_1320px {
    max-width: 1320px;
}

  .mt_10 {
    margin-top: var(--spacing-10);
}

  .w_44px {
    width: 44px;
}

  .h_44px {
    height: 44px;
}

  .top_-12px {
    top: -12px;
}

  .right_-8px {
    right: -8px;
}

  .bottom_-12px {
    bottom: -12px;
}

  .left_-8px {
    left: -8px;
}

  .w_16px {
    width: 16px;
}

  .h_16px {
    height: 16px;
}

  .min-h_40vh {
    min-height: 40vh;
}

  .w_80px {
    width: 80px;
}

  .h_80px {
    height: 80px;
}

  .top_120px {
    top: 120px;
}

  .w_36px {
    width: 36px;
}

  .h_36px {
    height: 36px;
}

  .w_24px {
    width: 24px;
}

  .w_32px {
    width: 32px;
}

  .h_32px {
    height: 32px;
}

  .mb_0\.5 {
    margin-bottom: var(--spacing-0\.5);
}

  .w_48px {
    width: 48px;
}

  .h_48px {
    height: 48px;
}

  .ml_2 {
    margin-left: var(--spacing-2);
}

  .w_800px {
    width: 800px;
}

  .h_800px {
    height: 800px;
}

  .bottom_-30px {
    bottom: -30px;
}

  .left_-20px {
    left: -20px;
}

  .w_140px {
    width: 140px;
}

  .h_95px {
    height: 95px;
}

  .w_8px {
    width: 8px;
}

  .h_8px {
    height: 8px;
}

  .w_28px {
    width: 28px;
}

  .h_28px {
    height: 28px;
}

  .w_70\% {
    width: 70%;
}

  .h_1px {
    height: 1px;
}

  .w_6px {
    width: 6px;
}

  .mt_1\.5 {
    margin-top: var(--spacing-1\.5);
}

  .max-w_600px {
    max-width: 600px;
}

  .mb_1px {
    margin-bottom: 1px;
}

  .pb_16 {
    padding-bottom: var(--spacing-16);
}

  .mt_16 {
    margin-top: var(--spacing-16);
}

  .max-w_6xl {
    max-width: var(--sizes-6xl);
}

  .h_8 {
    height: var(--sizes-8);
}

  .bd-t-c_blue\.500 {
    border-top-color: var(--colors-blue-500);
}

  .bd-t-c_green\.500 {
    border-top-color: var(--colors-green-500);
}

  .bd-t-c_yellow\.500 {
    border-top-color: var(--colors-yellow-500);
}

  .min-h_300px {
    min-height: 300px;
}

  .top_4 {
    top: var(--spacing-4);
}

  .right_4 {
    right: var(--spacing-4);
}

  .w_300px {
    width: 300px;
}

  .w_120px {
    width: 120px;
}

  .pt_12 {
    padding-top: var(--spacing-12);
}

  .h_200px {
    height: 200px;
}

  .top_20\% {
    top: 20%;
}

  .right_-20px {
    right: -20px;
}

  .pb_6 {
    padding-bottom: var(--spacing-6);
}

  .pt_56\.25\% {
    padding-top: 56.25%;
}

  .pt_8 {
    padding-top: var(--spacing-8);
}

  .min-h_48px {
    min-height: 48px;
}

  .min-h_600px {
    min-height: 600px;
}

  .top_10\% {
    top: 10%;
}

  .left_20\% {
    left: 20%;
}

  .bottom_20\% {
    bottom: 20%;
}

  .right_10\% {
    right: 10%;
}

  .h_300px {
    height: 300px;
}

  .top_-20px {
    top: -20px;
}

  .w_10 {
    width: var(--sizes-10);
}

  .h_10 {
    height: var(--sizes-10);
}

  .ml_8 {
    margin-left: var(--spacing-8);
}

  .top_-50\% {
    top: -50%;
}

  .w_200px {
    width: 200px;
}

  .h_140px {
    height: 140px;
}

  .ml_-1 {
    margin-left: calc(var(--spacing-1) * -1);
}

  .h_60\% {
    height: 60%;
}

  .min-w_full {
    min-width: var(--sizes-full);
}

  .pt_6 {
    padding-top: var(--spacing-6);
}

  .pt_16 {
    padding-top: var(--spacing-16);
}

  .pb_4 {
    padding-bottom: var(--spacing-4);
}

  .mb_10 {
    margin-bottom: var(--spacing-10);
}

  .pt_20 {
    padding-top: var(--spacing-20);
}

  .w_80\% {
    width: 80%;
}

  .w_90\% {
    width: 90%;
}

  .min-h_500px {
    min-height: 500px;
}

  .bd-l-c_red\.500 {
    border-left-color: var(--colors-red-500);
}

  .h_4 {
    height: var(--sizes-4);
}

  .bd-t-c_transparent {
    border-top-color: var(--colors-transparent);
}

  .min-h_2\.5em {
    min-height: 2.5em;
}

  .lc_2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

  .w_32 {
    width: var(--sizes-32);
}

  .top_-3 {
    top: calc(var(--spacing-3) * -1);
}

  .h_fit-content {
    height: fit-content;
}

  .min-h_44px {
    min-height: 44px;
}

  .top_24 {
    top: var(--spacing-24);
}

  .min-h_16 {
    min-height: var(--sizes-16);
}

  .max-h_300px {
    max-height: 300px;
}

  .w_20 {
    width: var(--sizes-20);
}

  .h_20 {
    height: var(--sizes-20);
}

  .pt_1 {
    padding-top: var(--spacing-1);
}

  .w_4px {
    width: 4px;
}

  .h_4px {
    height: 4px;
}

  .top_-10px {
    top: -10px;
}

  .w_78\% {
    width: 78%;
}

  .w_14px {
    width: 14px;
}

  .h_14px {
    height: 14px;
}

  .w_70px {
    width: 70px;
}

  .w_98\% {
    width: 98%;
}

  .max-w_540px {
    max-width: 540px;
}

  .w_30px {
    width: 30px;
}

  .bottom_-1 {
    bottom: calc(var(--spacing-1) * -1);
}

  .right_-1 {
    right: calc(var(--spacing-1) * -1);
}

  .pb_1 {
    padding-bottom: var(--spacing-1);
}

  .max-h_90vh {
    max-height: 90vh;
}

  .bd-b-w_1px {
    border-bottom-width: 1px;
}

  .pb_12 {
    padding-bottom: var(--spacing-12);
}

  .min-h_20 {
    min-height: var(--sizes-20);
}

  .h_2px {
    height: 2px;
}

  .pl_4 {
    padding-left: var(--spacing-4);
}

  .w_50px {
    width: 50px;
}

  .w_30\% {
    width: 30%;
}

  .w_25\% {
    width: 25%;
}

  .w_20\% {
    width: 20%;
}

  .pr_10 {
    padding-right: var(--spacing-10);
}

  .min-w_sm {
    min-width: var(--sizes-sm);
}

  .h_var\(--height\) {
    height: var(--height);
}

  .pb_3 {
    padding-bottom: var(--spacing-3);
}

  .top_2 {
    top: var(--spacing-2);
}

  .max-w_1200px {
    max-width: 1200px;
}

  .bd-b-c_gray\.200 {
    border-bottom-color: var(--colors-gray-200);
}

  .bottom_2 {
    bottom: var(--spacing-2);
}

  .bd-t-c_gray\.100 {
    border-top-color: var(--colors-gray-100);
}

  .max-w_400px {
    max-width: 400px;
}

  .lc_1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

  .max-w_100\% {
    max-width: 100%;
}

  .pr_3 {
    padding-right: var(--spacing-3);
}

  .pl_10 {
    padding-left: var(--spacing-10);
}

  .max-h_calc\(90vh_-_280px\) {
    max-height: calc(90vh - 280px);
}

  .w_60px {
    width: 60px;
}

  .h_60px {
    height: 60px;
}

  .h_18px {
    height: 18px;
}

  .w_60\% {
    width: 60%;
}

  .h_20px {
    height: 20px;
}

  .bd-t-c_gray\.200 {
    border-top-color: var(--colors-gray-200);
}

  .max-w_300px {
    max-width: 300px;
}

  .min-w_140px {
    min-width: 140px;
}

  .min-w_80px {
    min-width: 80px;
}

  .ml_14 {
    margin-left: var(--spacing-14);
}

  .pb_0 {
    padding-bottom: var(--spacing-0);
}

  .w_95vw {
    width: 95vw;
}

  .max-w_1800px {
    max-width: 1800px;
}

  .max-h_95vh {
    max-height: 95vh;
}

  .ml_auto {
    margin-left: auto;
}

  .bd-t-c_blue\.600 {
    border-top-color: var(--colors-blue-600);
}

  .bd-t-c_white {
    border-top-color: var(--colors-white);
}

  .max-h_calc\(95vh_-_200px\) {
    max-height: calc(95vh - 200px);
}

  .max-w_550px {
    max-width: 550px;
}

  .ov-x_auto {
    overflow-x: auto;
}

  .pb_2 {
    padding-bottom: var(--spacing-2);
}

  .lc_5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

  .max-h_150px {
    max-height: 150px;
}

  .max-h_500px {
    max-height: 500px;
}

  .min-h_400px {
    min-height: 400px;
}

  .min-h_220px {
    min-height: 220px;
}

  .bd-b-c_gray\.100 {
    border-bottom-color: var(--colors-gray-100);
}

  .max-h_80px {
    max-height: 80px;
}

  .max-h_100px {
    max-height: 100px;
}

  .lc_6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

  .max-h_220px {
    max-height: 220px;
}

  .max-w_700px {
    max-width: 700px;
}

  .h_7 {
    height: var(--sizes-7);
}

  .pl_6 {
    padding-left: var(--spacing-6);
}

  .pl_2 {
    padding-left: var(--spacing-2);
}

  .max-h_70vh {
    max-height: 70vh;
}

  .w_180px {
    width: 180px;
}

  .left_19px {
    left: 19px;
}

  .top_8 {
    top: var(--spacing-8);
}

  .mb_0 {
    margin-bottom: var(--spacing-0);
}

  .bd-l-w_2px {
    border-left-width: 2px;
}

  .bd-l-w_3px {
    border-left-width: 3px;
}

  .mb_-1 {
    margin-bottom: calc(var(--spacing-1) * -1);
}

  .top_-6px {
    top: -6px;
}

  .right_-6px {
    right: -6px;
}

  .max-h_92vh {
    max-height: 92vh;
}

  .bd-l-w_4px {
    border-left-width: 4px;
}

  .top_100\% {
    top: 100%;
}

  .max-h_160px {
    max-height: 160px;
}

  .min-h_9 {
    min-height: var(--sizes-9);
}

  .top_calc\(100\%_\+_4px\) {
    top: calc(100% + 4px);
}

  .ml_18px {
    margin-left: 18px;
}

  .bd-t-w_0 {
    border-top-width: 0;
}

  .max-h_260px {
    max-height: 260px;
}

  .mt_-3 {
    margin-top: calc(var(--spacing-3) * -1);
}

  .bd-l-w_0 {
    border-left-width: 0;
}

  .bd-l-c_blue\.500 {
    border-left-color: var(--colors-blue-500);
}

  .bd-b-w_0 {
    border-bottom-width: 0;
}

  .bd-l-c_teal\.500 {
    border-left-color: var(--colors-teal-500);
}

  .bd-l-c_yellow\.500 {
    border-left-color: var(--colors-yellow-500);
}

  .mr_1 {
    margin-right: var(--spacing-1);
}

  .mt_2px {
    margin-top: 2px;
}

  .max-h_96 {
    max-height: var(--sizes-96);
}

  .bd-t-w_4px {
    border-top-width: 4px;
}

  .bd-b-c_gray\.700 {
    border-bottom-color: var(--colors-gray-700);
}

  .bd-t-w_2px {
    border-top-width: 2px;
}

  .bd-t-c_gray\.600 {
    border-top-color: var(--colors-gray-600);
}

  .bd-t-c_gray\.700 {
    border-top-color: var(--colors-gray-700);
}

  .ml_4 {
    margin-left: var(--spacing-4);
}

  .mr_4px {
    margin-right: 4px;
}

  .ml_5 {
    margin-left: var(--spacing-5);
}

  .ml_6 {
    margin-left: var(--spacing-6);
}

  .min-w_120px {
    min-width: 120px;
}

  .min-w_160px {
    min-width: 160px;
}

  .ml_1 {
    margin-left: var(--spacing-1);
}

  .h_64 {
    height: var(--sizes-64);
}

  .w_18px {
    width: 18px;
}

  .h_90vh {
    height: 90vh;
}

  .h_180px {
    height: 180px;
}

  .max-h_600px {
    max-height: 600px;
}

  .w_90vw {
    width: 90vw;
}

  .bd-r-w_1px {
    border-right-width: 1px;
}

  .pl_3 {
    padding-left: var(--spacing-3);
}

  .w_100px {
    width: 100px;
}

  .h_10px {
    height: 10px;
}

  .min-w_220px {
    min-width: 220px;
}

  .w_40px {
    width: 40px;
}

  .w_52px {
    width: 52px;
}

  .w_55px {
    width: 55px;
}

  .w_72px {
    width: 72px;
}

  .max-w_60\% {
    max-width: 60%;
}

  .w_260px {
    width: 260px;
}

  .min-w_40px {
    min-width: 40px;
}

  .h_120px {
    height: 120px;
}

  .h_160px {
    height: 160px;
}

  .mt_1px {
    margin-top: 1px;
}

  .left_-38px {
    left: -38px;
}

  .top_10px {
    top: 10px;
}

  .left_15px {
    left: 15px;
}

  .top_4px {
    top: 4px;
}

  .bottom_4px {
    bottom: 4px;
}

  .w_1\.5px {
    width: 1.5px;
}

  .bottom_6 {
    bottom: var(--spacing-6);
}

  .w_3px {
    width: 3px;
}

  .pt_0\.5 {
    padding-top: var(--spacing-0\.5);
}

  .mr_2 {
    margin-right: var(--spacing-2);
}

  .min-w_150px {
    min-width: 150px;
}

  .max-w_180px {
    max-width: 180px;
}

  .w_130px {
    width: 130px;
}

  .min-w_8 {
    min-width: var(--sizes-8);
}

  .max-w_900px {
    max-width: 900px;
}

  .h_92vh {
    height: 92vh;
}

  .max-w_1000px {
    max-width: 1000px;
}

  .h_80vh {
    height: 80vh;
}

  .w_9 {
    width: var(--sizes-9);
}

  .h_9 {
    height: var(--sizes-9);
}

  .mb_2\.5 {
    margin-bottom: var(--spacing-2\.5);
}

  .w_7 {
    width: var(--sizes-7);
}

  .bd-l-c_transparent {
    border-left-color: var(--colors-transparent);
}

  .bd-b-c_blue\.200 {
    border-bottom-color: var(--colors-blue-200);
}

  .pt_2\.5 {
    padding-top: var(--spacing-2\.5);
}

  .pb_2\.5 {
    padding-bottom: var(--spacing-2\.5);
}

  .bd-l-c_gray\.300 {
    border-left-color: var(--colors-gray-300);
}

  .bd-l-c_blue\.400 {
    border-left-color: var(--colors-blue-400);
}

  .h_3\.5 {
    height: var(--sizes-3\.5);
}

  .w_320px {
    width: 320px;
}

  .w_2\.5 {
    width: var(--sizes-2\.5);
}

  .h_2\.5 {
    height: var(--sizes-2\.5);
}

  .ml_0\.5 {
    margin-left: var(--spacing-0\.5);
}

  .pb_0\.5 {
    padding-bottom: var(--spacing-0\.5);
}

  .mt_-2 {
    margin-top: calc(var(--spacing-2) * -1);
}

  .w_160px {
    width: 160px;
}

  .min-w_200px {
    min-width: 200px;
}

  .w_90px {
    width: 90px;
}

  .max-w_sm {
    max-width: var(--sizes-sm);
}

  .max-h_90dvh {
    max-height: 90dvh;
}

  .max-w_720px {
    max-width: 720px;
}

  .max-h_85vh {
    max-height: 85vh;
}

  .min-w_180px {
    min-width: 180px;
}

  .min-w_260px {
    min-width: 260px;
}

  .left_2\.5 {
    left: var(--spacing-2\.5);
}

  .max-h_240px {
    max-height: 240px;
}

  .pl_8 {
    padding-left: var(--spacing-8);
}

  .max-h_320px {
    max-height: 320px;
}

  .min-w_24px {
    min-width: 24px;
}

  .bd-b-w_2px {
    border-bottom-width: 2px;
}

  .max-w_420px {
    max-width: 420px;
}

  .w_20px {
    width: 20px;
}

  .max-w_1290px {
    max-width: 1290px;
}

  .max-w_800px {
    max-width: 800px;
}

  .h_220px {
    height: 220px;
}

  .min-h_2\.8em {
    min-height: 2.8em;
}

  .right_-10\% {
    right: -10%;
}

  .top_-100px {
    top: -100px;
}

  .left_-100px {
    left: -100px;
}

  .w_250px {
    width: 250px;
}

  .h_250px {
    height: 250px;
}

  .bottom_-10px {
    bottom: -10px;
}

  .left_-10px {
    left: -10px;
}

  .pr_2 {
    padding-right: var(--spacing-2);
}

  .h_0px {
    height: 0px;
}

  .min-w_7 {
    min-width: var(--sizes-7);
}

  .bottom_-120px {
    bottom: -120px;
}

  .right_-220px {
    right: -220px;
}

  .w_550px {
    width: 550px;
}

  .h_380px {
    height: 380px;
}

  .max-w_200px {
    max-width: 200px;
}

  .w_15\% {
    width: 15%;
}

  .h_40\% {
    height: 40%;
}

  .h_65\% {
    height: 65%;
}

  .h_30\% {
    height: 30%;
}

  .h_85\% {
    height: 85%;
}

  .h_50\% {
    height: 50%;
}

  .h_70\% {
    height: 70%;
}

  .h_25\% {
    height: 25%;
}

  .mt_auto {
    margin-top: auto;
}

  .h_100px {
    height: 100px;
}

  .w_150px {
    width: 150px;
}

  .max-w_280px {
    max-width: 280px;
}

  .bottom_10\% {
    bottom: 10%;
}

  .pl_5 {
    padding-left: var(--spacing-5);
}

  .left_18\% {
    left: 18%;
}

  .top_65\% {
    top: 65%;
}

  .left_83\% {
    left: 83%;
}

  .top_22\% {
    top: 22%;
}

  .w_10px {
    width: 10px;
}

  .w_5px {
    width: 5px;
}

  .h_5px {
    height: 5px;
}

  .left_55\% {
    left: 55%;
}

  .top_45\% {
    top: 45%;
}

  .bottom_4 {
    bottom: var(--spacing-4);
}

  .min-h_120px {
    min-height: 120px;
}

  .top_52px {
    top: 52px;
}

  .left_calc\(12\.5\%_\+_24px\) {
    left: calc(12.5% + 24px);
}

  .right_calc\(12\.5\%_\+_24px\) {
    right: calc(12.5% + 24px);
}

  .max-w_560px {
    max-width: 560px;
}

  .h_40px {
    height: 40px;
}

  .ml_1\.5 {
    margin-left: var(--spacing-1\.5);
}

  .bd-t-c_\#f1f5f9 {
    border-top-color: #f1f5f9;
}

  .bd-t-c_\#dbeafe {
    border-top-color: #dbeafe;
}

  .pt_5 {
    padding-top: var(--spacing-5);
}

  .min-w_680px {
    min-width: 680px;
}

  .right_-8\% {
    right: -8%;
}

  .max-w_1100px {
    max-width: 1100px;
}

  .h_72px {
    height: 72px;
}

  .top_100px {
    top: 100px;
}

  .left_-200px {
    left: -200px;
}

  .pl_13 {
    padding-left: 13px;
}

  .right_20\% {
    right: 20%;
}

  .left_4 {
    left: var(--spacing-4);
}

  .max-h_calc\(85vh_-_180px\) {
    max-height: calc(85vh - 180px);
}

  .min-h_10\.4in {
    min-height: 10.4in;
}

  .mt_0 {
    margin-top: var(--spacing-0);
}

  .min-w_100px {
    min-width: 100px;
}

  .min-h_9\.5in {
    min-height: 9.5in;
}

  .min-h_50px {
    min-height: 50px;
}

  .w_110px {
    width: 110px;
}

  .w_7\.5in {
    width: 7.5in;
}

  .min-h_10in {
    min-height: 10in;
}

  .pb_5 {
    padding-bottom: var(--spacing-5);
}

  .max-h_80vh {
    max-height: 80vh;
}

  .w_fit {
    width: var(--sizes-fit);
}

  .min-w_5 {
    min-width: var(--sizes-5);
}

  .w_24 {
    width: var(--sizes-24);
}

  .h_24 {
    height: var(--sizes-24);
}

  .bdr-bl_sm {
    border-bottom-left-radius: var(--radii-sm);
}

  .bdr-bl_2xl {
    border-bottom-left-radius: var(--radii-2xl);
}

  .bdr-br_2xl {
    border-bottom-right-radius: var(--radii-2xl);
}

  .bdr-br_sm {
    border-bottom-right-radius: var(--radii-sm);
}

  .max-w_70\% {
    max-width: 70%;
}

  .max-w_160px {
    max-width: 160px;
}

  .max-w_70px {
    max-width: 70px;
}

  .top_-1 {
    top: calc(var(--spacing-1) * -1);
}

  .bd-l-c_green\.500 {
    border-left-color: var(--colors-green-500);
}

  .bd-l-c_orange\.500 {
    border-left-color: var(--colors-orange-500);
}

  .bd-l-c_cyan\.500 {
    border-left-color: var(--colors-cyan-500);
}

  .max-w_950px {
    max-width: 950px;
}

  .top_8px {
    top: 8px;
}

  .left_6px {
    left: 6px;
}

  .top_6px {
    top: 6px;
}

  .right_6px {
    right: 6px;
}

  .w_22px {
    width: 22px;
}

  .h_22px {
    height: 22px;
}

  .w_270px {
    width: 270px;
}

  .max-w_440px {
    max-width: 440px;
}

  .max-w_360px {
    max-width: 360px;
}

  .h_40 {
    height: var(--sizes-40);
}

  .min-h_160px {
    min-height: 160px;
}

  .w_calc\(100vw_-_32px\) {
    width: calc(100vw - 32px);
}

  .min-w_50px {
    min-width: 50px;
}

  .pl_8px {
    padding-left: 8px;
}

  .pr_8px {
    padding-right: 8px;
}

  .pt_2px {
    padding-top: 2px;
}

  .pb_2px {
    padding-bottom: 2px;
}

  .pl_12px {
    padding-left: 12px;
}

  .pr_12px {
    padding-right: 12px;
}

  .pt_8px {
    padding-top: 8px;
}

  .pb_8px {
    padding-bottom: 8px;
}

  .h_100dvh {
    height: 100dvh;
}

  .pb_1\.5 {
    padding-bottom: var(--spacing-1\.5);
}

  .w_240px {
    width: 240px;
}

  .min-h_80px {
    min-height: 80px;
}

  .w_26px {
    width: 26px;
}

  .w_auto {
    width: auto;
}

  .h_26px {
    height: 26px;
}

  .pt_4px {
    padding-top: 4px;
}

  .pb_4px {
    padding-bottom: 4px;
}

  .max-h_calc\(100dvh_-_40px\) {
    max-height: calc(100dvh - 40px);
}

  .min-w_60px {
    min-width: 60px;
}

  .left_4px {
    left: 4px;
}

  .w_7px {
    width: 7px;
}

  .h_7px {
    height: 7px;
}

  .top_3px {
    top: 3px;
}

  .right_3px {
    right: 3px;
}

  .bottom_24px {
    bottom: 24px;
}

  .right_24px {
    right: 24px;
}

  .top_-4px {
    top: -4px;
}

  .right_-4px {
    right: -4px;
}

  .w_64px {
    width: 64px;
}

  .h_64px {
    height: 64px;
}

  .max-w_80\% {
    max-width: 80%;
}

  .right_6 {
    right: var(--spacing-6);
}

  .top_-6 {
    top: calc(var(--spacing-6) * -1);
}

  .w_12\% {
    width: 12%;
}

  .w_10\% {
    width: 10%;
}

  .w_13\% {
    width: 13%;
}

  .w_0\% {
    width: 0%;
}

  .w_80 {
    width: var(--sizes-80);
}

  .max-w_xs {
    max-width: var(--sizes-xs);
}

  .max-w_150px {
    max-width: 150px;
}

  .max-w_120px {
    max-width: 120px;
}

  .max-w_140px {
    max-width: 140px;
}

  .w_40 {
    width: var(--sizes-40);
}

  .bd-r-w_0 {
    border-right-width: 0;
}

  .bd-r-c_gray\.100 {
    border-right-color: var(--colors-gray-100);
}

  .border-top-style_dashed {
    border-top-style: dashed;
}

  .max-w_320px {
    max-width: 320px;
}

  .left_10px {
    left: 10px;
}

  .bd-b-c_gray\.50 {
    border-bottom-color: var(--colors-gray-50);
}

  .bd-l-c_red\.400 {
    border-left-color: var(--colors-red-400);
}

  .pl_34px {
    padding-left: 34px;
}

  .bd-t-w_3px {
    border-top-width: 3px;
}

  .bd-t-c_blue\.400 {
    border-top-color: var(--colors-blue-400);
}

  .bd-t-c_purple\.400 {
    border-top-color: var(--colors-purple-400);
}

  .bd-t-c_green\.400 {
    border-top-color: var(--colors-green-400);
}

  .pr_5 {
    padding-right: var(--spacing-5);
}

  .h_240px {
    height: 240px;
}

  .min-w_300px {
    min-width: 300px;
}

  .w_35\% {
    width: 35%;
}

  .min-w_250 {
    min-width: 250px;
}

  .max-w_170px {
    max-width: 170px;
}

  .max-w_90px {
    max-width: 90px;
}

  .min-w_100\% {
    min-width: 100%;
}

  .w_16\% {
    width: 16%;
}

  .w_9\% {
    width: 9%;
}

  .w_8\% {
    width: 8%;
}

  .w_11\% {
    width: 11%;
}

  .w_14\% {
    width: 14%;
}

  .bd-l-c_yellow\.600 {
    border-left-color: var(--colors-yellow-600);
}

  .bd-l-c_blue\.600 {
    border-left-color: var(--colors-blue-600);
}

  .bd-l-c_red\.600 {
    border-left-color: var(--colors-red-600);
}

  .w_fit-content {
    width: fit-content;
}

  .h_calc\(90vh_-_120px\) {
    height: calc(90vh - 120px);
}

  .bd-b-c_gray\.300 {
    border-bottom-color: var(--colors-gray-300);
}

  .max-w_60px {
    max-width: 60px;
}

  .max-w_50px {
    max-width: 50px;
}

  .ml_0 {
    margin-left: var(--spacing-0);
}

  .min-w_70px {
    min-width: 70px;
}

  .w_48 {
    width: var(--sizes-48);
}

  .h_530px {
    height: 530px;
}

  .lc_3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

  .max-w_1600px {
    max-width: 1600px;
}

  .max-h_calc\(90vh_-_180px\) {
    max-height: calc(90vh - 180px);
}

  .max-h_calc\(100vh_-_120px\) {
    max-height: calc(100vh - 120px);
}

  .w_1\.5 {
    width: var(--sizes-1\.5);
}

  .h_1\.5 {
    height: var(--sizes-1\.5);
}

  .max-h_360px {
    max-height: 360px;
}

  .max-w_660px {
    max-width: 660px;
}

  .ml_7 {
    margin-left: var(--spacing-7);
}

  .w_98vw {
    width: 98vw;
}

  .max-w_8xl {
    max-width: var(--sizes-8xl);
}

  .min-w_280px {
    min-width: 280px;
}

  .min-h_20px {
    min-height: 20px;
}

  .min-h_40px {
    min-height: 40px;
}

  .w_28 {
    width: var(--sizes-28);
}

  .pb_10 {
    padding-bottom: var(--spacing-10);
}

  .w_11 {
    width: var(--sizes-11);
}

  .h_11 {
    height: var(--sizes-11);
}

  .ml_3\.5px {
    margin-left: 3.5px;
}

  .bd-l-c_gray\.200 {
    border-left-color: var(--colors-gray-200);
}

  .mt_-1 {
    margin-top: calc(var(--spacing-1) * -1);
}

  .h_calc\(100vh_-_140px\) {
    height: calc(100vh - 140px);
}

  .max-w_350px {
    max-width: 350px;
}

  .min-h_0 {
    min-height: var(--sizes-0);
}

  .right_-20 {
    right: calc(var(--spacing-20) * -1);
}

  .top_-20 {
    top: calc(var(--spacing-20) * -1);
}

  .right_60 {
    right: var(--spacing-60);
}

  .bottom_-40 {
    bottom: calc(var(--spacing-40) * -1);
}

  .h_150px {
    height: 150px;
}

  .bottom_28px {
    bottom: 28px;
}

  .top_33\% {
    top: 33%;
}

  .top_66\% {
    top: 66%;
}

  .bottom_100\% {
    bottom: 100%;
}

  .bd-t-c_gray\.800 {
    border-top-color: var(--colors-gray-800);
}

  .h_190px {
    height: 190px;
}

  .w_35px {
    width: 35px;
}

  .h_52px {
    height: 52px;
}

  .left_14px {
    left: 14px;
}

  .top_30px {
    top: 30px;
}

  .max-w_100px {
    max-width: 100px;
}

  .ml_10 {
    margin-left: var(--spacing-10);
}

  .top_full {
    top: full;
}

  .w_18\% {
    width: 18%;
}

  .right_-50\% {
    right: -50%;
}

  .bottom_-50\% {
    bottom: -50%;
}

  .left_-50\% {
    left: -50%;
}

  .top_16px {
    top: 16px;
}

  .left_40px {
    left: 40px;
}

  .right_40px {
    right: 40px;
}

  .h_450px {
    height: 450px;
}

  .bd-t-c_slate\.200 {
    border-top-color: var(--colors-slate-200);
}

  .w_375px {
    width: 375px;
}

  .h_60vh {
    height: 60vh;
}

  .min-h_60px {
    min-height: 60px;
}

  .top_5rem {
    top: 5rem;
}

  .max-h_calc\(100vh_-_6rem\) {
    max-height: calc(100vh - 6rem);
}

  .min-h_40 {
    min-height: var(--sizes-40);
}

  .scr-mt_6rem {
    scroll-margin-top: 6rem;
}

  .\[\&\:\:-webkit-scrollbar-track\]\:bg_transparent::-webkit-scrollbar-track {
    background: var(--colors-transparent);
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_\#cbd5e0::-webkit-scrollbar-thumb {
    background: #cbd5e0;
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_border\.default::-webkit-scrollbar-thumb {
    background: var(--colors-border-default);
}

  .\[\&\.active\]\:bg_bg\.elevated.active {
    background: bg.elevated;
}

  .\[\&\.active\]\:bg_bg\.emphasized.active {
    background: bg.emphasized;
}

  .\[\&\:\:-webkit-scrollbar-track\]\:bg_\#f1f5f9::-webkit-scrollbar-track {
    background: #f1f5f9;
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_\#cbd5e1::-webkit-scrollbar-thumb {
    background: #cbd5e1;
}

  .checked\:bg_black:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
    background: var(--colors-black);
}

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:p_4px::-webkit-calendar-picker-indicator {
    padding: 4px;
}

  .\[\&_\.leaflet-container\]\:bg_\#0f172a .leaflet-container {
    background: #0f172a;
}

  .dark .dark\:bg_gray\.900 {
    background: var(--colors-gray-900);
}

  .dark .dark\:bg_gray\.800 {
    background: var(--colors-gray-800);
}

  .dark .dark\:bg_blue\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-blue-900) 30%, transparent);
    background: var(--mix-background, var(--colors-blue-900));
}

  .dark .dark\:bg_indigo\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-indigo-900) 30%, transparent);
    background: var(--mix-background, var(--colors-indigo-900));
}

  .dark .dark\:bg_green\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-green-900) 30%, transparent);
    background: var(--mix-background, var(--colors-green-900));
}

  .dark .dark\:bg_orange\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-orange-900) 30%, transparent);
    background: var(--mix-background, var(--colors-orange-900));
}

  .dark .dark\:bg_gray\.700 {
    background: var(--colors-gray-700);
}

  .dark .dark\:bg_emerald\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-emerald-900) 30%, transparent);
    background: var(--mix-background, var(--colors-emerald-900));
}

  .dark .dark\:bg_yellow\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-yellow-900) 30%, transparent);
    background: var(--mix-background, var(--colors-yellow-900));
}

  .dark .dark\:bg_purple\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-purple-900) 30%, transparent);
    background: var(--mix-background, var(--colors-purple-900));
}

  .dark .dark\:bg_blue\.900\/40 {
    --mix-background: color-mix(in srgb, var(--colors-blue-900) 40%, transparent);
    background: var(--mix-background, var(--colors-blue-900));
}

  .dark .dark\:bg_orange\.900\/40 {
    --mix-background: color-mix(in srgb, var(--colors-orange-900) 40%, transparent);
    background: var(--mix-background, var(--colors-orange-900));
}

  .dark .dark\:bg_yellow\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-yellow-900) 20%, transparent);
    background: var(--mix-background, var(--colors-yellow-900));
}

  .dark .dark\:bg_blue\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-blue-900) 20%, transparent);
    background: var(--mix-background, var(--colors-blue-900));
}

  .dark .dark\:bg_red\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-red-900) 20%, transparent);
    background: var(--mix-background, var(--colors-red-900));
}

  .dark .dark\:bg_green\.900\/40 {
    --mix-background: color-mix(in srgb, var(--colors-green-900) 40%, transparent);
    background: var(--mix-background, var(--colors-green-900));
}

  .dark .dark\:bg_yellow\.900\/40 {
    --mix-background: color-mix(in srgb, var(--colors-yellow-900) 40%, transparent);
    background: var(--mix-background, var(--colors-yellow-900));
}

  .dark .dark\:bg_purple\.900\/40 {
    --mix-background: color-mix(in srgb, var(--colors-purple-900) 40%, transparent);
    background: var(--mix-background, var(--colors-purple-900));
}

  .dark .dark\:bg_gray\.700\/60 {
    --mix-background: color-mix(in srgb, var(--colors-gray-700) 60%, transparent);
    background: var(--mix-background, var(--colors-gray-700));
}

  .dark .dark\:bg_gray\.700\/30 {
    --mix-background: color-mix(in srgb, var(--colors-gray-700) 30%, transparent);
    background: var(--mix-background, var(--colors-gray-700));
}

  .dark .dark\:bg_gray\.600 {
    background: var(--colors-gray-600);
}

  .dark .dark\:bg_red\.900\/40 {
    --mix-background: color-mix(in srgb, var(--colors-red-900) 40%, transparent);
    background: var(--mix-background, var(--colors-red-900));
}

  .dark .dark\:bg_rgba\(0\,_0\,_0\,_0\.75\) {
    background: rgba(0, 0, 0, 0.75);
}

  .dark .dark\:bg_blue\.900 {
    background: var(--colors-blue-900);
}

  .dark .dark\:bg_amber\.900\/30 {
    --mix-background: color-mix(in srgb, var(--colors-amber-900) 30%, transparent);
    background: var(--mix-background, var(--colors-amber-900));
}

  .dark .dark\:bg_green\.900 {
    background: var(--colors-green-900);
}

  .dark .dark\:bg_green\.900\/20 {
    --mix-background: color-mix(in srgb, var(--colors-green-900) 20%, transparent);
    background: var(--mix-background, var(--colors-green-900));
}

  .dark .dark\:bg_green\.800 {
    background: var(--colors-green-800);
}

  .dark .dark\:bg_amber\.900 {
    background: var(--colors-amber-900);
}

  .dark .dark\:bg_gray\.800\/50 {
    --mix-background: color-mix(in srgb, var(--colors-gray-800) 50%, transparent);
    background: var(--mix-background, var(--colors-gray-800));
}

  .\[\&\:\:before\]\:bg_blue\.500::before {
    background: var(--colors-blue-500);
}

  .odd\:bg_gray\.50:nth-child(odd) {
    background: var(--colors-gray-50);
}

  .\[\&_mark\]\:p_1px_3px mark {
    padding: 1px 3px;
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_gray\.400::-webkit-scrollbar-thumb {
    background: var(--colors-gray-400);
}

  .\[\&\:\:-webkit-scrollbar-track\]\:bg_gray\.100::-webkit-scrollbar-track {
    background: var(--colors-gray-100);
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_\#a0aec0::-webkit-scrollbar-thumb {
    background: #a0aec0;
}

  .\[\&\:\:-webkit-scrollbar-track\]\:bg_\#edf2f7::-webkit-scrollbar-track {
    background: #edf2f7;
}

  .dark .dark\:bg_transparent {
    background: var(--colors-transparent);
}

  .\[\&_p\]\:m_0 p {
    margin: var(--spacing-0);
}

  .\[\&_input\]\:bd_none input {
    border: var(--borders-none);
}

  .dark .dark\:bg_blue\.950 {
    background: var(--colors-blue-950);
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:bg_white th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:bg_white td:first-child {
    background: var(--colors-white);
}

  .\[\&_thead_th\]\:bg_gray\.100 thead th,.\[\&_thead_th\:first-child\]\:bg_gray\.100 thead th:first-child {
    background: var(--colors-gray-100);
}

  .\[\&_th\:nth-child\(3\)\,_\&_td\:nth-child\(3\)\]\:bg_blue\.50\/50 th:nth-child(3),.\[\&_th\:nth-child\(3\)\,_\&_td\:nth-child\(3\)\]\:bg_blue\.50\/50 td:nth-child(3) {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 50%, transparent);
    background: var(--mix-background, var(--colors-blue-50));
}

  .\[\&_thead_th\:nth-child\(3\)\]\:bg_blue\.200 thead th:nth-child(3) {
    background: var(--colors-blue-200);
}

  .\[\&_tr\[data-section\=\'true\'\]_td\]\:bg_blue\.100\! tr[data-section='true'] td,.\[\&_tr\[data-section\=\'true\'\]_td\:first-child\]\:bg_blue\.100\! tr[data-section='true'] td:first-child {
    background: var(--colors-blue-100) !important;
}

  .\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:nth-child\(odd\)_td\]\:bg_white tbody tr:not([data-section='true']):nth-child(odd) td {
    background: var(--colors-white);
}

  .\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:nth-child\(even\)_td\]\:bg_gray\.100\/50 tbody tr:not([data-section='true']):nth-child(even) td {
    --mix-background: color-mix(in srgb, var(--colors-gray-100) 50%, transparent);
    background: var(--mix-background, var(--colors-gray-100));
}

  .\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:nth-child\(odd\)_td\:nth-child\(3\)\]\:bg_blue\.50\/50 tbody tr:not([data-section='true']):nth-child(odd) td:nth-child(3) {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 50%, transparent);
    background: var(--mix-background, var(--colors-blue-50));
}

  .\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:nth-child\(even\)_td\:nth-child\(3\)\]\:bg_blue\.50\/70 tbody tr:not([data-section='true']):nth-child(even) td:nth-child(3) {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 70%, transparent);
    background: var(--mix-background, var(--colors-blue-50));
}

  .\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:nth-child\(odd\)_td\:first-child\]\:bg_white tbody tr:not([data-section='true']):nth-child(odd) td:first-child {
    background: var(--colors-white);
}

  .\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:nth-child\(even\)_td\:first-child\]\:bg_gray\.50\/50 tbody tr:not([data-section='true']):nth-child(even) td:first-child {
    --mix-background: color-mix(in srgb, var(--colors-gray-50) 50%, transparent);
    background: var(--mix-background, var(--colors-gray-50));
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bdr_4px::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

  .last\:bd-b_none:last-child {
    border-bottom: var(--borders-none);
}

  .\[\&_\.ProseMirror\]\:ring_none .ProseMirror {
    outline: var(--borders-none);
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bdr_full::-webkit-scrollbar-thumb {
    border-radius: var(--radii-full);
}

  .\[\&\:\:-webkit-scrollbar-track\]\:bdr_4px::-webkit-scrollbar-track {
    border-radius: 4px;
}

  .checked\:bd-c_black:is(:checked, [data-checked], [data-state=checked], [aria-checked=true], [data-state=indeterminate]) {
    border-color: var(--colors-black);
}

  .\[\&_\.row-hover-actions\]\:trs_opacity_0\.15s .row-hover-actions {
    transition: opacity 0.15s;
}

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:bdr_4px::-webkit-calendar-picker-indicator {
    border-radius: 4px;
}

  .\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:bdr_0 > *:not(:first-child):not(:last-child) {
    border-radius: 0;
}

  .dark .dark\:bd-c_gray\.700 {
    border-color: var(--colors-gray-700);
}

  .dark .dark\:bd-c_gray\.600 {
    border-color: var(--colors-gray-600);
}

  .dark .dark\:bd-c_yellow\.700 {
    border-color: var(--colors-yellow-700);
}

  .dark .dark\:bd-c_blue\.700 {
    border-color: var(--colors-blue-700);
}

  .dark .dark\:bd-c_red\.700 {
    border-color: var(--colors-red-700);
}

  .dark .dark\:bd-c_blue\.800 {
    border-color: var(--colors-blue-800);
}

  .dark .dark\:bd-c_green\.800 {
    border-color: var(--colors-green-800);
}

  .dark .dark\:bd-c_gray\.800 {
    border-color: var(--colors-gray-800);
}

  .\[\&_mark\]\:bdr_2px mark {
    border-radius: 2px;
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bdr_3px::-webkit-scrollbar-thumb,.\[\&\:\:-webkit-scrollbar-track\]\:bdr_3px::-webkit-scrollbar-track {
    border-radius: 3px;
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bdr_2px::-webkit-scrollbar-thumb {
    border-radius: 2px;
}

  .\[\&_input\]\:flex_1 input {
    flex: 1 1 0%;
}

  .\[\&_input\]\:ring_none input {
    outline: var(--borders-none);
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:bd-r_1px_solid th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:bd-r_1px_solid td:first-child {
    border-right: 1px solid;
}

  .\[\&_thead_th\]\:bd-b_2px_solid thead th {
    border-bottom: 2px solid;
}

  .\[\&_thead_th\]\:py_4 thead th {
    padding-block: var(--spacing-4);
}

  .\[\&_thead_th\:nth-child\(3\)\]\:bd-b_2px_solid thead th:nth-child(3) {
    border-bottom: 2px solid;
}

  .\[\&_tr\[data-section\=\'true\'\]_td\]\:bd-b_1px_solid tr[data-section='true'] td {
    border-bottom: 1px solid;
}

  .\[\&_tr\[data-section\=\'true\'\]_td\]\:py_3 tr[data-section='true'] td,.\[\&_td\,_\&_th\]\:py_3 td,.\[\&_td\,_\&_th\]\:py_3 th {
    padding-block: var(--spacing-3);
}

  .\[\&_td\,_\&_th\]\:px_4 td,.\[\&_td\,_\&_th\]\:px_4 th {
    padding-inline: var(--spacing-4);
}

  .\[\&_td\,_\&_th\]\:bd-b_1px_solid td,.\[\&_td\,_\&_th\]\:bd-b_1px_solid th {
    border-bottom: 1px solid;
}

  .\[\&_\*\]\:pointer-events_auto\! * {
    pointer-events: auto !important;
}

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:content_attr\(data-placeholder\) .ProseMirror p.is-editor-empty:first-child::before {
    content: attr(data-placeholder);
}

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:float_left .ProseMirror p.is-editor-empty:first-child::before {
    float: left;
}

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:c_\#9ca3af .ProseMirror p.is-editor-empty:first-child::before {
    color: #9ca3af;
}

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:pointer-events_none .ProseMirror p.is-editor-empty:first-child::before {
    pointer-events: none;
}

  .\[\&_ul\]\:li-t_disc ul {
    list-style-type: disc;
}

  .\[\&_ol\]\:li-t_decimal ol {
    list-style-type: decimal;
}

  .\[\&\.active\]\:c_blue\.500.active {
    color: var(--colors-blue-500);
}

  .\[\&\.active\]\:fw_semibold.active {
    font-weight: var(--font-weights-semibold);
}

  .\[\&\.active\]\:bx-sh_sm.active {
    box-shadow: var(--shadows-sm);
}

  .\[\&\.active\]\:c_blue\.600.active {
    color: var(--colors-blue-600);
}

  .placeholder\:c_\#94a3b8::placeholder,.placeholder\:c_\#94a3b8[data-placeholder] {
    color: #94a3b8;
}

  .disabled\:trf_none:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    transform: none;
}

  .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    cursor: not-allowed;
}

  .disabled\:op_0\.6:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    opacity: 0.6;
}

  .disabled\:op_0\.5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    opacity: 0.5;
}

  .disabled\:pointer-events_none:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    pointer-events: none;
}

  .\[\&_h1\]\:fs_2em h1 {
    font-size: 2em;
}

  .\[\&_h1\]\:fw_bold h1 {
    font-weight: var(--font-weights-bold);
}

  .\[\&_h2\]\:fs_1\.5em h2 {
    font-size: 1.5em;
}

  .\[\&_h2\]\:fw_bold h2 {
    font-weight: var(--font-weights-bold);
}

  .\[\&_h3\]\:fs_1\.17em h3 {
    font-size: 1.17em;
}

  .\[\&_h3\]\:fw_bold h3,.\[\&_strong\]\:fw_bold strong {
    font-weight: var(--font-weights-bold);
}

  .\[\&_em\]\:font-style_italic em {
    font-style: italic;
}

  .\[\&_\.row-hover-actions\]\:op_0 .row-hover-actions {
    opacity: 0;
}

  .\[\&_svg\]\:c_white\! svg {
    color: var(--colors-white) !important;
}

  .\[\&_svg\]\:stk_white\! svg {
    stroke: var(--colors-white) !important;
}

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:op_0\.6::-webkit-calendar-picker-indicator {
    opacity: 0.6;
}

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor_pointer::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

  .\[\&\:\:-webkit-inner-spin-button\,_\&\:\:-webkit-outer-spin-button\]\:d_none::-webkit-inner-spin-button,.\[\&\:\:-webkit-inner-spin-button\,_\&\:\:-webkit-outer-spin-button\]\:d_none::-webkit-outer-spin-button {
    display: none;
}

  .\[\&\:\:-webkit-scrollbar\]\:d_none::-webkit-scrollbar {
    display: none;
}

  .\[\&_\>_\*\:first-child\]\:bdr-e_0 > *:first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

  .\[\&_\>_\*\:first-child\]\:me_-1px > *:first-child {
    margin-inline-end: -1px;
}

  .\[\&_\>_\*\:last-child\]\:bdr-s_0 > *:last-child {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

  .\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:me_-1px > *:not(:first-child):not(:last-child) {
    margin-inline-end: -1px;
}

  .\[\&_\>_\*\:first-child\]\:bdr-b_0 > *:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

  .\[\&_\>_\*\:last-child\]\:bdr-t_0 > *:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

  .icon\:size_5 :where(svg) {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .dark .dark\:c_white {
    color: var(--colors-white);
}

  .dark .dark\:c_red\.400 {
    color: var(--colors-red-400);
}

  .dark .dark\:c_gray\.100 {
    color: var(--colors-gray-100);
}

  .dark .dark\:c_gray\.400 {
    color: var(--colors-gray-400);
}

  .dark .dark\:c_gray\.300 {
    color: var(--colors-gray-300);
}

  .dark .dark\:c_gray\.500 {
    color: var(--colors-gray-500);
}

  .dark .dark\:c_yellow\.300 {
    color: var(--colors-yellow-300);
}

  .dark .dark\:c_yellow\.400 {
    color: var(--colors-yellow-400);
}

  .dark .dark\:c_orange\.300 {
    color: var(--colors-orange-300);
}

  .dark .dark\:c_orange\.400 {
    color: var(--colors-orange-400);
}

  .dark .dark\:c_red\.300 {
    color: var(--colors-red-300);
}

  .dark .dark\:c_green\.300 {
    color: var(--colors-green-300);
}

  .dark .dark\:c_green\.400 {
    color: var(--colors-green-400);
}

  .dark .dark\:c_blue\.300 {
    color: var(--colors-blue-300);
}

  .dark .dark\:c_blue\.400 {
    color: var(--colors-blue-400);
}

  .\[\&\:\:before\]\:content_\"\"::before {
    content: "";
}

  .\[\&\:\:before\]\:pos_absolute::before {
    position: absolute;
}

  .\[\&_mark\]\:bg-c_\#FEF08A mark {
    background-color: #FEF08A;
}

  .\[\&_mark\]\:fw_600 mark {
    font-weight: 600;
}

  .placeholder\:c_gray\.400::placeholder,.placeholder\:c_gray\.400[data-placeholder] {
    color: var(--colors-gray-400);
}

  .\[\&_p\]\:d_inline p {
    display: inline;
}

  .\[\&_br\]\:d_none br {
    display: none;
}

  .selected\:fw_semibold:is([aria-selected=true], [data-selected]) {
    font-weight: var(--font-weights-semibold);
}

  .\[\&_table\]\:bd-cl_separate table {
    border-collapse: separate;
}

  .\[\&_table\]\:bd-sp_0 table {
    border-spacing: var(--spacing-0);
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:pos_sticky th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:pos_sticky td:first-child {
    position: sticky;
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:z_10 th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:z_10 td:first-child {
    z-index: 10;
}

  .\[\&_thead_th\]\:fw_bold thead th {
    font-weight: var(--font-weights-bold);
}

  .\[\&_thead_th\]\:fs_16px thead th {
    font-size: 16px;
}

  .\[\&_tr\[data-section\=\'true\'\]_td\]\:c_blue\.500 tr[data-section='true'] td {
    color: var(--colors-blue-500);
}

  .\[\&_\[data-unlimited\=\'true\'\]\]\:c_blue\.600 [data-unlimited='true'] {
    color: var(--colors-blue-600);
}

  .\[\&_\[data-unlimited\=\'true\'\]\]\:fw_semibold [data-unlimited='true'] {
    font-weight: var(--font-weights-semibold);
}

  .\[\&_\.leaflet-container\]\:z_1 .leaflet-container {
    z-index: 1;
}

  .\[\&\:\:-webkit-scrollbar\]\:w_8px::-webkit-scrollbar {
    width: 8px;
}

  .\[\&_\.ProseMirror\]\:min-h_200px .ProseMirror {
    min-height: 200px;
}

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:h_0 .ProseMirror p.is-editor-empty:first-child::before {
    height: var(--sizes-0);
}

  .\[\&_ul\,_\&_ol\]\:pl_1\.5rem ul,.\[\&_ul\,_\&_ol\]\:pl_1\.5rem ol {
    padding-left: 1.5rem;
}

  .\[\&\:\:-webkit-scrollbar\]\:w_6px::-webkit-scrollbar {
    width: 6px;
}

  .\[\&_p\]\:mb_1em p {
    margin-bottom: 1em;
}

  .\[\&_h1\]\:mb_0\.5em h1,.\[\&_h2\]\:mb_0\.5em h2,.\[\&_h3\]\:mb_0\.5em h3 {
    margin-bottom: 0.5em;
}

  .\[\&_ul\,_\&_ol\]\:ml_2em ul,.\[\&_ul\,_\&_ol\]\:ml_2em ol {
    margin-left: 2em;
}

  .\[\&_ul\,_\&_ol\]\:mb_1em ul,.\[\&_ul\,_\&_ol\]\:mb_1em ol {
    margin-bottom: 1em;
}

  .\[\&_li\]\:mb_0\.5em li {
    margin-bottom: 0.5em;
}

  .last\:bd-b-w_0:last-child {
    border-bottom-width: 0;
}

  .\[\&\:\:-webkit-scrollbar\]\:h_4px::-webkit-scrollbar {
    height: 4px;
}

  .\[\&_\>_\*\:first-child\]\:mb_-1px > *:first-child,.\[\&_\>_\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:mb_-1px > *:not(:first-child):not(:last-child) {
    margin-bottom: -1px;
}

  .last\:max-w_100\%:last-child {
    max-width: 100%;
}

  .last\:max-w_80\%:last-child {
    max-width: 80%;
}

  .dark .dark\:bd-b-c_gray\.700 {
    border-bottom-color: var(--colors-gray-700);
}

  .\[\&\:\:before\]\:left_0::before {
    left: var(--spacing-0);
}

  .\[\&\:\:before\]\:top_0::before {
    top: var(--spacing-0);
}

  .\[\&\:\:before\]\:bottom_0::before {
    bottom: var(--spacing-0);
}

  .\[\&\:\:before\]\:w_4px::before {
    width: 4px;
}

  .\[\&\:\:-webkit-scrollbar\]\:h_6px::-webkit-scrollbar {
    height: 6px;
}

  .\[\&_input\]\:min-w_120px input {
    min-width: 120px;
}

  .\[\&_table\]\:min-w_800px table {
    min-width: 800px;
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:left_0 th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:left_0 td:first-child {
    left: var(--spacing-0);
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:bd-r-c_gray\.200 th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:bd-r-c_gray\.200 td:first-child {
    border-right-color: var(--colors-gray-200);
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:min-w_200px th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:min-w_200px td:first-child {
    min-width: 200px;
}

  .\[\&_th\:first-child\,_\&_td\:first-child\]\:max-w_350px th:first-child,.\[\&_th\:first-child\,_\&_td\:first-child\]\:max-w_350px td:first-child {
    max-width: 350px;
}

  .\[\&_th\:not\(\:first-child\)\,_\&_td\:not\(\:first-child\)\]\:min-w_150px th:not(:first-child),.\[\&_th\:not\(\:first-child\)\,_\&_td\:not\(\:first-child\)\]\:min-w_150px td:not(:first-child) {
    min-width: 150px;
}

  .\[\&_th\:not\(\:first-child\)\,_\&_td\:not\(\:first-child\)\]\:w_1\% th:not(:first-child),.\[\&_th\:not\(\:first-child\)\,_\&_td\:not\(\:first-child\)\]\:w_1\% td:not(:first-child) {
    width: 1%;
}

  .\[\&_thead_th\]\:bd-b-c_gray\.300 thead th {
    border-bottom-color: var(--colors-gray-300);
}

  .\[\&_thead_th\:nth-child\(3\)\]\:bd-b-c_blue\.300 thead th:nth-child(3) {
    border-bottom-color: var(--colors-blue-300);
}

  .\[\&_tr\[data-section\=\'true\'\]_td\]\:bd-b-c_blue\.100 tr[data-section='true'] td {
    border-bottom-color: var(--colors-blue-100);
}

  .\[\&_td\,_\&_th\]\:bd-b-c_gray\.100 td,.\[\&_td\,_\&_th\]\:bd-b-c_gray\.100 th {
    border-bottom-color: var(--colors-gray-100);
}

  .\[\&_\.leaflet-container\]\:h_100\% .leaflet-container {
    height: 100%;
}

  .\[\&_\.leaflet-container\]\:w_100\% .leaflet-container {
    width: 100%;
}

  .\[\&\:focus-within\]\:ring_none:focus-within {
    outline: var(--borders-none);
}

  .focusWithin\:ring_1px:focus-within {
    outline: 1px;
}

  .focusWithin\:bd-c_blue\.500:focus-within {
    border-color: var(--colors-blue-500);
}

  .focusWithin\:bx-sh_0_0_0_2px_var\(--colors-blue-100\):focus-within {
    box-shadow: 0 0 0 2px var(--colors-blue-100);
}

  .focusWithin\:bx-sh_0_0_0_3px_rgba\(59\,_130\,_246\,_0\.1\):focus-within {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

  .focus\:bg_bg\.surface:is(:focus, [data-focus]) {
    background: var(--colors-bg-surface);
}

  .focus\:bg_white:is(:focus, [data-focus]) {
    background: var(--colors-white);
}

  .focus\:bd-c_blue\.400:is(:focus, [data-focus]) {
    border-color: var(--colors-blue-400);
}

  .focus\:bd-c_\#3b82f6:is(:focus, [data-focus]) {
    border-color: #3b82f6;
}

  .focus\:bd-c_red\.500:is(:focus, [data-focus]) {
    border-color: var(--colors-red-500);
}

  .focus\:bd-c_blue\.500:is(:focus, [data-focus]) {
    border-color: var(--colors-blue-500);
}

  .focus\:ring_none:is(:focus, [data-focus]) {
    outline: var(--borders-none);
}

  .focus\:ring_0:is(:focus, [data-focus]) {
    outline: 0;
}

  .focus\:ring_2px:is(:focus, [data-focus]) {
    outline: 2px;
}

  .focusVisible\:ring_2px_solid_token\(colors\.blue\.500\):is(:focus-visible, [data-focus-visible]) {
    outline: 2px solid var(--colors-blue-500);
}

  .focus\:bx-sh_0_0_0_1px_var\(--colors-blue-400\):is(:focus, [data-focus]) {
    box-shadow: 0 0 0 1px var(--colors-blue-400);
}

  .focus\:bx-sh_sm:is(:focus, [data-focus]) {
    box-shadow: var(--shadows-sm);
}

  .focus\:bx-sh_0_0_0_3px_rgba\(59\,_130\,_246\,_0\.1\):is(:focus, [data-focus]) {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

  .focus\:bx-sh_0_0_0_1px_var\(--colors-blue-500\):is(:focus, [data-focus]) {
    box-shadow: 0 0 0 1px var(--colors-blue-500);
}

  .focusVisible\:ring-o_2px:is(:focus-visible, [data-focus-visible]) {
    outline-offset: 2px;
}

  .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg_\#a0aec0::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

  .hover\:bg_blue\.50:not(:disabled):hover {
    background: var(--colors-blue-50);
}

  .hover\:bg_gray\.50:not(:disabled):hover {
    background: var(--colors-gray-50);
}

  .hover\:bg_purple\.50:not(:disabled):hover {
    background: var(--colors-purple-50);
}

  .hover\:bg_gray\.100:not(:disabled):hover {
    background: var(--colors-gray-100);
}

  .hover\:bg_blue\.700:not(:disabled):hover {
    background: var(--colors-blue-700);
}

  .hover\:bg_bg\.muted:not(:disabled):hover {
    background: var(--colors-bg-muted);
}

  .hover\:bg_slate\.100:not(:disabled):hover {
    background: var(--colors-slate-100);
}

  .hover\:bg_\#f8fafc:not(:disabled):hover {
    background: #f8fafc;
}

  .hover\:bg_\#eff6ff:not(:disabled):hover {
    background: #eff6ff;
}

  .hover\:bg_\#2563eb:not(:disabled):hover {
    background: #2563eb;
}

  .hover\:bg_slate\.50:not(:disabled):hover {
    background: var(--colors-slate-50);
}

  .hover\:bg_black\/70:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-black) 70%, transparent);
    background: var(--mix-background, var(--colors-black));
}

  .hover\:bg_white\/10:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-white) 10%, transparent);
    background: var(--mix-background, var(--colors-white));
}

  .hover\:bg_white:not(:disabled):hover {
    background: var(--colors-white);
}

  .hover\:bg_gray\.200:not(:disabled):hover {
    background: var(--colors-gray-200);
}

  .hover\:bg_orange\.700:not(:disabled):hover {
    background: var(--colors-orange-700);
}

  .hover\:bg_red\.50:not(:disabled):hover {
    background: var(--colors-red-50);
}

  .hover\:bg_red\.700:not(:disabled):hover {
    background: var(--colors-red-700);
}

  .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg_\#94a3b8::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

  .hover\:bg_gray\.800:not(:disabled):hover {
    background: var(--colors-gray-800);
}

  .hover\:bg_whiteAlpha\.300:not(:disabled):hover {
    background: whiteAlpha.300;
}

  .hover\:bg_indigo\.700:not(:disabled):hover {
    background: var(--colors-indigo-700);
}

  .hover\:bg_red\.100:not(:disabled):hover {
    background: var(--colors-red-100);
}

  .hover\:bg_yellow\.100:not(:disabled):hover {
    background: var(--colors-yellow-100);
}

  .hover\:bg_green\.100\/50:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-green-100) 50%, transparent);
    background: var(--mix-background, var(--colors-green-100));
}

  .hover\:bg_gray\.100\/60:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-gray-100) 60%, transparent);
    background: var(--mix-background, var(--colors-gray-100));
}

  .hover\:bg_red\.100\/50:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-red-100) 50%, transparent);
    background: var(--mix-background, var(--colors-red-100));
}

  .hover\:bg_blue\.50\/60:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 60%, transparent);
    background: var(--mix-background, var(--colors-blue-50));
}

  .hover\:bg_blue\.50\/30:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 30%, transparent);
    background: var(--mix-background, var(--colors-blue-50));
}

  .hover\:bg_red\.a2:not(:disabled):hover {
    background: var(--colors-red-a2);
}

  .hover\:bg_orange\.a2:not(:disabled):hover {
    background: orange.a2;
}

  .hover\:bg_\#3b82f6:not(:disabled):hover {
    background: #3b82f6;
}

  .hover\:bg_\#f0f7ff:not(:disabled):hover {
    background: #f0f7ff;
}

  .hover\:bg_\#1d4ed8:not(:disabled):hover {
    background: #1d4ed8;
}

  .hover\:bg_\#fafbff:not(:disabled):hover {
    background: #fafbff;
}

  .group:is(:hover, [data-hover]) .groupHover\:bg_purple\.50 {
    background: var(--colors-purple-50);
}

  .hover\:bg_orange\.600:not(:disabled):hover {
    background: var(--colors-orange-600);
}

  .hover\:bg_rgba\(255\,255\,255\,0\.3\):not(:disabled):hover {
    background: rgba(255,255,255,0.3);
}

  .hover\:bg_\#DBEAFE:not(:disabled):hover {
    background: #DBEAFE;
}

  .hover\:bg_bg\.subtle:not(:disabled):hover {
    background: var(--colors-bg-subtle);
}

  .hover\:bg_var\(--colors-gray-700\):not(:disabled):hover {
    background: var(--colors-gray-700);
}

  .hover\:bg_var\(--colors-gray-200\):not(:disabled):hover {
    background: var(--colors-gray-200);
}

  .hover\:bg_whiteAlpha\.200:not(:disabled):hover {
    background: whiteAlpha.200;
}

  .\[\&\:hover\]\:bg_green\.100:hover {
    background: var(--colors-green-100);
}

  .\[\&\:hover\]\:bg_blue\.100:hover {
    background: var(--colors-blue-100);
}

  .\[\&\:hover\]\:bg_amber\.100:hover {
    background: var(--colors-amber-100);
}

  .\[\&\:hover\]\:bg_blue\.50:hover {
    background: var(--colors-blue-50);
}

  .\[\&\:hover\]\:bg_cyan\.50:hover {
    background: var(--colors-cyan-50);
}

  .\[\&\:hover\]\:bg_gray\.50:hover {
    background: var(--colors-gray-50);
}

  .hover\:bg_blue\.100:not(:disabled):hover {
    background: var(--colors-blue-100);
}

  .hover\:bg_blue\.600:not(:disabled):hover {
    background: var(--colors-blue-600);
}

  .hover\:bg_green\.50:not(:disabled):hover {
    background: var(--colors-green-50);
}

  .hover\:bg_yellow\.50:not(:disabled):hover {
    background: var(--colors-yellow-50);
}

  .hover\:bg_white\/20:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-white) 20%, transparent);
    background: var(--mix-background, var(--colors-white));
}

  .hover\:bg_gray\.150:not(:disabled):hover {
    background: gray.150;
}

  .\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:hover_td\]\:bg_blue\.50\/30\! tbody tr:not([data-section='true']):hover td,.\[\&_tbody_tr\:not\(\[data-section\=\'true\'\]\)\:hover_td\:first-child\]\:bg_blue\.50\/30\! tbody tr:not([data-section='true']):hover td:first-child {
    --mix-background: color-mix(in srgb, var(--colors-blue-50) 30%, transparent) !important;
    background: var(--mix-background, var(--colors-blue-50)) !important;
}

  .hover\:bg_blue\.200:not(:disabled):hover {
    background: var(--colors-blue-200);
}

  .hover\:bg_blue\.300:not(:disabled):hover {
    background: var(--colors-blue-300);
}

  .hover\:bg_blue\.400:not(:disabled):hover {
    background: var(--colors-blue-400);
}

  .hover\:bg_blue\.500:not(:disabled):hover {
    background: var(--colors-blue-500);
}

  .hover\:bg_blue\.800:not(:disabled):hover {
    background: var(--colors-blue-800);
}

  .hover\:bg_blue\.900:not(:disabled):hover {
    background: var(--colors-blue-900);
}

  .hover\:bg_blue\.950:not(:disabled):hover {
    background: var(--colors-blue-950);
}

  .hover\:bd-c_blue\.300:not(:disabled):hover {
    border-color: var(--colors-blue-300);
}

  .hover\:bd-c_\#cbd5e1:not(:disabled):hover {
    border-color: #cbd5e1;
}

  .hover\:td_underline:not(:disabled):hover {
    text-decoration: underline;
}

  .hover\:bd-c_\#93c5fd:not(:disabled):hover {
    border-color: #93c5fd;
}

  .hover\:bd-c_\#bfdbfe:not(:disabled):hover {
    border-color: #bfdbfe;
}

  .hover\:bd-c_orange\.700:not(:disabled):hover {
    border-color: var(--colors-orange-700);
}

  .hover\:bd-c_orange\.500:not(:disabled):hover {
    border-color: var(--colors-orange-500);
}

  .hover\:bd-c_purple\.400:not(:disabled):hover {
    border-color: var(--colors-purple-400);
}

  .hover\:bd-c_blue\.400:not(:disabled):hover {
    border-color: var(--colors-blue-400);
}

  .hover\:bd-c_blue\.600:not(:disabled):hover {
    border-color: var(--colors-blue-600);
}

  .hover\:bd-c_gray\.200:not(:disabled):hover {
    border-color: var(--colors-gray-200);
}

  .hover\:bd-c_gray\.300:not(:disabled):hover {
    border-color: var(--colors-gray-300);
}

  .hover\:bd-c_purple\.300:not(:disabled):hover {
    border-color: var(--colors-purple-300);
}

  .hover\:bd-c_gray\.400:not(:disabled):hover {
    border-color: var(--colors-gray-400);
}

  .hover\:bd-c_red\.300:not(:disabled):hover {
    border-color: var(--colors-red-300);
}

  .hover\:bd-c_blue\.200:not(:disabled):hover {
    border-color: var(--colors-blue-200);
}

  .hover\:bd-c_transparent:not(:disabled):hover {
    border-color: var(--colors-transparent);
}

  .hover\:bd-c_\#3b82f6:not(:disabled):hover {
    border-color: #3b82f6;
}

  .hover\:bd-c_blue\.500:not(:disabled):hover {
    border-color: var(--colors-blue-500);
}

  .hover\:bd-c_purple\.500:not(:disabled):hover {
    border-color: var(--colors-purple-500);
}

  .hover\:bd-c_border\.emphasized:not(:disabled):hover {
    border-color: border.emphasized;
}

  .\[\&\:hover\]\:bd-c_gray\.300:hover {
    border-color: var(--colors-gray-300);
}

  .\[\&\:hover\]\:bd-c_green\.300:hover {
    border-color: var(--colors-green-300);
}

  .\[\&\:hover\]\:bd-c_blue\.300:hover {
    border-color: var(--colors-blue-300);
}

  .\[\&\:hover\]\:bd-c_amber\.300:hover {
    border-color: var(--colors-amber-300);
}

  .\[\&\:hover\]\:bd-c_blue\.200:hover {
    border-color: var(--colors-blue-200);
}

  .\[\&\:hover\]\:bd-c_cyan\.200:hover {
    border-color: var(--colors-cyan-200);
}

  .hover\:bd-c_green\.400:not(:disabled):hover {
    border-color: var(--colors-green-400);
}

  .hover\:bd-c_orange\.400:not(:disabled):hover {
    border-color: var(--colors-orange-400);
}

  .hover\:bd-c_red\.500:not(:disabled):hover {
    border-color: var(--colors-red-500);
}

  .hover\:bd-c_yellow\.500:not(:disabled):hover {
    border-color: var(--colors-yellow-500);
}

  .hover\:bd-c_green\.200:not(:disabled):hover {
    border-color: var(--colors-green-200);
}

  .hover\:bd-c_purple\.200:not(:disabled):hover {
    border-color: var(--colors-purple-200);
}

  .hover\:bd-c_amber\.200:not(:disabled):hover {
    border-color: var(--colors-amber-200);
}

  .hover\:bd-c_purple\.600:not(:disabled):hover {
    border-color: var(--colors-purple-600);
}

  .hover\:bd-c_orange\.200:not(:disabled):hover {
    border-color: var(--colors-orange-200);
}

  .hover\:bd-c_gray\.600:not(:disabled):hover {
    border-color: var(--colors-gray-600);
}

  .hover\:bd-c_blue\.50:not(:disabled):hover {
    border-color: var(--colors-blue-50);
}

  .hover\:bd-c_blue\.100:not(:disabled):hover {
    border-color: var(--colors-blue-100);
}

  .hover\:bd-c_blue\.700:not(:disabled):hover {
    border-color: var(--colors-blue-700);
}

  .hover\:bd-c_blue\.800:not(:disabled):hover {
    border-color: var(--colors-blue-800);
}

  .hover\:bd-c_blue\.900:not(:disabled):hover {
    border-color: var(--colors-blue-900);
}

  .hover\:bd-c_blue\.950:not(:disabled):hover {
    border-color: var(--colors-blue-950);
}

  .hover\:c_gray\.600:not(:disabled):hover {
    color: var(--colors-gray-600);
}

  .hover\:c_gray\.700:not(:disabled):hover {
    color: var(--colors-gray-700);
}

  .hover\:c_blue\.500:not(:disabled):hover {
    color: var(--colors-blue-500);
}

  .hover\:trf_translateX\(2px\):not(:disabled):hover {
    transform: translateX(2px);
}

  .hover\:c_blue\.600:not(:disabled):hover {
    color: var(--colors-blue-600);
}

  .hover\:trf_translateY\(-5px\):not(:disabled):hover {
    transform: translateY(-5px);
}

  .hover\:bx-sh_lg:not(:disabled):hover {
    box-shadow: var(--shadows-lg);
}

  .hover\:trf_translateY\(-2px\):not(:disabled):hover {
    transform: translateY(-2px);
}

  .hover\:bx-sh_xl:not(:disabled):hover {
    box-shadow: var(--shadows-xl);
}

  .hover\:bx-sh_0_8px_24px_rgba\(37\,_99\,_235\,_0\.4\):not(:disabled):hover {
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);
}

  .hover\:bx-sh_0_8px_24px_rgba\(59\,_130\,_246\,_0\.4\):not(:disabled):hover {
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.4);
}

  .hover\:bx-sh_0_8px_24px_rgba\(0\,0\,0\,0\.08\):not(:disabled):hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

  .hover\:bx-sh_0_8px_30px_rgba\(0\,0\,0\,0\.07\):not(:disabled):hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.07);
}

  .hover\:trf_translateX\(4px\):not(:disabled):hover {
    transform: translateX(4px);
}

  .hover\:bx-sh_0_12px_30px_rgba\(59\,130\,246\,0\.12\):not(:disabled):hover {
    box-shadow: 0 12px 30px rgba(59,130,246,0.12);
}

  .hover\:trf_translateY\(-4px\):not(:disabled):hover {
    transform: translateY(-4px);
}

  .hover\:c_white:not(:disabled):hover {
    color: var(--colors-white);
}

  .hover\:c_blue\.700:not(:disabled):hover {
    color: var(--colors-blue-700);
}

  .hover\:bx-sh_0_16px_50px_rgba\(59\,130\,246\,0\.12\):not(:disabled):hover {
    box-shadow: 0 16px 50px rgba(59,130,246,0.12);
}

  .hover\:bx-sh_0_12px_30px_rgba\(59\,130\,246\,0\.1\):not(:disabled):hover {
    box-shadow: 0 12px 30px rgba(59,130,246,0.1);
}

  .hover\:c_red\.500:not(:disabled):hover {
    color: var(--colors-red-500);
}

  .hover\:bx-sh_md:not(:disabled):hover {
    box-shadow: var(--shadows-md);
}

  .hover\:trf_translateY\(-1px\):not(:disabled):hover {
    transform: translateY(-1px);
}

  .\[\&\:hover_\.grid-actions\]\:op_1:hover .grid-actions {
    opacity: 1;
}

  .hover\:trf_translateY\(-3px\):not(:disabled):hover {
    transform: translateY(-3px);
}

  .hover\:bx-sh_sm:not(:disabled):hover {
    box-shadow: var(--shadows-sm);
}

  .hover\:c_black:not(:disabled):hover {
    color: var(--colors-black);
}

  .hover\:c_red\.600:not(:disabled):hover {
    color: var(--colors-red-600);
}

  .hover\:trf_scale\(1\.05\):not(:disabled):hover {
    transform: scale(1.05);
}

  .hover\:op_0\.9:not(:disabled):hover {
    opacity: 0.9;
}

  .hover\:op_0\.8:not(:disabled):hover {
    opacity: 0.8;
}

  .hover\:c_gray\.900:not(:disabled):hover {
    color: var(--colors-gray-900);
}

  .hover\:op_1:not(:disabled):hover,.\[\&\:hover_\.row-hover-actions\]\:op_1:hover .row-hover-actions {
    opacity: 1;
}

  .hover\:op_0\.7:not(:disabled):hover {
    opacity: 0.7;
}

  .hover\:op_0\.85:not(:disabled):hover {
    opacity: 0.85;
}

  .hover\:c_\#3b82f6:not(:disabled):hover {
    color: #3b82f6;
}

  .hover\:bx-sh_0_10px_30px_-10px_rgba\(59\,_130\,_246\,_0\.15\):not(:disabled):hover {
    box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.15);
}

  .hover\:bx-sh_0_20px_40px_rgba\(59\,_130\,_246\,_0\.12\):not(:disabled):hover {
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.12);
}

  .hover\:trf_translateY\(-8px\):not(:disabled):hover {
    transform: translateY(-8px);
}

  .group:is(:hover, [data-hover]) .groupHover\:trf_scale\(1\.08\) {
    transform: scale(1.08);
}

  .hover\:bx-sh_0_18px_40px_rgba\(59\,_130\,_246\,_0\.5\):not(:disabled):hover {
    box-shadow: 0 18px 40px rgba(59, 130, 246, 0.5);
}

  .hover\:bx-sh_0_8px_25px_rgba\(0\,0\,0\,0\.3\):not(:disabled):hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

  .hover\:bx-sh_0_6px_20px_rgba\(0\,0\,0\,0\.15\):not(:disabled):hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

  .hover\:bx-sh_0_15px_40px_rgba\(0\,_0\,_0\,_0\.08\):not(:disabled):hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

  .hover\:bx-sh_0_8px_25px_rgba\(59\,_130\,_246\,_0\.2\):not(:disabled):hover {
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);
}

  .hover\:trf_translateY\(-6px\):not(:disabled):hover {
    transform: translateY(-6px);
}

  .hover\:bx-sh_0_12px_30px_rgba\(59\,_130\,_246\,_0\.4\):not(:disabled):hover {
    box-shadow: 0 12px 30px rgba(59, 130, 246, 0.4);
}

  .hover\:bx-sh_0_8px_25px_rgba\(59\,_130\,_246\,_0\.5\):not(:disabled):hover {
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.5);
}

  .hover\:trf_translateY\(-4px\)_scale\(1\.02\):not(:disabled):hover {
    transform: translateY(-4px) scale(1.02);
}

  .hover\:bx-sh_0_8px_25px_rgba\(0\,_0\,_0\,_0\.15\):not(:disabled):hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

  .hover\:bx-sh_0px_20px_40px_rgba\(59\,_130\,_246\,_0\.12\)\,_0px_4px_12px_rgba\(0\,_0\,_0\,_0\.05\):not(:disabled):hover {
    box-shadow: 0px 20px 40px rgba(59, 130, 246, 0.12), 0px 4px 12px rgba(0, 0, 0, 0.05);
}

  .hover\:bx-sh_0_8px_30px_rgba\(0\,_0\,_0\,_0\.06\):not(:disabled):hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

  .hover\:bx-sh_0_20px_40px_rgba\(59\,_130\,_246\,_0\.15\):not(:disabled):hover {
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
}

  .hover\:bx-sh_0_16px_40px_rgba\(59\,130\,246\,0\.1\):not(:disabled):hover {
    box-shadow: 0 16px 40px rgba(59,130,246,0.1);
}

  .hover\:bx-sh_0_6px_20px_rgba\(59\,_130\,_246\,_0\.45\):not(:disabled):hover {
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.45);
}

  .hover\:bx-sh_0_12px_40px_rgba\(0\,_0\,_0\,_0\.08\):not(:disabled):hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

  .hover\:bx-sh_0_16px_50px_rgba\(59\,_130\,_246\,_0\.16\):not(:disabled):hover {
    box-shadow: 0 16px 50px rgba(59, 130, 246, 0.16);
}

  .hover\:bx-sh_0_6px_20px_rgba\(59\,_130\,_246\,_0\.4\):not(:disabled):hover {
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

  .hover\:bx-sh_0_4px_16px_rgba\(59\,_130\,_246\,_0\.25\):not(:disabled):hover {
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.25);
}

  .hover\:bx-sh_0_12px_30px_rgba\(0\,_0\,_0\,_0\.1\):not(:disabled):hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

  .group:is(:hover, [data-hover]) .groupHover\:c_purple\.600 {
    color: var(--colors-purple-600);
}

  .hover\:trf_scale\(1\.02\):not(:disabled):hover {
    transform: scale(1.02);
}

  .group:is(:hover, [data-hover]) .groupHover\:op_1 {
    opacity: 1;
}

  .\[\&\:hover\]\:op_1:hover {
    opacity: 1;
}

  .hover\:op_1\!:not(:disabled):hover {
    opacity: 1 !important;
}

  .hover\:bx-sh_0_4px_12px_rgba\(0\,0\,0\,0\.12\)\,_0_0_0_1px_rgba\(0\,0\,0\,0\.06\):not(:disabled):hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.06);
}

  .hover\:trf_scale\(1\.2\):not(:disabled):hover {
    transform: scale(1.2);
}

  .group:is(:hover, [data-hover]) .groupHover\:op_0\.5 {
    opacity: 0.5;
}

  .hover\:bx-sh_0_2px_6px_rgba\(0\,0\,0\,0\.10\):not(:disabled):hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.10);
}

  .hover\:bx-sh_0_4px_12px_rgba\(0\,0\,0\,0\.10\)\,_0_2px_4px_rgba\(0\,0\,0\,0\.06\):not(:disabled):hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
}

  [role=button]:hover .\[\[role\=button\]\:hover_\&\]\:op_1 {
    opacity: 1;
}

  .group:is(:hover, [data-hover]) .groupHover\:d_block {
    display: block;
}

  .\[\&\:hover\]\:trf_translateY\(-2px\):hover {
    transform: translateY(-2px);
}

  .\[\&\:hover\]\:bx-sh_0_4px_12px_rgba\(0\,_0\,_0\,_0\.08\):hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

  .\[\&\:hover\]\:trf_scaleY\(1\.05\):hover {
    transform: scaleY(1.05);
}

  .\[\&\:hover\]\:bx-sh_0_4px_12px_rgba\(59\,_130\,_246\,_0\.3\):hover {
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

  .hover\:bx-sh_0_4px_12px_rgba\(59\,_130\,_246\,_0\.1\):not(:disabled):hover {
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);
}

  .hover\:bx-sh_0_4px_12px_rgba\(16\,_185\,_129\,_0\.1\):not(:disabled):hover {
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.1);
}

  .hover\:bx-sh_0_4px_12px_rgba\(251\,_146\,_60\,_0\.1\):not(:disabled):hover {
    box-shadow: 0 4px 12px rgba(251, 146, 60, 0.1);
}

  .hover\:bx-sh_0_8px_24px_rgba\(239\,_68\,_68\,_0\.15\):not(:disabled):hover {
    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.15);
}

  .hover\:bx-sh_0_8px_24px_rgba\(245\,_158\,_11\,_0\.15\):not(:disabled):hover {
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
}

  .hover\:trf_scale\(1\.1\):not(:disabled):hover {
    transform: scale(1.1);
}

  .\[\&\:hover\]\:bx-sh_lg:hover {
    box-shadow: var(--shadows-lg);
}

  .hover\:cursor_pointer:not(:disabled):hover {
    cursor: pointer;
}

  .\[\&\:hover_\.chart-tooltip\]\:op_1:hover .chart-tooltip {
    opacity: 1;
}

  .\[\&\:hover_\.chart-tooltip\]\:vis_visible:hover .chart-tooltip {
    visibility: visible;
}

  .hover\:bx-sh_0_8px_20px_rgba\(59\,_130\,_246\,_0\.15\):not(:disabled):hover {
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
}

  .hover\:bx-sh_0_8px_24px_rgba\(59\,_130\,_246\,_0\.15\):not(:disabled):hover {
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
}

  .hover\:color-palette_blue:not(:disabled):hover {
    --colors-color-palette-50: var(--colors-blue-50);
    --colors-color-palette-100: var(--colors-blue-100);
    --colors-color-palette-200: var(--colors-blue-200);
    --colors-color-palette-300: var(--colors-blue-300);
    --colors-color-palette-400: var(--colors-blue-400);
    --colors-color-palette-500: var(--colors-blue-500);
    --colors-color-palette-600: var(--colors-blue-600);
    --colors-color-palette-700: var(--colors-blue-700);
    --colors-color-palette-800: var(--colors-blue-800);
    --colors-color-palette-900: var(--colors-blue-900);
    --colors-color-palette-950: var(--colors-blue-950);
}

  .hover\:color-palette_slate:not(:disabled):hover {
    --colors-color-palette-50: var(--colors-slate-50);
    --colors-color-palette-100: var(--colors-slate-100);
    --colors-color-palette-200: var(--colors-slate-200);
    --colors-color-palette-300: var(--colors-slate-300);
    --colors-color-palette-400: var(--colors-slate-400);
    --colors-color-palette-500: var(--colors-slate-500);
    --colors-color-palette-600: var(--colors-slate-600);
    --colors-color-palette-700: var(--colors-slate-700);
    --colors-color-palette-800: var(--colors-slate-800);
    --colors-color-palette-900: var(--colors-slate-900);
    --colors-color-palette-950: var(--colors-slate-950);
}

  .hover\:color-palette_orange:not(:disabled):hover {
    --colors-color-palette-50: var(--colors-orange-50);
    --colors-color-palette-100: var(--colors-orange-100);
    --colors-color-palette-200: var(--colors-orange-200);
    --colors-color-palette-300: var(--colors-orange-300);
    --colors-color-palette-400: var(--colors-orange-400);
    --colors-color-palette-500: var(--colors-orange-500);
    --colors-color-palette-600: var(--colors-orange-600);
    --colors-color-palette-700: var(--colors-orange-700);
    --colors-color-palette-800: var(--colors-orange-800);
    --colors-color-palette-900: var(--colors-orange-900);
    --colors-color-palette-950: var(--colors-orange-950);
    --colors-color-palette-1: var(--colors-orange-1);
    --colors-color-palette-2: var(--colors-orange-2);
    --colors-color-palette-3: var(--colors-orange-3);
    --colors-color-palette-4: var(--colors-orange-4);
    --colors-color-palette-5: var(--colors-orange-5);
    --colors-color-palette-6: var(--colors-orange-6);
    --colors-color-palette-7: var(--colors-orange-7);
    --colors-color-palette-8: var(--colors-orange-8);
    --colors-color-palette-9: var(--colors-orange-9);
    --colors-color-palette-10: var(--colors-orange-10);
    --colors-color-palette-11: var(--colors-orange-11);
    --colors-color-palette-12: var(--colors-orange-12);
    --colors-color-palette-default: var(--colors-orange-default);
    --colors-color-palette-emphasized: var(--colors-orange-emphasized);
    --colors-color-palette-fg: var(--colors-orange-fg);
    --colors-color-palette-text: var(--colors-orange-text);
}

  .hover\:c_blue\.50:not(:disabled):hover {
    color: var(--colors-blue-50);
}

  .hover\:c_blue\.100:not(:disabled):hover {
    color: var(--colors-blue-100);
}

  .hover\:c_blue\.200:not(:disabled):hover {
    color: var(--colors-blue-200);
}

  .hover\:c_blue\.300:not(:disabled):hover {
    color: var(--colors-blue-300);
}

  .hover\:c_blue\.400:not(:disabled):hover {
    color: var(--colors-blue-400);
}

  .hover\:c_blue\.800:not(:disabled):hover {
    color: var(--colors-blue-800);
}

  .hover\:c_blue\.900:not(:disabled):hover {
    color: var(--colors-blue-900);
}

  .hover\:c_blue\.950:not(:disabled):hover {
    color: var(--colors-blue-950);
}

  .hover\:bg-c_blue\.50:not(:disabled):hover {
    background-color: var(--colors-blue-50);
}

  .hover\:bg-c_blue\.100:not(:disabled):hover {
    background-color: var(--colors-blue-100);
}

  .hover\:bg-c_blue\.200:not(:disabled):hover {
    background-color: var(--colors-blue-200);
}

  .hover\:bg-c_blue\.300:not(:disabled):hover {
    background-color: var(--colors-blue-300);
}

  .hover\:bg-c_blue\.400:not(:disabled):hover {
    background-color: var(--colors-blue-400);
}

  .hover\:bg-c_blue\.500:not(:disabled):hover {
    background-color: var(--colors-blue-500);
}

  .hover\:bg-c_blue\.600:not(:disabled):hover {
    background-color: var(--colors-blue-600);
}

  .hover\:bg-c_blue\.700:not(:disabled):hover {
    background-color: var(--colors-blue-700);
}

  .hover\:bg-c_blue\.800:not(:disabled):hover {
    background-color: var(--colors-blue-800);
}

  .hover\:bg-c_blue\.900:not(:disabled):hover {
    background-color: var(--colors-blue-900);
}

  .hover\:bg-c_blue\.950:not(:disabled):hover {
    background-color: var(--colors-blue-950);
}

  .active\:bg_blue\.50:not(:disabled):active {
    background: var(--colors-blue-50);
}

  .active\:bg_blue\.100:not(:disabled):active {
    background: var(--colors-blue-100);
}

  .active\:bg_blue\.200:not(:disabled):active {
    background: var(--colors-blue-200);
}

  .active\:bg_blue\.300:not(:disabled):active {
    background: var(--colors-blue-300);
}

  .active\:bg_blue\.400:not(:disabled):active {
    background: var(--colors-blue-400);
}

  .active\:bg_blue\.500:not(:disabled):active {
    background: var(--colors-blue-500);
}

  .active\:bg_blue\.600:not(:disabled):active {
    background: var(--colors-blue-600);
}

  .active\:bg_blue\.700:not(:disabled):active {
    background: var(--colors-blue-700);
}

  .active\:bg_blue\.800:not(:disabled):active {
    background: var(--colors-blue-800);
}

  .active\:bg_blue\.900:not(:disabled):active {
    background: var(--colors-blue-900);
}

  .active\:bg_blue\.950:not(:disabled):active {
    background: var(--colors-blue-950);
}

  .active\:bd-c_blue\.50:not(:disabled):active {
    border-color: var(--colors-blue-50);
}

  .active\:bd-c_blue\.100:not(:disabled):active {
    border-color: var(--colors-blue-100);
}

  .active\:bd-c_blue\.200:not(:disabled):active {
    border-color: var(--colors-blue-200);
}

  .active\:bd-c_blue\.300:not(:disabled):active {
    border-color: var(--colors-blue-300);
}

  .active\:bd-c_blue\.400:not(:disabled):active {
    border-color: var(--colors-blue-400);
}

  .active\:bd-c_blue\.500:not(:disabled):active {
    border-color: var(--colors-blue-500);
}

  .active\:bd-c_blue\.600:not(:disabled):active {
    border-color: var(--colors-blue-600);
}

  .active\:bd-c_blue\.700:not(:disabled):active {
    border-color: var(--colors-blue-700);
}

  .active\:bd-c_blue\.800:not(:disabled):active {
    border-color: var(--colors-blue-800);
}

  .active\:bd-c_blue\.900:not(:disabled):active {
    border-color: var(--colors-blue-900);
}

  .active\:bd-c_blue\.950:not(:disabled):active {
    border-color: var(--colors-blue-950);
}

  .active\:cursor_grabbing:not(:disabled):active {
    cursor: grabbing;
}

  .active\:color-palette_blue:not(:disabled):active {
    --colors-color-palette-50: var(--colors-blue-50);
    --colors-color-palette-100: var(--colors-blue-100);
    --colors-color-palette-200: var(--colors-blue-200);
    --colors-color-palette-300: var(--colors-blue-300);
    --colors-color-palette-400: var(--colors-blue-400);
    --colors-color-palette-500: var(--colors-blue-500);
    --colors-color-palette-600: var(--colors-blue-600);
    --colors-color-palette-700: var(--colors-blue-700);
    --colors-color-palette-800: var(--colors-blue-800);
    --colors-color-palette-900: var(--colors-blue-900);
    --colors-color-palette-950: var(--colors-blue-950);
}

  .active\:color-palette_slate:not(:disabled):active {
    --colors-color-palette-50: var(--colors-slate-50);
    --colors-color-palette-100: var(--colors-slate-100);
    --colors-color-palette-200: var(--colors-slate-200);
    --colors-color-palette-300: var(--colors-slate-300);
    --colors-color-palette-400: var(--colors-slate-400);
    --colors-color-palette-500: var(--colors-slate-500);
    --colors-color-palette-600: var(--colors-slate-600);
    --colors-color-palette-700: var(--colors-slate-700);
    --colors-color-palette-800: var(--colors-slate-800);
    --colors-color-palette-900: var(--colors-slate-900);
    --colors-color-palette-950: var(--colors-slate-950);
}

  .active\:color-palette_orange:not(:disabled):active {
    --colors-color-palette-50: var(--colors-orange-50);
    --colors-color-palette-100: var(--colors-orange-100);
    --colors-color-palette-200: var(--colors-orange-200);
    --colors-color-palette-300: var(--colors-orange-300);
    --colors-color-palette-400: var(--colors-orange-400);
    --colors-color-palette-500: var(--colors-orange-500);
    --colors-color-palette-600: var(--colors-orange-600);
    --colors-color-palette-700: var(--colors-orange-700);
    --colors-color-palette-800: var(--colors-orange-800);
    --colors-color-palette-900: var(--colors-orange-900);
    --colors-color-palette-950: var(--colors-orange-950);
    --colors-color-palette-1: var(--colors-orange-1);
    --colors-color-palette-2: var(--colors-orange-2);
    --colors-color-palette-3: var(--colors-orange-3);
    --colors-color-palette-4: var(--colors-orange-4);
    --colors-color-palette-5: var(--colors-orange-5);
    --colors-color-palette-6: var(--colors-orange-6);
    --colors-color-palette-7: var(--colors-orange-7);
    --colors-color-palette-8: var(--colors-orange-8);
    --colors-color-palette-9: var(--colors-orange-9);
    --colors-color-palette-10: var(--colors-orange-10);
    --colors-color-palette-11: var(--colors-orange-11);
    --colors-color-palette-12: var(--colors-orange-12);
    --colors-color-palette-default: var(--colors-orange-default);
    --colors-color-palette-emphasized: var(--colors-orange-emphasized);
    --colors-color-palette-fg: var(--colors-orange-fg);
    --colors-color-palette-text: var(--colors-orange-text);
}

  .active\:c_blue\.50:not(:disabled):active {
    color: var(--colors-blue-50);
}

  .active\:c_blue\.100:not(:disabled):active {
    color: var(--colors-blue-100);
}

  .active\:c_blue\.200:not(:disabled):active {
    color: var(--colors-blue-200);
}

  .active\:c_blue\.300:not(:disabled):active {
    color: var(--colors-blue-300);
}

  .active\:c_blue\.400:not(:disabled):active {
    color: var(--colors-blue-400);
}

  .active\:c_blue\.500:not(:disabled):active {
    color: var(--colors-blue-500);
}

  .active\:c_blue\.600:not(:disabled):active {
    color: var(--colors-blue-600);
}

  .active\:c_blue\.700:not(:disabled):active {
    color: var(--colors-blue-700);
}

  .active\:c_blue\.800:not(:disabled):active {
    color: var(--colors-blue-800);
}

  .active\:c_blue\.900:not(:disabled):active {
    color: var(--colors-blue-900);
}

  .active\:c_blue\.950:not(:disabled):active {
    color: var(--colors-blue-950);
}

  .active\:bg-c_blue\.50:not(:disabled):active {
    background-color: var(--colors-blue-50);
}

  .active\:bg-c_blue\.100:not(:disabled):active {
    background-color: var(--colors-blue-100);
}

  .active\:bg-c_blue\.200:not(:disabled):active {
    background-color: var(--colors-blue-200);
}

  .active\:bg-c_blue\.300:not(:disabled):active {
    background-color: var(--colors-blue-300);
}

  .active\:bg-c_blue\.400:not(:disabled):active {
    background-color: var(--colors-blue-400);
}

  .active\:bg-c_blue\.500:not(:disabled):active {
    background-color: var(--colors-blue-500);
}

  .active\:bg-c_blue\.600:not(:disabled):active {
    background-color: var(--colors-blue-600);
}

  .active\:bg-c_blue\.700:not(:disabled):active {
    background-color: var(--colors-blue-700);
}

  .active\:bg-c_blue\.800:not(:disabled):active {
    background-color: var(--colors-blue-800);
}

  .active\:bg-c_blue\.900:not(:disabled):active {
    background-color: var(--colors-blue-900);
}

  .active\:bg-c_blue\.950:not(:disabled):active {
    background-color: var(--colors-blue-950);
}

  .\[\&\.active\]\:before\:bg_blue\.600.active::before {
    background: var(--colors-blue-600);
}

  .\[\&_td\:not\(\:first-child\)\]\:\[\&_svg\]\:m_0_auto td:not(:first-child) svg {
    margin: 0 auto;
}

  .\[\&\.active\]\:before\:bdr_0_full_full_0.active::before {
    border-radius: 0 full full 0;
}

  .\[\&\.active\]\:before\:content_\"\".active::before {
    content: "";
}

  .\[\&\.active\]\:before\:pos_absolute.active::before {
    position: absolute;
}

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:\[\&\:hover\]\:bg-c_gray\.100::-webkit-calendar-picker-indicator:hover {
    background-color: var(--colors-gray-100);
}

  .\[\&_td\:not\(\:first-child\)\]\:\[\&_svg\]\:d_block td:not(:first-child) svg {
    display: block;
}

  .\[\&\.active\]\:before\:left_0.active::before {
    left: var(--spacing-0);
}

  .\[\&\.active\]\:before\:top_0.active::before {
    top: var(--spacing-0);
}

  .\[\&\.active\]\:before\:bottom_0.active::before {
    bottom: var(--spacing-0);
}

  .\[\&\.active\]\:before\:w_3px.active::before {
    width: 3px;
}

  .dark .dark\:hover\:bg_gray\.700:not(:disabled):hover {
    background: var(--colors-gray-700);
}

  .dark .dark\:hover\:bg_gray\.600:not(:disabled):hover {
    background: var(--colors-gray-600);
}

  .dark .dark\:hover\:bg_gray\.700\/60:not(:disabled):hover {
    --mix-background: color-mix(in srgb, var(--colors-gray-700) 60%, transparent);
    background: var(--mix-background, var(--colors-gray-700));
}

  .dark .\[\&\:hover\]\:dark\:bg_gray\.800\/50:hover {
    --mix-background: color-mix(in srgb, var(--colors-gray-800) 50%, transparent);
    background: var(--mix-background, var(--colors-gray-800));
}

  .dark .dark\:hover\:bg_blue\.900:not(:disabled):hover {
    background: var(--colors-blue-900);
}

  .dark .dark\:hover\:bg_bg\.subtle:not(:disabled):hover {
    background: var(--colors-bg-subtle);
}

  .dark .hover\:dark\:bd-c_blue\.700:not(:disabled):hover {
    border-color: var(--colors-blue-700);
}

  .dark .hover\:dark\:bd-c_green\.700:not(:disabled):hover {
    border-color: var(--colors-green-700);
}

  .dark .hover\:dark\:bd-c_purple\.700:not(:disabled):hover {
    border-color: var(--colors-purple-700);
}

  .dark .hover\:dark\:bd-c_amber\.700:not(:disabled):hover {
    border-color: var(--colors-amber-700);
}

  @media screen and (min-width: 40rem) {
    .sm\:gap_3 {
      gap: var(--spacing-3);
}
    .sm\:d_block {
      display: block;
}
    .sm\:d_none {
      display: none;
}
    .sm\:fs_4xl {
      font-size: var(--font-sizes-4xl);
}
    .sm\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
    .sm\:d_flex {
      display: flex;
}
    .sm\:flex-d_row {
      flex-direction: row;
}
    .sm\:grid-tc_repeat\(2\,_1fr\) {
      grid-template-columns: repeat(2, 1fr);
}
    .sm\:fs_3xl {
      font-size: var(--font-sizes-3xl);
}
    .sm\:fs_lg {
      font-size: var(--font-sizes-lg);
}
    .sm\:grid-tc_1fr_1fr {
      grid-template-columns: 1fr 1fr;
}
    .sm\:grid-tc_repeat\(3\,_1fr\) {
      grid-template-columns: repeat(3, 1fr);
}
    .sm\:d_inline {
      display: inline;
}
    .sm\:d_inline-flex {
      display: inline-flex;
}
    .sm\:ml_8 {
      margin-left: var(--spacing-8);
}
}

  @media screen and (min-width: 48rem) {
    .md\:p_6 {
      padding: var(--spacing-6);
}
    .md\:p_10 {
      padding: var(--spacing-10);
}
    .md\:p_16 {
      padding: var(--spacing-16);
}
    .md\:p_12 {
      padding: var(--spacing-12);
}
    .md\:p_5 {
      padding: var(--spacing-5);
}
    .md\:p_7 {
      padding: var(--spacing-7);
}
    .md\:p_4 {
      padding: var(--spacing-4);
}
    .md\:p_8 {
      padding: var(--spacing-8);
}
    .md\:p_3 {
      padding: var(--spacing-3);
}
    .md\:p_2\.5 {
      padding: var(--spacing-2\.5);
}
    .md\:px_6 {
      padding-inline: var(--spacing-6);
}
    .md\:px_8 {
      padding-inline: var(--spacing-8);
}
    .md\:py_3\.5 {
      padding-block: var(--spacing-3\.5);
}
    .md\:px_5 {
      padding-inline: var(--spacing-5);
}
    .md\:py_6 {
      padding-block: var(--spacing-6);
}
    .md\:gap_5 {
      gap: var(--spacing-5);
}
    .md\:gap_6 {
      gap: var(--spacing-6);
}
    .md\:gap_4 {
      gap: var(--spacing-4);
}
    .md\:bdr_2xl {
      border-radius: var(--radii-2xl);
}
    .md\:py_32 {
      padding-block: var(--spacing-32);
}
    .md\:gap_16 {
      gap: var(--spacing-16);
}
    .md\:grid-c_span_1 {
      grid-column: span 1;
}
    .md\:grid-c_span_2 {
      grid-column: span 2;
}
    .md\:grid-c_span_3 {
      grid-column: span 3;
}
    .md\:py_14 {
      padding-block: var(--spacing-14);
}
    .md\:px_4 {
      padding-inline: var(--spacing-4);
}
    .md\:py_2\.5 {
      padding-block: var(--spacing-2\.5);
}
    .md\:gap_2 {
      gap: var(--spacing-2);
}
    .md\:bdr_3xl {
      border-radius: var(--radii-3xl);
}
    .md\:py_24 {
      padding-block: var(--spacing-24);
}
    .md\:py_5 {
      padding-block: var(--spacing-5);
}
    .md\:bdr_lg {
      border-radius: var(--radii-lg);
}
    .md\:px_0 {
      padding-inline: var(--spacing-0);
}
    .md\:gap_3 {
      gap: var(--spacing-3);
}
    .md\:gap_10 {
      gap: var(--spacing-10);
}
    .md\:gap_8 {
      gap: var(--spacing-8);
}
    .md\:bdr_xl {
      border-radius: var(--radii-xl);
}
    .md\:bdr_full {
      border-radius: var(--radii-full);
}
    .md\:py_3 {
      padding-block: var(--spacing-3);
}
    .md\:gap_0 {
      gap: var(--spacing-0);
}
    .md\:py_10 {
      padding-block: var(--spacing-10);
}
    .md\:px_7 {
      padding-inline: var(--spacing-7);
}
    .md\:py_4 {
      padding-block: var(--spacing-4);
}
    .md\:grid-c_span_6 {
      grid-column: span 6;
}
    .md\:grid-c_span_4 {
      grid-column: span 4;
}
    .md\:pos_sticky {
      position: sticky;
}
    .md\:bx-sh_sm {
      box-shadow: var(--shadows-sm);
}
    .md\:d_block {
      display: block;
}
    .md\:d_none {
      display: none;
}
    .md\:d_flex {
      display: flex;
}
    .md\:grid-tc_1fr_1fr_1fr {
      grid-template-columns: 1fr 1fr 1fr;
}
    .md\:fs_xl {
      font-size: var(--font-sizes-xl);
}
    .md\:fs_6xl {
      font-size: var(--font-sizes-6xl);
}
    .md\:grid-tc_repeat\(3\,_1fr\) {
      grid-template-columns: repeat(3, 1fr);
}
    .md\:fs_5xl {
      font-size: var(--font-sizes-5xl);
}
    .md\:fs_lg {
      font-size: var(--font-sizes-lg);
}
    .md\:fs_md {
      font-size: var(--font-sizes-md);
}
    .md\:fs_3xl {
      font-size: var(--font-sizes-3xl);
}
    .md\:fs_sm {
      font-size: var(--font-sizes-sm);
}
    .md\:grid-tc_1fr_1fr {
      grid-template-columns: 1fr 1fr;
}
    .md\:lh_1\.1 {
      line-height: 1.1;
}
    .md\:grid-tc_repeat\(2\,_1fr\) {
      grid-template-columns: repeat(2, 1fr);
}
    .md\:fs_4xl {
      font-size: var(--font-sizes-4xl);
}
    .md\:grid-tc_280px_1fr_280px {
      grid-template-columns: 280px 1fr 280px;
}
    .md\:grid-tc_repeat\(4\,_1fr\) {
      grid-template-columns: repeat(4, 1fr);
}
    .md\:flex-d_row {
      flex-direction: row;
}
    .md\:ta_left {
      text-align: left;
}
    .md\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
    .md\:fs_2xl {
      font-size: var(--font-sizes-2xl);
}
    .md\:grid-tc_2fr_1fr_1fr {
      grid-template-columns: 2fr 1fr 1fr;
}
    .md\:grid-tc_repeat\(5\,_1fr\) {
      grid-template-columns: repeat(5, 1fr);
}
    .md\:d_inline {
      display: inline;
}
    .md\:grid-tc_1fr_auto_auto_auto {
      grid-template-columns: 1fr auto auto auto;
}
    .md\:ai_center {
      align-items: center;
}
    .md\:grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
}
    .md\:fs_xs {
      font-size: var(--font-sizes-xs);
}
    .md\:grid-tc_1fr_repeat\(4\,_140px\) {
      grid-template-columns: 1fr repeat(4, 140px);
}
    .md\:jc_flex-start {
      justify-content: flex-start;
}
    .md\:grid-tc_2fr_1fr_1fr_1fr {
      grid-template-columns: 2fr 1fr 1fr 1fr;
}
    .md\:grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
}
    .md\:grid-tc_repeat\(10\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
}
    .md\:grid-tc_repeat\(5\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
}
    .md\:order_1 {
      order: 1;
}
    .md\:order_2 {
      order: 2;
}
    .md\:grid-tc_1fr_1fr_auto {
      grid-template-columns: 1fr 1fr auto;
}
    .md\:fs_28px {
      font-size: 28px;
}
    .md\:d_table-cell {
      display: table-cell;
}
    .md\:ai_flex-end {
      align-items: flex-end;
}
    .md\:ta_right {
      text-align: right;
}
    .md\:flex-wrap_nowrap {
      flex-wrap: nowrap;
}
    .md\:w_20 {
      width: var(--sizes-20);
}
    .md\:w_64 {
      width: var(--sizes-64);
}
    .md\:max-w_md {
      max-width: var(--sizes-md);
}
    .md\:pt_32 {
      padding-top: var(--spacing-32);
}
    .md\:pb_28 {
      padding-bottom: var(--spacing-28);
}
    .md\:pt_36 {
      padding-top: var(--spacing-36);
}
    .md\:pb_10 {
      padding-bottom: var(--spacing-10);
}
    .md\:min-h_100vh {
      min-height: 100vh;
}
    .md\:mt_16 {
      margin-top: var(--spacing-16);
}
    .md\:top_-16px {
      top: -16px;
}
    .md\:right_-16px {
      right: -16px;
}
    .md\:bottom_-16px {
      bottom: -16px;
}
    .md\:left_-16px {
      left: -16px;
}
    .md\:mb_8 {
      margin-bottom: var(--spacing-8);
}
    .md\:bottom_-40px {
      bottom: -40px;
}
    .md\:left_-40px {
      left: -40px;
}
    .md\:w_200px {
      width: 200px;
}
    .md\:h_130px {
      height: 130px;
}
    .md\:pb_24 {
      padding-bottom: var(--spacing-24);
}
    .md\:min-w_400px {
      min-width: 400px;
}
    .md\:pt_20 {
      padding-top: var(--spacing-20);
}
    .md\:pt_16 {
      padding-top: var(--spacing-16);
}
    .md\:max-w_400px {
      max-width: 400px;
}
    .md\:pb_32 {
      padding-bottom: var(--spacing-32);
}
    .md\:w_700px {
      width: 700px;
}
    .md\:h_700px {
      height: 700px;
}
    .md\:w_400px {
      width: 400px;
}
    .md\:h_400px {
      height: 400px;
}
    .md\:mb_10 {
      margin-bottom: var(--spacing-10);
}
    .md\:w_11 {
      width: var(--sizes-11);
}
    .md\:h_11 {
      height: var(--sizes-11);
}
    .md\:right_-20px {
      right: -20px;
}
    .md\:bottom_-20px {
      bottom: -20px;
}
    .md\:left_-20px {
      left: -20px;
}
    .md\:pl_8 {
      padding-left: var(--spacing-8);
}
    .md\:w_800px {
      width: 800px;
}
    .md\:mb_4 {
      margin-bottom: var(--spacing-4);
}
    .md\:pr_4 {
      padding-right: var(--spacing-4);
}
    .md\:pb_6 {
      padding-bottom: var(--spacing-6);
}
    .md\:mb_16 {
      margin-bottom: var(--spacing-16);
}
    .md\:w_8 {
      width: var(--sizes-8);
}
    .md\:h_8 {
      height: var(--sizes-8);
}
    .md\:min-w_8 {
      min-width: var(--sizes-8);
}
    .md\:mb_6 {
      margin-bottom: var(--spacing-6);
}
    .md\:w_12 {
      width: var(--sizes-12);
}
    .md\:h_12 {
      height: var(--sizes-12);
}
    .md\:w_14 {
      width: var(--sizes-14);
}
    .md\:h_14 {
      height: var(--sizes-14);
}
    .md\:mb_20 {
      margin-bottom: var(--spacing-20);
}
    .md\:mb_12 {
      margin-bottom: var(--spacing-12);
}
    .md\:pt_6 {
      padding-top: var(--spacing-6);
}
    .md\:w_300px {
      width: 300px;
}
    .md\:h_300px {
      height: 300px;
}
    .md\:pl_6 {
      padding-left: var(--spacing-6);
}
    .md\:pb_20 {
      padding-bottom: var(--spacing-20);
}
    .md\:mt_24 {
      margin-top: var(--spacing-24);
}
    .md\:min-h_140px {
      min-height: 140px;
}
    .md\:min-w_200px {
      min-width: 200px;
}
    .md\:w_64px {
      width: 64px;
}
    .md\:h_64px {
      height: 64px;
}
    .md\:mb_5 {
      margin-bottom: var(--spacing-5);
}
    .md\:mb_14 {
      margin-bottom: var(--spacing-14);
}
    .md\:w_56px {
      width: 56px;
}
    .md\:h_56px {
      height: 56px;
}
    .md\:top_6 {
      top: var(--spacing-6);
}
    .md\:mt_10 {
      margin-top: var(--spacing-10);
}
    .md\:min-w_auto {
      min-width: auto;
}
    .md\:w_96px {
      width: 96px;
}
    .md\:h_96px {
      height: 96px;
}
    .md\:w_48px {
      width: 48px;
}
    .md\:h_48px {
      height: 48px;
}
    .md\:pl_16 {
      padding-left: var(--spacing-16);
}
    .md\:mt_4 {
      margin-top: var(--spacing-4);
}
    .md\:bottom_12 {
      bottom: var(--spacing-12);
}
    .md\:left_12 {
      left: var(--spacing-12);
}
    .md\:w_290px {
      width: 290px;
}
    .md\:max-w_360px {
      max-width: 360px;
}
    .md\:min-h_110px {
      min-height: 110px;
}
    .md\:bd-r-w_1px {
      border-right-width: 1px;
}
    .md\:max-w_300px {
      max-width: 300px;
}
    .md\:w_280px {
      width: 280px;
}
    .md\:ml_auto {
      margin-left: auto;
}
    .md\:w_80 {
      width: var(--sizes-80);
}
    .md\:w_95vw {
      width: 95vw;
}
    .md\:max-w_280px {
      max-width: 280px;
}
    .md\:max-w_180px {
      max-width: 180px;
}
    .md\:max-w_200px {
      max-width: 200px;
}
}

  @media screen and (min-width: 64rem) {
    .lg\:px_8 {
      padding-inline: var(--spacing-8);
}
    .lg\:gap_16 {
      gap: var(--spacing-16);
}
    .lg\:gap_10 {
      gap: var(--spacing-10);
}
    .lg\:gap_12 {
      gap: var(--spacing-12);
}
    .lg\:grid-c_span_2 {
      grid-column: span 2;
}
    .lg\:mx_0 {
      margin-inline: var(--spacing-0);
}
    .lg\:gap_20 {
      gap: var(--spacing-20);
}
    .lg\:bdr_3xl {
      border-radius: var(--radii-3xl);
}
    .lg\:gap_24 {
      gap: var(--spacing-24);
}
    .lg\:grid-c_span_6 {
      grid-column: span 6;
}
    .lg\:grid-c_span_3 {
      grid-column: span 3;
}
    .lg\:grid-c_auto {
      grid-column: auto;
}
    .lg\:px_0 {
      padding-inline: var(--spacing-0);
}
    .lg\:grid-c_span_8 {
      grid-column: span 8;
}
    .lg\:grid-c_span_4 {
      grid-column: span 4;
}
    .lg\:d_block {
      display: block;
}
    .lg\:fs_7xl {
      font-size: var(--font-sizes-7xl);
}
    .lg\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
    .lg\:grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
}
    .lg\:grid-tc_1fr_340px {
      grid-template-columns: 1fr 340px;
}
    .lg\:ai_flex-start {
      align-items: flex-start;
}
    .lg\:ta_left {
      text-align: left;
}
    .lg\:pos_sticky {
      position: sticky;
}
    .lg\:jc_flex-start {
      justify-content: flex-start;
}
    .lg\:fs_5xl {
      font-size: var(--font-sizes-5xl);
}
    .lg\:grid-tc_250px_1fr {
      grid-template-columns: 250px 1fr;
}
    .lg\:grid-tc_2fr_1fr {
      grid-template-columns: 2fr 1fr;
}
    .lg\:grid-tc_1fr_1fr {
      grid-template-columns: 1fr 1fr;
}
    .lg\:order_1 {
      order: 1;
}
    .lg\:flex-d_row {
      flex-direction: row;
}
    .lg\:order_2 {
      order: 2;
}
    .lg\:fs_6xl {
      font-size: var(--font-sizes-6xl);
}
    .lg\:grid-tc_repeat\(2\,_1fr\) {
      grid-template-columns: repeat(2, 1fr);
}
    .lg\:grid-tc_repeat\(3\,_1fr\) {
      grid-template-columns: repeat(3, 1fr);
}
    .lg\:d_flex {
      display: flex;
}
    .lg\:d_none {
      display: none;
}
    .lg\:grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
}
    .lg\:grid-tc_repeat\(4\,_1fr\) {
      grid-template-columns: repeat(4, 1fr);
}
    .lg\:grid-tc_1fr_320px {
      grid-template-columns: 1fr 320px;
}
    .lg\:grid-tc_repeat\(5\,_1fr\) {
      grid-template-columns: repeat(5, 1fr);
}
    .lg\:grid-tc_repeat\(12\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
}
    .lg\:grid-tc_repeat\(6\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
}
    .lg\:grid-tc_repeat\(8\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
}
    .lg\:grid-tc_repeat\(5\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
}
    .lg\:dvd-x_1px > :not([hidden]) ~ :not([hidden]) {
      border-inline-start-width: 1px;
      border-inline-end-width: 0px;
}
    .lg\:dvd-y_0 > :not([hidden]) ~ :not([hidden]) {
      border-top-width: 0;
      border-bottom-width: 0px;
}
    .lg\:ai_center {
      align-items: center;
}
    .lg\:grid-tc_350px_1fr {
      grid-template-columns: 350px 1fr;
}
    .lg\:d_inline {
      display: inline;
}
    .lg\:d_table-cell {
      display: table-cell;
}
    .lg\:grid-tc_280px_1fr {
      grid-template-columns: 280px 1fr;
}
    .lg\:h_600px {
      height: 600px;
}
    .lg\:min-h_460px {
      min-height: 460px;
}
    .lg\:bd-b-w_0 {
      border-bottom-width: 0;
}
    .lg\:w_320px {
      width: 320px;
}
    .lg\:h_550px {
      height: 550px;
}
}

  @media screen and (min-width: 80rem) {
    .xl\:grid-c_span_3 {
      grid-column: span 3;
}
    .xl\:grid-c_span_2 {
      grid-column: span 2;
}
    .xl\:grid-tc_repeat\(4\,_1fr\) {
      grid-template-columns: repeat(4, 1fr);
}
    .xl\:grid-tc_repeat\(3\,_1fr\) {
      grid-template-columns: repeat(3, 1fr);
}
    .xl\:grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
}
    .xl\:grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
}
    .xl\:grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
}
    .xl\:pos_sticky {
      position: sticky;
}
    .xl\:w_90vw {
      width: 90vw;
}
    .xl\:top_6 {
      top: var(--spacing-6);
}
}

  @media screen and (max-width: 47.9975rem) {
    .mdDown\:inset-x_4 {
      inset-inline: var(--spacing-4);
}
}
}