{
  "name": "cerberus",
  "id": "panda-theme-cerberus",
  "css": " [data-panda-theme=cerberus] {\n    --cerberus-colors-page-backdrop-initial: rgba(19, 0, 36, 0.75);\n    --cerberus-colors-page-bg-100: var(--cerberus-colors-cerberus-neutral-80);\n    --cerberus-colors-page-bg-200: var(--cerberus-colors-cerberus-neutral-70);\n    --cerberus-colors-page-bg-initial: var(--cerberus-colors-cerberus-brand-100);\n    --cerberus-colors-page-border-100: var(--cerberus-colors-cerberus-neutral-60);\n    --cerberus-colors-page-border-200: var(--cerberus-colors-cerberus-neutral-50);\n    --cerberus-colors-page-border-initial: var(--cerberus-colors-cerberus-neutral-70);\n    --cerberus-colors-page-surface-100: var(--cerberus-colors-cerberus-neutral-90);\n    --cerberus-colors-page-surface-200: var(--cerberus-colors-cerberus-neutral-80);\n    --cerberus-colors-page-surface-300: var(--cerberus-colors-cerberus-neutral-70);\n    --cerberus-colors-page-surface-initial: var(--cerberus-colors-cerberus-neutral-100);\n    --cerberus-colors-page-surface-inverse: var(--cerberus-colors-cerberus-neutral-5);\n    --cerberus-colors-page-text-100: var(--cerberus-colors-cerberus-neutral-20);\n    --cerberus-colors-page-text-200: var(--cerberus-colors-cerberus-neutral-10);\n    --cerberus-colors-page-text-300: var(--cerberus-colors-cerberus-neutral-white);\n    --cerberus-colors-page-text-initial: var(--cerberus-colors-cerberus-brand-5);\n    --cerberus-colors-page-text-inverse: var(--cerberus-colors-cerberus-neutral-100);\n    --cerberus-colors-action-bg-initial: var(--cerberus-colors-cerberus-brand-60);\n    --cerberus-colors-action-bg-hover: var(--cerberus-colors-cerberus-brand-50);\n    --cerberus-colors-action-bg-active: var(--cerberus-colors-cerberus-brand-70);\n    --cerberus-colors-action-border-100: var(--cerberus-colors-cerberus-neutral-30);\n    --cerberus-colors-action-border-initial: var(--cerberus-colors-cerberus-brand-30);\n    --cerberus-colors-action-border-focus: var(--cerberus-colors-cerberus-brand-40);\n    --cerberus-colors-action-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n    --cerberus-colors-action-ghost-hover: var(--cerberus-colors-cerberus-brand-80);\n    --cerberus-colors-action-ghost-active: var(--cerberus-colors-cerberus-brand-70);\n    --cerberus-colors-action-navigation-initial: var(--cerberus-colors-cerberus-brand-30);\n    --cerberus-colors-action-navigation-hover: var(--cerberus-colors-cerberus-brand-20);\n    --cerberus-colors-action-navigation-visited: var(--cerberus-colors-cerberus-brand-20);\n    --cerberus-colors-action-text-100: var(--cerberus-colors-cerberus-brand-40);\n    --cerberus-colors-action-text-200: var(--cerberus-colors-cerberus-brand-30);\n    --cerberus-colors-action-text-initial: var(--cerberus-colors-cerberus-neutral-white);\n    --cerberus-colors-action-text-inverse: var(--cerberus-colors-cerberus-brand-5);\n    --cerberus-colors-action-text-static: var(--cerberus-colors-cerberus-brand-60);\n    --cerberus-colors-secondary-action-bg-initial: var(--cerberus-colors-cerberus-teal-100);\n    --cerberus-colors-secondary-action-bg-hover: var(--cerberus-colors-cerberus-teal-90);\n    --cerberus-colors-secondary-action-bg-active: var(--cerberus-colors-cerberus-teal-60);\n    --cerberus-colors-secondary-action-border-100: var(--cerberus-colors-cerberus-teal-80);\n    --cerberus-colors-secondary-action-border-initial: var(--cerberus-colors-cerberus-teal-60);\n    --cerberus-colors-secondary-action-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n    --cerberus-colors-secondary-action-ghost-hover: var(--cerberus-colors-cerberus-teal-100);\n    --cerberus-colors-secondary-action-ghost-active: var(--cerberus-colors-cerberus-teal-80);\n    --cerberus-colors-secondary-action-navigation-initial: var(--cerberus-colors-cerberus-teal-60);\n    --cerberus-colors-secondary-action-navigation-hover: var(--cerberus-colors-cerberus-teal-50);\n    --cerberus-colors-secondary-action-navigation-visited: var(--cerberus-colors-cerberus-teal-70);\n    --cerberus-colors-secondary-action-text-100: var(--cerberus-colors-cerberus-teal-70);\n    --cerberus-colors-secondary-action-text-200: var(--cerberus-colors-cerberus-teal-40);\n    --cerberus-colors-secondary-action-text-initial: var(--cerberus-colors-cerberus-teal-60);\n    --cerberus-colors-secondary-action-text-static: var(--cerberus-colors-cerberus-teal-70);\n    --cerberus-colors-info-border-initial: var(--cerberus-colors-cerberus-info-50);\n    --cerberus-colors-info-bg-initial: var(--cerberus-colors-cerberus-info-70);\n    --cerberus-colors-info-bg-hover: var(--cerberus-colors-cerberus-info-90);\n    --cerberus-colors-info-bg-active: var(--cerberus-colors-cerberus-info-50);\n    --cerberus-colors-info-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n    --cerberus-colors-info-ghost-hover: var(--cerberus-colors-cerberus-info-90);\n    --cerberus-colors-info-ghost-active: var(--cerberus-colors-cerberus-info-80);\n    --cerberus-colors-info-surface-100: var(--cerberus-colors-cerberus-info-90);\n    --cerberus-colors-info-surface-200: var(--cerberus-colors-cerberus-info-70);\n    --cerberus-colors-info-surface-initial: var(--cerberus-colors-cerberus-info-80);\n    --cerberus-colors-info-text-100: var(--cerberus-colors-cerberus-info-40);\n    --cerberus-colors-info-text-200: var(--cerberus-colors-cerberus-info-10);\n    --cerberus-colors-info-text-initial: var(--cerberus-colors-cerberus-info-50);\n    --cerberus-colors-info-text-static: var(--cerberus-colors-cerberus-info-60);\n    --cerberus-colors-success-border-initial: var(--cerberus-colors-cerberus-success-50);\n    --cerberus-colors-success-bg-initial: var(--cerberus-colors-cerberus-success-50);\n    --cerberus-colors-success-bg-hover: var(--cerberus-colors-cerberus-success-50);\n    --cerberus-colors-success-bg-active: var(--cerberus-colors-cerberus-success-40);\n    --cerberus-colors-success-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n    --cerberus-colors-success-ghost-hover: var(--cerberus-colors-cerberus-success-90);\n    --cerberus-colors-success-ghost-active: var(--cerberus-colors-cerberus-success-80);\n    --cerberus-colors-success-surface-100: var(--cerberus-colors-cerberus-success-90);\n    --cerberus-colors-success-surface-200: var(--cerberus-colors-cerberus-success-80);\n    --cerberus-colors-success-surface-initial: var(--cerberus-colors-cerberus-success-60);\n    --cerberus-colors-success-text-100: var(--cerberus-colors-cerberus-success-30);\n    --cerberus-colors-success-text-200: var(--cerberus-colors-cerberus-success-10);\n    --cerberus-colors-success-text-initial: var(--cerberus-colors-cerberus-success-60);\n    --cerberus-colors-success-text-inverse: var(--cerberus-colors-cerberus-success-100);\n    --cerberus-colors-success-text-static: var(--cerberus-colors-cerberus-success-70);\n    --cerberus-colors-warning-border-initial: var(--cerberus-colors-cerberus-warning-20);\n    --cerberus-colors-warning-bg-initial: var(--cerberus-colors-cerberus-warning-70);\n    --cerberus-colors-warning-bg-hover: var(--cerberus-colors-cerberus-warning-60);\n    --cerberus-colors-warning-bg-active: var(--cerberus-colors-cerberus-warning-40);\n    --cerberus-colors-warning-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n    --cerberus-colors-warning-ghost-hover: var(--cerberus-colors-cerberus-warning-90);\n    --cerberus-colors-warning-ghost-active: var(--cerberus-colors-cerberus-warning-80);\n    --cerberus-colors-warning-surface-100: var(--cerberus-colors-cerberus-warning-90);\n    --cerberus-colors-warning-surface-200: var(--cerberus-colors-cerberus-warning-50);\n    --cerberus-colors-warning-surface-initial: var(--cerberus-colors-cerberus-warning-70);\n    --cerberus-colors-warning-text-100: var(--cerberus-colors-cerberus-warning-30);\n    --cerberus-colors-warning-text-200: var(--cerberus-colors-cerberus-warning-100);\n    --cerberus-colors-warning-text-initial: var(--cerberus-colors-cerberus-warning-40);\n    --cerberus-colors-warning-text-inverse: var(--cerberus-colors-cerberus-warning-100);\n    --cerberus-colors-warning-text-static: var(--cerberus-colors-cerberus-warning-80);\n    --cerberus-colors-danger-bg-initial: var(--cerberus-colors-cerberus-danger-70);\n    --cerberus-colors-danger-bg-hover: var(--cerberus-colors-cerberus-danger-40);\n    --cerberus-colors-danger-bg-active: var(--cerberus-colors-cerberus-danger-30);\n    --cerberus-colors-danger-border-initial: var(--cerberus-colors-cerberus-danger-30);\n    --cerberus-colors-danger-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n    --cerberus-colors-danger-ghost-hover: var(--cerberus-colors-cerberus-danger-90);\n    --cerberus-colors-danger-ghost-active: var(--cerberus-colors-cerberus-danger-80);\n    --cerberus-colors-danger-surface-100: var(--cerberus-colors-cerberus-danger-90);\n    --cerberus-colors-danger-surface-200: var(--cerberus-colors-cerberus-danger-70);\n    --cerberus-colors-danger-surface-initial: var(--cerberus-colors-cerberus-danger-80);\n    --cerberus-colors-danger-text-100: var(--cerberus-colors-cerberus-danger-30);\n    --cerberus-colors-danger-text-200: var(--cerberus-colors-cerberus-danger-10);\n    --cerberus-colors-danger-text-initial: var(--cerberus-colors-cerberus-danger-60);\n    --cerberus-colors-danger-text-inverse: var(--cerberus-colors-cerberus-danger-90);\n    --cerberus-colors-danger-text-static: var(--cerberus-colors-cerberus-danger-80);\n    --cerberus-colors-gradient-charon-light-text-initial: var(--cerberus-colors-cerberus-brand-70);\n    --cerberus-colors-gradient-charon-dark-text-initial: var(--cerberus-colors-cerberus-brand-10);\n    --cerberus-colors-gradient-nyx-light-text-initial: var(--cerberus-colors-cerberus-neutral-100);\n    --cerberus-colors-gradient-nyx-dark-text-initial: var(--cerberus-colors-cerberus-neutral-20);\n    --cerberus-colors-gradient-amphiaraus-light-text-initial: var(--cerberus-colors-cerberus-info-80);\n    --cerberus-colors-gradient-amphiaraus-dark-text-initial: var(--cerberus-colors-cerberus-info-20);\n    --cerberus-colors-gradient-styx-light-text-initial: var(--cerberus-colors-cerberus-teal-90);\n    --cerberus-colors-gradient-styx-dark-text-initial: var(--cerberus-colors-cerberus-teal-100);\n    --cerberus-colors-gradient-thanatos-light-text-initial: var(--cerberus-colors-cerberus-success-90);\n    --cerberus-colors-gradient-thanatos-dark-text-initial: var(--cerberus-colors-cerberus-success-20);\n    --cerberus-colors-gradient-hades-light-text-initial: var(--cerberus-colors-cerberus-danger-80);\n    --cerberus-colors-gradient-hades-dark-text-initial: var(--cerberus-colors-cerberus-danger-10);\n    --cerberus-colors-gradient-asphodel-light-text-initial: var(--cerberus-colors-cerberus-warning-90);\n    --cerberus-colors-gradient-asphodel-dark-text-initial: var(--cerberus-colors-cerberus-warning-100);\n    --cerberus-colors-data-viz-diverging-50: var(--cerberus-colors-cerberus-warning-60);\n    --cerberus-colors-data-viz-diverging-100: var(--cerberus-colors-cerberus-warning-50);\n    --cerberus-colors-data-viz-diverging-200: var(--cerberus-colors-cerberus-warning-40);\n    --cerberus-colors-data-viz-diverging-300: var(--cerberus-colors-cerberus-warning-30);\n    --cerberus-colors-data-viz-diverging-400: var(--cerberus-colors-cerberus-warning-20);\n    --cerberus-colors-data-viz-diverging-500: var(--cerberus-colors-cerberus-neutral-10);\n    --cerberus-colors-data-viz-diverging-600: var(--cerberus-colors-cerberus-brand-30);\n    --cerberus-colors-data-viz-diverging-700: var(--cerberus-colors-cerberus-brand-40);\n    --cerberus-colors-data-viz-diverging-800: var(--cerberus-colors-cerberus-brand-50);\n    --cerberus-colors-data-viz-diverging-900: var(--cerberus-colors-cerberus-brand-60);\n    --cerberus-colors-data-viz-sequential-100: var(--cerberus-colors-cerberus-brand-80);\n    --cerberus-colors-data-viz-sequential-200: var(--cerberus-colors-cerberus-brand-60);\n    --cerberus-colors-data-viz-sequential-300: var(--cerberus-colors-cerberus-brand-50);\n    --cerberus-colors-data-viz-sequential-400: var(--cerberus-colors-cerberus-brand-40);\n    --cerberus-colors-data-viz-sequential-500: var(--cerberus-colors-cerberus-brand-20);\n    --cerberus-colors-data-viz-sequential-600: var(--cerberus-colors-cerberus-brand-10);\n    --cerberus-colors-data-viz-qualitative-100: var(--cerberus-colors-cerberus-brand-50);\n    --cerberus-colors-data-viz-qualitative-200: var(--cerberus-colors-cerberus-warning-60);\n    --cerberus-colors-data-viz-qualitative-300: var(--cerberus-colors-cerberus-success-60);\n    --cerberus-colors-data-viz-qualitative-400: var(--cerberus-colors-cerberus-info-50);\n    --cerberus-colors-data-viz-qualitative-500: var(--cerberus-colors-cerberus-brand-30);\n    --cerberus-colors-data-viz-qualitative-600: var(--cerberus-colors-cerberus-teal-70);\n    --cerberus-colors-data-viz-qualitative-700: var(--cerberus-colors-cerberus-neutral-40);\n    --cerberus-colors-data-viz-progress-start: var(--cerberus-colors-cerberus-brand-40);\n    --cerberus-colors-data-viz-progress-end: var(--cerberus-colors-cerberus-brand-70);\n    --cerberus-colors-data-viz-progress-complete: var(--cerberus-colors-cerberus-success-60)\n}\n\n[data-panda-theme=cerberus]:where([data-color-mode=light], .light) {\n      --cerberus-colors-page-backdrop-initial: rgba(188, 186, 202, 0.50);\n      --cerberus-colors-page-bg-100: var(--cerberus-colors-cerberus-neutral-10);\n      --cerberus-colors-page-bg-200: var(--cerberus-colors-cerberus-neutral-20);\n      --cerberus-colors-page-bg-initial: var(--cerberus-colors-cerberus-brand-5);\n      --cerberus-colors-page-border-100: var(--cerberus-colors-cerberus-brand-20);\n      --cerberus-colors-page-border-200: var(--cerberus-colors-cerberus-neutral-20);\n      --cerberus-colors-page-border-initial: var(--cerberus-colors-cerberus-neutral-15);\n      --cerberus-colors-page-surface-100: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-page-surface-200: var(--cerberus-colors-cerberus-neutral-5);\n      --cerberus-colors-page-surface-300: var(--cerberus-colors-cerberus-neutral-10);\n      --cerberus-colors-page-surface-initial: var(--cerberus-colors-cerberus-brand-5);\n      --cerberus-colors-page-surface-inverse: var(--cerberus-colors-cerberus-neutral-90);\n      --cerberus-colors-page-text-100: var(--cerberus-colors-cerberus-neutral-40);\n      --cerberus-colors-page-text-200: var(--cerberus-colors-cerberus-neutral-60);\n      --cerberus-colors-page-text-300: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-page-text-initial: var(--cerberus-colors-cerberus-neutral-90);\n      --cerberus-colors-page-text-inverse: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-action-bg-initial: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-action-bg-hover: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-action-bg-active: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-action-border-100: var(--cerberus-colors-cerberus-neutral-40);\n      --cerberus-colors-action-border-initial: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-action-border-focus: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-action-ghost-initial: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-action-ghost-hover: var(--cerberus-colors-cerberus-neutral-5);\n      --cerberus-colors-action-ghost-active: var(--cerberus-colors-cerberus-brand-10);\n      --cerberus-colors-action-navigation-initial: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-action-navigation-hover: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-action-navigation-visited: var(--cerberus-colors-cerberus-neutral-60);\n      --cerberus-colors-action-text-100: var(--cerberus-colors-cerberus-brand-80);\n      --cerberus-colors-action-text-200: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-action-text-initial: var(--cerberus-colors-cerberus-brand-5);\n      --cerberus-colors-action-text-inverse: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-action-text-static: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-secondary-action-bg-initial: var(--cerberus-colors-cerberus-teal-20);\n      --cerberus-colors-secondary-action-bg-hover: var(--cerberus-colors-cerberus-teal-30);\n      --cerberus-colors-secondary-action-bg-active: var(--cerberus-colors-cerberus-teal-40);\n      --cerberus-colors-secondary-action-border-100: var(--cerberus-colors-cerberus-teal-90);\n      --cerberus-colors-secondary-action-border-initial: var(--cerberus-colors-cerberus-teal-80);\n      --cerberus-colors-secondary-action-ghost-initial: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-secondary-action-ghost-hover: var(--cerberus-colors-cerberus-teal-10);\n      --cerberus-colors-secondary-action-ghost-active: var(--cerberus-colors-cerberus-teal-20);\n      --cerberus-colors-secondary-action-navigation-initial: var(--cerberus-colors-cerberus-teal-80);\n      --cerberus-colors-secondary-action-navigation-hover: var(--cerberus-colors-cerberus-teal-90);\n      --cerberus-colors-secondary-action-navigation-visited: var(--cerberus-colors-cerberus-teal-100);\n      --cerberus-colors-secondary-action-text-100: var(--cerberus-colors-cerberus-teal-100);\n      --cerberus-colors-secondary-action-text-200: var(--cerberus-colors-cerberus-teal-90);\n      --cerberus-colors-secondary-action-text-initial: var(--cerberus-colors-cerberus-teal-80);\n      --cerberus-colors-secondary-action-text-static: var(--cerberus-colors-cerberus-teal-70);\n      --cerberus-colors-info-border-initial: var(--cerberus-colors-cerberus-info-60);\n      --cerberus-colors-info-bg-initial: var(--cerberus-colors-cerberus-info-30);\n      --cerberus-colors-info-bg-hover: var(--cerberus-colors-cerberus-info-20);\n      --cerberus-colors-info-bg-active: var(--cerberus-colors-cerberus-info-50);\n      --cerberus-colors-info-ghost-initial: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-info-ghost-hover: var(--cerberus-colors-cerberus-info-20);\n      --cerberus-colors-info-ghost-active: var(--cerberus-colors-cerberus-info-30);\n      --cerberus-colors-info-surface-100: var(--cerberus-colors-cerberus-info-20);\n      --cerberus-colors-info-surface-200: var(--cerberus-colors-cerberus-info-50);\n      --cerberus-colors-info-surface-initial: var(--cerberus-colors-cerberus-info-30);\n      --cerberus-colors-info-text-100: var(--cerberus-colors-cerberus-info-80);\n      --cerberus-colors-info-text-200: var(--cerberus-colors-cerberus-info-100);\n      --cerberus-colors-info-text-initial: var(--cerberus-colors-cerberus-info-70);\n      --cerberus-colors-info-text-static: var(--cerberus-colors-cerberus-info-60);\n      --cerberus-colors-success-border-initial: var(--cerberus-colors-cerberus-success-70);\n      --cerberus-colors-success-bg-initial: var(--cerberus-colors-cerberus-success-60);\n      --cerberus-colors-success-bg-hover: var(--cerberus-colors-cerberus-success-70);\n      --cerberus-colors-success-bg-active: var(--cerberus-colors-cerberus-success-80);\n      --cerberus-colors-success-ghost-initial: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-success-ghost-hover: var(--cerberus-colors-cerberus-success-10);\n      --cerberus-colors-success-ghost-active: var(--cerberus-colors-cerberus-success-20);\n      --cerberus-colors-success-surface-100: var(--cerberus-colors-cerberus-success-20);\n      --cerberus-colors-success-surface-200: var(--cerberus-colors-cerberus-success-60);\n      --cerberus-colors-success-surface-initial: var(--cerberus-colors-cerberus-success-50);\n      --cerberus-colors-success-text-100: var(--cerberus-colors-cerberus-success-80);\n      --cerberus-colors-success-text-200: var(--cerberus-colors-cerberus-success-100);\n      --cerberus-colors-success-text-initial: var(--cerberus-colors-cerberus-success-60);\n      --cerberus-colors-success-text-inverse: var(--cerberus-colors-cerberus-success-10);\n      --cerberus-colors-success-text-static: var(--cerberus-colors-cerberus-success-70);\n      --cerberus-colors-warning-border-initial: var(--cerberus-colors-cerberus-warning-50);\n      --cerberus-colors-warning-bg-initial: var(--cerberus-colors-cerberus-warning-50);\n      --cerberus-colors-warning-bg-hover: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-warning-bg-active: var(--cerberus-colors-cerberus-warning-70);\n      --cerberus-colors-warning-ghost-initial: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-warning-ghost-hover: var(--cerberus-colors-cerberus-warning-20);\n      --cerberus-colors-warning-ghost-active: var(--cerberus-colors-cerberus-warning-30);\n      --cerberus-colors-warning-surface-100: var(--cerberus-colors-cerberus-warning-20);\n      --cerberus-colors-warning-surface-200: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-warning-surface-initial: var(--cerberus-colors-cerberus-warning-40);\n      --cerberus-colors-warning-text-100: var(--cerberus-colors-cerberus-warning-90);\n      --cerberus-colors-warning-text-200: var(--cerberus-colors-cerberus-warning-100);\n      --cerberus-colors-warning-text-initial: var(--cerberus-colors-cerberus-warning-90);\n      --cerberus-colors-warning-text-inverse: var(--cerberus-colors-cerberus-warning-20);\n      --cerberus-colors-warning-text-static: var(--cerberus-colors-cerberus-warning-80);\n      --cerberus-colors-danger-bg-initial: var(--cerberus-colors-cerberus-danger-60);\n      --cerberus-colors-danger-bg-hover: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-danger-bg-active: var(--cerberus-colors-cerberus-danger-90);\n      --cerberus-colors-danger-border-initial: var(--cerberus-colors-cerberus-danger-50);\n      --cerberus-colors-danger-ghost-initial: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-danger-ghost-hover: var(--cerberus-colors-cerberus-danger-10);\n      --cerberus-colors-danger-ghost-active: var(--cerberus-colors-cerberus-danger-20);\n      --cerberus-colors-danger-surface-100: var(--cerberus-colors-cerberus-danger-10);\n      --cerberus-colors-danger-surface-200: var(--cerberus-colors-cerberus-danger-60);\n      --cerberus-colors-danger-surface-initial: var(--cerberus-colors-cerberus-danger-30);\n      --cerberus-colors-danger-text-100: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-danger-text-200: var(--cerberus-colors-cerberus-danger-100);\n      --cerberus-colors-danger-text-initial: var(--cerberus-colors-cerberus-danger-70);\n      --cerberus-colors-danger-text-inverse: var(--cerberus-colors-cerberus-danger-10);\n      --cerberus-colors-danger-text-static: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-gradient-charon-light-text-initial: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-gradient-charon-dark-text-initial: var(--cerberus-colors-cerberus-brand-10);\n      --cerberus-colors-gradient-nyx-light-text-initial: var(--cerberus-colors-cerberus-neutral-100);\n      --cerberus-colors-gradient-nyx-dark-text-initial: var(--cerberus-colors-cerberus-neutral-20);\n      --cerberus-colors-gradient-amphiaraus-light-text-initial: var(--cerberus-colors-cerberus-info-80);\n      --cerberus-colors-gradient-amphiaraus-dark-text-initial: var(--cerberus-colors-cerberus-info-20);\n      --cerberus-colors-gradient-styx-light-text-initial: var(--cerberus-colors-cerberus-teal-90);\n      --cerberus-colors-gradient-styx-dark-text-initial: var(--cerberus-colors-cerberus-neutral-100);\n      --cerberus-colors-gradient-thanatos-light-text-initial: var(--cerberus-colors-cerberus-success-90);\n      --cerberus-colors-gradient-thanatos-dark-text-initial: var(--cerberus-colors-cerberus-success-20);\n      --cerberus-colors-gradient-hades-light-text-initial: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-gradient-hades-dark-text-initial: var(--cerberus-colors-cerberus-danger-10);\n      --cerberus-colors-gradient-asphodel-light-text-initial: var(--cerberus-colors-cerberus-warning-90);\n      --cerberus-colors-gradient-asphodel-dark-text-initial: var(--cerberus-colors-cerberus-warning-100);\n      --cerberus-colors-data-viz-diverging-50: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-data-viz-diverging-100: var(--cerberus-colors-cerberus-warning-50);\n      --cerberus-colors-data-viz-diverging-200: var(--cerberus-colors-cerberus-warning-40);\n      --cerberus-colors-data-viz-diverging-300: var(--cerberus-colors-cerberus-warning-30);\n      --cerberus-colors-data-viz-diverging-400: var(--cerberus-colors-cerberus-warning-20);\n      --cerberus-colors-data-viz-diverging-500: var(--cerberus-colors-cerberus-neutral-10);\n      --cerberus-colors-data-viz-diverging-600: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-data-viz-diverging-700: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-data-viz-diverging-800: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-data-viz-diverging-900: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-data-viz-sequential-100: var(--cerberus-colors-cerberus-brand-10);\n      --cerberus-colors-data-viz-sequential-200: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-data-viz-sequential-300: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-data-viz-sequential-400: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-data-viz-sequential-500: var(--cerberus-colors-cerberus-brand-80);\n      --cerberus-colors-data-viz-sequential-600: var(--cerberus-colors-cerberus-brand-90);\n      --cerberus-colors-data-viz-qualitative-100: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-data-viz-qualitative-200: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-data-viz-qualitative-300: var(--cerberus-colors-cerberus-success-60);\n      --cerberus-colors-data-viz-qualitative-400: var(--cerberus-colors-cerberus-info-50);\n      --cerberus-colors-data-viz-qualitative-500: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-data-viz-qualitative-600: var(--cerberus-colors-cerberus-teal-70);\n      --cerberus-colors-data-viz-qualitative-700: var(--cerberus-colors-cerberus-neutral-40);\n      --cerberus-colors-data-viz-progress-start: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-data-viz-progress-end: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-data-viz-progress-complete: var(--cerberus-colors-cerberus-success-60)\n        }\n\n[data-panda-theme=cerberus]:where([data-color-mode=dark], .dark) {\n      --cerberus-colors-page-backdrop-initial: rgba(19, 0, 36, 0.75);\n      --cerberus-colors-page-bg-100: var(--cerberus-colors-cerberus-neutral-80);\n      --cerberus-colors-page-bg-200: var(--cerberus-colors-cerberus-neutral-70);\n      --cerberus-colors-page-bg-initial: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-page-border-100: var(--cerberus-colors-cerberus-neutral-60);\n      --cerberus-colors-page-border-200: var(--cerberus-colors-cerberus-neutral-50);\n      --cerberus-colors-page-border-initial: var(--cerberus-colors-cerberus-neutral-70);\n      --cerberus-colors-page-surface-100: var(--cerberus-colors-cerberus-neutral-90);\n      --cerberus-colors-page-surface-200: var(--cerberus-colors-cerberus-neutral-80);\n      --cerberus-colors-page-surface-300: var(--cerberus-colors-cerberus-neutral-70);\n      --cerberus-colors-page-surface-initial: var(--cerberus-colors-cerberus-neutral-100);\n      --cerberus-colors-page-surface-inverse: var(--cerberus-colors-cerberus-neutral-5);\n      --cerberus-colors-page-text-100: var(--cerberus-colors-cerberus-neutral-20);\n      --cerberus-colors-page-text-200: var(--cerberus-colors-cerberus-neutral-10);\n      --cerberus-colors-page-text-300: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-page-text-initial: var(--cerberus-colors-cerberus-brand-5);\n      --cerberus-colors-page-text-inverse: var(--cerberus-colors-cerberus-neutral-100);\n      --cerberus-colors-action-bg-initial: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-action-bg-hover: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-action-bg-active: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-action-border-100: var(--cerberus-colors-cerberus-neutral-30);\n      --cerberus-colors-action-border-initial: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-action-border-focus: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-action-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-action-ghost-hover: var(--cerberus-colors-cerberus-brand-80);\n      --cerberus-colors-action-ghost-active: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-action-navigation-initial: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-action-navigation-hover: var(--cerberus-colors-cerberus-brand-20);\n      --cerberus-colors-action-navigation-visited: var(--cerberus-colors-cerberus-brand-20);\n      --cerberus-colors-action-text-100: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-action-text-200: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-action-text-initial: var(--cerberus-colors-cerberus-neutral-white);\n      --cerberus-colors-action-text-inverse: var(--cerberus-colors-cerberus-brand-5);\n      --cerberus-colors-action-text-static: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-secondary-action-bg-initial: var(--cerberus-colors-cerberus-teal-100);\n      --cerberus-colors-secondary-action-bg-hover: var(--cerberus-colors-cerberus-teal-90);\n      --cerberus-colors-secondary-action-bg-active: var(--cerberus-colors-cerberus-teal-60);\n      --cerberus-colors-secondary-action-border-100: var(--cerberus-colors-cerberus-teal-80);\n      --cerberus-colors-secondary-action-border-initial: var(--cerberus-colors-cerberus-teal-60);\n      --cerberus-colors-secondary-action-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-secondary-action-ghost-hover: var(--cerberus-colors-cerberus-teal-100);\n      --cerberus-colors-secondary-action-ghost-active: var(--cerberus-colors-cerberus-teal-80);\n      --cerberus-colors-secondary-action-navigation-initial: var(--cerberus-colors-cerberus-teal-60);\n      --cerberus-colors-secondary-action-navigation-hover: var(--cerberus-colors-cerberus-teal-50);\n      --cerberus-colors-secondary-action-navigation-visited: var(--cerberus-colors-cerberus-teal-70);\n      --cerberus-colors-secondary-action-text-100: var(--cerberus-colors-cerberus-teal-70);\n      --cerberus-colors-secondary-action-text-200: var(--cerberus-colors-cerberus-teal-40);\n      --cerberus-colors-secondary-action-text-initial: var(--cerberus-colors-cerberus-teal-60);\n      --cerberus-colors-secondary-action-text-static: var(--cerberus-colors-cerberus-teal-70);\n      --cerberus-colors-info-border-initial: var(--cerberus-colors-cerberus-info-50);\n      --cerberus-colors-info-bg-initial: var(--cerberus-colors-cerberus-info-70);\n      --cerberus-colors-info-bg-hover: var(--cerberus-colors-cerberus-info-90);\n      --cerberus-colors-info-bg-active: var(--cerberus-colors-cerberus-info-50);\n      --cerberus-colors-info-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-info-ghost-hover: var(--cerberus-colors-cerberus-info-90);\n      --cerberus-colors-info-ghost-active: var(--cerberus-colors-cerberus-info-80);\n      --cerberus-colors-info-surface-100: var(--cerberus-colors-cerberus-info-90);\n      --cerberus-colors-info-surface-200: var(--cerberus-colors-cerberus-info-70);\n      --cerberus-colors-info-surface-initial: var(--cerberus-colors-cerberus-info-80);\n      --cerberus-colors-info-text-100: var(--cerberus-colors-cerberus-info-40);\n      --cerberus-colors-info-text-200: var(--cerberus-colors-cerberus-info-10);\n      --cerberus-colors-info-text-initial: var(--cerberus-colors-cerberus-info-50);\n      --cerberus-colors-info-text-static: var(--cerberus-colors-cerberus-info-60);\n      --cerberus-colors-success-border-initial: var(--cerberus-colors-cerberus-success-50);\n      --cerberus-colors-success-bg-initial: var(--cerberus-colors-cerberus-success-50);\n      --cerberus-colors-success-bg-hover: var(--cerberus-colors-cerberus-success-50);\n      --cerberus-colors-success-bg-active: var(--cerberus-colors-cerberus-success-40);\n      --cerberus-colors-success-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-success-ghost-hover: var(--cerberus-colors-cerberus-success-90);\n      --cerberus-colors-success-ghost-active: var(--cerberus-colors-cerberus-success-80);\n      --cerberus-colors-success-surface-100: var(--cerberus-colors-cerberus-success-90);\n      --cerberus-colors-success-surface-200: var(--cerberus-colors-cerberus-success-80);\n      --cerberus-colors-success-surface-initial: var(--cerberus-colors-cerberus-success-60);\n      --cerberus-colors-success-text-100: var(--cerberus-colors-cerberus-success-30);\n      --cerberus-colors-success-text-200: var(--cerberus-colors-cerberus-success-10);\n      --cerberus-colors-success-text-initial: var(--cerberus-colors-cerberus-success-60);\n      --cerberus-colors-success-text-inverse: var(--cerberus-colors-cerberus-success-100);\n      --cerberus-colors-success-text-static: var(--cerberus-colors-cerberus-success-70);\n      --cerberus-colors-warning-border-initial: var(--cerberus-colors-cerberus-warning-20);\n      --cerberus-colors-warning-bg-initial: var(--cerberus-colors-cerberus-warning-70);\n      --cerberus-colors-warning-bg-hover: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-warning-bg-active: var(--cerberus-colors-cerberus-warning-40);\n      --cerberus-colors-warning-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-warning-ghost-hover: var(--cerberus-colors-cerberus-warning-90);\n      --cerberus-colors-warning-ghost-active: var(--cerberus-colors-cerberus-warning-80);\n      --cerberus-colors-warning-surface-100: var(--cerberus-colors-cerberus-warning-90);\n      --cerberus-colors-warning-surface-200: var(--cerberus-colors-cerberus-warning-50);\n      --cerberus-colors-warning-surface-initial: var(--cerberus-colors-cerberus-warning-70);\n      --cerberus-colors-warning-text-100: var(--cerberus-colors-cerberus-warning-30);\n      --cerberus-colors-warning-text-200: var(--cerberus-colors-cerberus-warning-100);\n      --cerberus-colors-warning-text-initial: var(--cerberus-colors-cerberus-warning-40);\n      --cerberus-colors-warning-text-inverse: var(--cerberus-colors-cerberus-warning-100);\n      --cerberus-colors-warning-text-static: var(--cerberus-colors-cerberus-warning-80);\n      --cerberus-colors-danger-bg-initial: var(--cerberus-colors-cerberus-danger-70);\n      --cerberus-colors-danger-bg-hover: var(--cerberus-colors-cerberus-danger-40);\n      --cerberus-colors-danger-bg-active: var(--cerberus-colors-cerberus-danger-30);\n      --cerberus-colors-danger-border-initial: var(--cerberus-colors-cerberus-danger-30);\n      --cerberus-colors-danger-ghost-initial: var(--cerberus-colors-cerberus-brand-100);\n      --cerberus-colors-danger-ghost-hover: var(--cerberus-colors-cerberus-danger-90);\n      --cerberus-colors-danger-ghost-active: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-danger-surface-100: var(--cerberus-colors-cerberus-danger-90);\n      --cerberus-colors-danger-surface-200: var(--cerberus-colors-cerberus-danger-70);\n      --cerberus-colors-danger-surface-initial: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-danger-text-100: var(--cerberus-colors-cerberus-danger-30);\n      --cerberus-colors-danger-text-200: var(--cerberus-colors-cerberus-danger-10);\n      --cerberus-colors-danger-text-initial: var(--cerberus-colors-cerberus-danger-60);\n      --cerberus-colors-danger-text-inverse: var(--cerberus-colors-cerberus-danger-90);\n      --cerberus-colors-danger-text-static: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-gradient-charon-light-text-initial: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-gradient-charon-dark-text-initial: var(--cerberus-colors-cerberus-brand-10);\n      --cerberus-colors-gradient-nyx-light-text-initial: var(--cerberus-colors-cerberus-neutral-100);\n      --cerberus-colors-gradient-nyx-dark-text-initial: var(--cerberus-colors-cerberus-neutral-20);\n      --cerberus-colors-gradient-amphiaraus-light-text-initial: var(--cerberus-colors-cerberus-info-80);\n      --cerberus-colors-gradient-amphiaraus-dark-text-initial: var(--cerberus-colors-cerberus-info-20);\n      --cerberus-colors-gradient-styx-light-text-initial: var(--cerberus-colors-cerberus-teal-90);\n      --cerberus-colors-gradient-styx-dark-text-initial: var(--cerberus-colors-cerberus-teal-100);\n      --cerberus-colors-gradient-thanatos-light-text-initial: var(--cerberus-colors-cerberus-success-90);\n      --cerberus-colors-gradient-thanatos-dark-text-initial: var(--cerberus-colors-cerberus-success-20);\n      --cerberus-colors-gradient-hades-light-text-initial: var(--cerberus-colors-cerberus-danger-80);\n      --cerberus-colors-gradient-hades-dark-text-initial: var(--cerberus-colors-cerberus-danger-10);\n      --cerberus-colors-gradient-asphodel-light-text-initial: var(--cerberus-colors-cerberus-warning-90);\n      --cerberus-colors-gradient-asphodel-dark-text-initial: var(--cerberus-colors-cerberus-warning-100);\n      --cerberus-colors-data-viz-diverging-50: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-data-viz-diverging-100: var(--cerberus-colors-cerberus-warning-50);\n      --cerberus-colors-data-viz-diverging-200: var(--cerberus-colors-cerberus-warning-40);\n      --cerberus-colors-data-viz-diverging-300: var(--cerberus-colors-cerberus-warning-30);\n      --cerberus-colors-data-viz-diverging-400: var(--cerberus-colors-cerberus-warning-20);\n      --cerberus-colors-data-viz-diverging-500: var(--cerberus-colors-cerberus-neutral-10);\n      --cerberus-colors-data-viz-diverging-600: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-data-viz-diverging-700: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-data-viz-diverging-800: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-data-viz-diverging-900: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-data-viz-sequential-100: var(--cerberus-colors-cerberus-brand-80);\n      --cerberus-colors-data-viz-sequential-200: var(--cerberus-colors-cerberus-brand-60);\n      --cerberus-colors-data-viz-sequential-300: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-data-viz-sequential-400: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-data-viz-sequential-500: var(--cerberus-colors-cerberus-brand-20);\n      --cerberus-colors-data-viz-sequential-600: var(--cerberus-colors-cerberus-brand-10);\n      --cerberus-colors-data-viz-qualitative-100: var(--cerberus-colors-cerberus-brand-50);\n      --cerberus-colors-data-viz-qualitative-200: var(--cerberus-colors-cerberus-warning-60);\n      --cerberus-colors-data-viz-qualitative-300: var(--cerberus-colors-cerberus-success-60);\n      --cerberus-colors-data-viz-qualitative-400: var(--cerberus-colors-cerberus-info-50);\n      --cerberus-colors-data-viz-qualitative-500: var(--cerberus-colors-cerberus-brand-30);\n      --cerberus-colors-data-viz-qualitative-600: var(--cerberus-colors-cerberus-teal-70);\n      --cerberus-colors-data-viz-qualitative-700: var(--cerberus-colors-cerberus-neutral-40);\n      --cerberus-colors-data-viz-progress-start: var(--cerberus-colors-cerberus-brand-40);\n      --cerberus-colors-data-viz-progress-end: var(--cerberus-colors-cerberus-brand-70);\n      --cerberus-colors-data-viz-progress-complete: var(--cerberus-colors-cerberus-success-60)\n        }"
}