{
  "name": "next",
  "id": "panda-theme-next",
  "css": "[data-panda-theme=next] {\n    --mp-border-widths-none: none;\n    --mp-border-widths-sm: 1px;\n    --mp-border-widths-md: 1.5px;\n    --mp-border-widths-lg: 2px;\n    --mp-border-widths-xl: 3px;\n    --mp-border-widths-2xl: 4px;\n    --mp-colors-debug: red;\n    --mp-colors-transparent: #ffffff00;\n    --mp-colors-currentcolor: currentcolor;\n    --mp-colors-vibrant-purple: linear-gradient(98deg, #F8F9FB 0%, #B5A2EC 50.01%, #4B61DD 100%);\n    --mp-colors-light-purple: radial-gradient(108.28% 139.29% at 0% 0%, var(--mp-colors-background-brand) 0%, var(--mp-colors-background-highlight) 100%);\n    --mp-colors-white: #ffffff;\n    --mp-colors-dark-100: #1d2125;\n    --mp-colors-dark-200: #22272b;\n    --mp-colors-dark-250: #282e33;\n    --mp-colors-dark-300: #2c333a;\n    --mp-colors-dark-350: #38414a;\n    --mp-colors-dark-400: #454f59;\n    --mp-colors-dark-500: #596773;\n    --mp-colors-dark-600: #738496;\n    --mp-colors-dark-700: #8c9bab;\n    --mp-colors-dark-800: #9fadbc;\n    --mp-colors-dark-900: #b6c2cf;\n    --mp-colors-dark-1000: #c7d1db;\n    --mp-colors-dark--100: #101214;\n    --mp-colors-dark-100a: #bcd6f00a;\n    --mp-colors-dark-200a: #a1bdd914;\n    --mp-colors-dark-250a: #c8e1f91f;\n    --mp-colors-dark-300a: #a6c5e229;\n    --mp-colors-dark-350a: #c3defe33;\n    --mp-colors-dark-400a: #bfdbf847;\n    --mp-colors-dark-500a: #9bb4ca85;\n    --mp-colors-dark: #161a1d;\n    --mp-colors-neutral-100: #f7f8f9;\n    --mp-colors-neutral-200: #f0f1f3;\n    --mp-colors-neutral-300: #dcdfe4;\n    --mp-colors-neutral-400: #b2b9c4;\n    --mp-colors-neutral-500: #8690a2;\n    --mp-colors-neutral-600: #758195;\n    --mp-colors-neutral-700: #656f80;\n    --mp-colors-neutral-800: #4c5460;\n    --mp-colors-neutral-900: #383e48;\n    --mp-colors-neutral-1000: #272b32;\n    --mp-colors-neutral-100a: #1d1f240a;\n    --mp-colors-neutral-200a: #1d1f2414;\n    --mp-colors-neutral-300a: #1d1f2429;\n    --mp-colors-neutral-400a: #1d1f2452;\n    --mp-colors-neutral-500a: #1d1f247a;\n    --mp-colors-slate-100: #f8f9f9;\n    --mp-colors-slate-200: #ebf0f1;\n    --mp-colors-slate-300: #e3e7e9;\n    --mp-colors-slate-400: #8c9596;\n    --mp-colors-slate-500: #6e7a7c;\n    --mp-colors-slate-600: #536062;\n    --mp-colors-slate-700: #3a4749;\n    --mp-colors-slate-800: #243032;\n    --mp-colors-slate-900: #121c1e;\n    --mp-colors-slate-1000: #080d0e;\n    --mp-colors-slate-100a: #1d1f240a;\n    --mp-colors-slate-200a: #1d1f2414;\n    --mp-colors-slate-300a: #1d1f2429;\n    --mp-colors-slate-400a: #1d1f2452;\n    --mp-colors-slate-500a: #1d1f247a;\n    --mp-colors-blue-100: #ecf3fe;\n    --mp-colors-blue-200: #cee0fd;\n    --mp-colors-blue-300: #8eb7fa;\n    --mp-colors-blue-400: #649cf8;\n    --mp-colors-blue-500: #488bf7;\n    --mp-colors-blue-600: #387ceb;\n    --mp-colors-blue-700: #306ac8;\n    --mp-colors-blue-800: #295aaa;\n    --mp-colors-blue-900: #173361;\n    --mp-colors-blue-1000: #132a4f;\n    --mp-colors-indigo-100: #eef0fc;\n    --mp-colors-indigo-200: #d6dbf7;\n    --mp-colors-indigo-300: #a8b2ef;\n    --mp-colors-indigo-400: #8997e9;\n    --mp-colors-indigo-500: #7586e5;\n    --mp-colors-indigo-600: #6577e2;\n    --mp-colors-indigo-700: #4b61dc;\n    --mp-colors-indigo-800: #4053bc;\n    --mp-colors-indigo-900: #242f6a;\n    --mp-colors-indigo-1000: #1d2656;\n    --mp-colors-violet-100: #f3f1fc;\n    --mp-colors-violet-200: #dedaf6;\n    --mp-colors-violet-300: #b8aeeb;\n    --mp-colors-violet-400: #9f91e3;\n    --mp-colors-violet-500: #8f7fdf;\n    --mp-colors-violet-600: #8270db;\n    --mp-colors-violet-700: #6f5fba;\n    --mp-colors-violet-800: #5f519f;\n    --mp-colors-violet-900: #352e5a;\n    --mp-colors-violet-1000: #2b2549;\n    --mp-colors-lime-100: #f4faea;\n    --mp-colors-lime-200: #d8efb5;\n    --mp-colors-lime-300: #b1df6b;\n    --mp-colors-lime-400: #83ca16;\n    --mp-colors-lime-500: #77b814;\n    --mp-colors-lime-600: #649b11;\n    --mp-colors-lime-700: #53800e;\n    --mp-colors-lime-800: #466c0c;\n    --mp-colors-lime-900: #304a08;\n    --mp-colors-lime-1000: #213306;\n    --mp-colors-emerald-100: #f0fbf7;\n    --mp-colors-emerald-200: #d6f4e9;\n    --mp-colors-emerald-300: #b7e9d8;\n    --mp-colors-emerald-400: #7edac0;\n    --mp-colors-emerald-500: #41c6a0;\n    --mp-colors-emerald-600: #1fb088;\n    --mp-colors-emerald-700: #029861;\n    --mp-colors-emerald-800: #0f6d4d;\n    --mp-colors-emerald-900: #0e4f3a;\n    --mp-colors-emerald-1000: #142d26;\n    --mp-colors-green-100: #f2f9f6;\n    --mp-colors-green-200: #d2ebe1;\n    --mp-colors-green-300: #a7d9c4;\n    --mp-colors-green-400: #7dc7a8;\n    --mp-colors-green-500: #56b78e;\n    --mp-colors-green-600: #23a06b;\n    --mp-colors-green-700: #1c8459;\n    --mp-colors-green-800: #186f4a;\n    --mp-colors-green-900: #104b32;\n    --mp-colors-green-1000: #0b3524;\n    --mp-colors-teal-100: #eaf9f7;\n    --mp-colors-teal-200: #c4ede9;\n    --mp-colors-teal-300: #92ded6;\n    --mp-colors-teal-400: #4fcabc;\n    --mp-colors-teal-500: #19b9a8;\n    --mp-colors-teal-600: #119e8f;\n    --mp-colors-teal-700: #0e8275;\n    --mp-colors-teal-800: #0c6e63;\n    --mp-colors-teal-900: #084841;\n    --mp-colors-teal-1000: #06342f;\n    --mp-colors-fuchsia-100: #fbeefe;\n    --mp-colors-fuchsia-200: #f6d1fb;\n    --mp-colors-fuchsia-300: #ea98f6;\n    --mp-colors-fuchsia-400: #e16cf2;\n    --mp-colors-fuchsia-500: #da4df0;\n    --mp-colors-fuchsia-600: #c841dc;\n    --mp-colors-fuchsia-700: #ac37bd;\n    --mp-colors-fuchsia-800: #932fa2;\n    --mp-colors-fuchsia-900: #531b5c;\n    --mp-colors-fuchsia-1000: #45164c;\n    --mp-colors-red-100: #fceeed;\n    --mp-colors-red-200: #f9d7d5;\n    --mp-colors-red-300: #f09e99;\n    --mp-colors-red-400: #ea7a72;\n    --mp-colors-red-500: #e6645b;\n    --mp-colors-red-600: #e2483d;\n    --mp-colors-red-700: #c33e35;\n    --mp-colors-red-800: #a8352d;\n    --mp-colors-red-900: #5e1e19;\n    --mp-colors-red-1000: #4e1915;\n    --mp-colors-orange-100: #fdf3ec;\n    --mp-colors-orange-200: #f9decb;\n    --mp-colors-orange-300: #f5c39f;\n    --mp-colors-orange-400: #f0a875;\n    --mp-colors-orange-500: #eb8e4b;\n    --mp-colors-orange-600: #e46910;\n    --mp-colors-orange-700: #bc560d;\n    --mp-colors-orange-800: #a14a0b;\n    --mp-colors-orange-900: #6b3108;\n    --mp-colors-orange-1000: #492105;\n    --mp-colors-yellow-100: #fdf6dd;\n    --mp-colors-yellow-200: #f9e399;\n    --mp-colors-yellow-300: #f5cd47;\n    --mp-colors-yellow-400: #d8b53f;\n    --mp-colors-yellow-500: #c2a338;\n    --mp-colors-yellow-600: #a68a30;\n    --mp-colors-yellow-700: #897228;\n    --mp-colors-yellow-800: #766222;\n    --mp-colors-yellow-900: #4d4016;\n    --mp-colors-yellow-1000: #362d10;\n    --mp-colors-brand-capital: #2f5573;\n    --mp-colors-brand-esign: #00c853;\n    --mp-colors-brand-expense: #183883;\n    --mp-colors-brand-flex: #7c4dff;\n    --mp-colors-brand-jurnal: #40c3ff;\n    --mp-colors-brand-klikpajak: #ff9100;\n    --mp-colors-brand-mekari: #651fff;\n    --mp-colors-brand-qontak: #2979ff;\n    --mp-colors-brand-talenta: #f22929;\n    --mp-colors-brand-university: #448aff;\n    --mp-durations-slow: 100ms;\n    --mp-durations-normal: 250ms;\n    --mp-durations-fast: 300ms;\n    --mp-fonts-body: \"Inter\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif, Segoe UI, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    --mp-fonts-mono: SFMono-Regular, Menlo, Monaco,Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --mp-font-sizes-xs: 0.625rem;\n    --mp-font-sizes-sm: 0.75rem;\n    --mp-font-sizes-md: 0.875rem;\n    --mp-font-sizes-lg: 1rem;\n    --mp-font-sizes-xl: 1.25rem;\n    --mp-font-sizes-2xl: 1.5rem;\n    --mp-font-weights-regular: 400;\n    --mp-font-weights-semi-bold: 600;\n    --mp-font-weights-bold: 800;\n    --mp-line-heights-xs: 1.2;\n    --mp-line-heights-sm: 1.34;\n    --mp-line-heights-md: 1.43;\n    --mp-line-heights-lg: 1.429;\n    --mp-line-heights-xl: 1.5;\n    --mp-line-heights-2xl: 1.67;\n    --mp-line-heights-3xl: 1.71;\n    --mp-letter-spacings-tighter: -0.05em;\n    --mp-letter-spacings-tight: -0.025em;\n    --mp-letter-spacings-normal: 0;\n    --mp-letter-spacings-wide: 0.025em;\n    --mp-letter-spacings-wider: 0.05em;\n    --mp-letter-spacings-widest: 0.1em;\n    --mp-opacity-0: 0;\n    --mp-opacity-40: 0.4;\n    --mp-opacity-60: 0.6;\n    --mp-opacity-100: 1;\n    --mp-radii-none: 0;\n    --mp-radii-sm: 0.25rem;\n    --mp-radii-md: 0.375rem;\n    --mp-radii-lg: 0.5rem;\n    --mp-radii-xl: 0.75rem;\n    --mp-radii-full: 999px;\n    --mp-shadows-xs: 0px 2px 4px 0px var(--mp-colors-background-shadow), 0px 0px 2px 0px var(--mp-colors-background-shadow);\n    --mp-shadows-sm: 0px 10px 15px -3px var(--mp-colors-background-shadow), 0px 4px 6px -2px var(--mp-colors-background-shadow);\n    --mp-shadows-md: 0px 20px 25px -5px var(--mp-colors-background-shadow), 0px 10px 10px -5px var(--mp-colors-background-shadow);\n    --mp-shadows-lg: 0px 25px 30px -10px var(--mp-colors-background-shadow), 0px 15px 15px -10px var(--mp-colors-background-shadow);\n    --mp-shadows-focus: 0 0 0 1px var(--mp-colors-border-focused);\n    --mp-shadows-outline: 0 0 0 3px #E0EEFF;\n    --mp-shadows-outer: 0 0 0 3px rgba(224, 238, 255, 1);\n    --mp-shadows-none: none;\n    --mp-sizes-0: 0;\n    --mp-sizes-1: 0.25rem;\n    --mp-sizes-2: 0.5rem;\n    --mp-sizes-3: 0.75rem;\n    --mp-sizes-4: 1rem;\n    --mp-sizes-5: 1.25rem;\n    --mp-sizes-6: 1.5rem;\n    --mp-sizes-7: 1.75rem;\n    --mp-sizes-8: 2rem;\n    --mp-sizes-9: 2.25rem;\n    --mp-sizes-10: 2.5rem;\n    --mp-sizes-11: 2.75rem;\n    --mp-sizes-12: 3rem;\n    --mp-sizes-16: 4rem;\n    --mp-sizes-20: 5rem;\n    --mp-sizes-22: 5.5rem;\n    --mp-sizes-56: 14rem;\n    --mp-sizes-65: 17.5rem;\n    --mp-sizes-0\\.25: 0.0625rem;\n    --mp-sizes-0\\.5: 0.125rem;\n    --mp-sizes-2\\.5: 0.625rem;\n    --mp-sizes-6\\.5: 1.625rem;\n    --mp-sizes-7\\.5: 1.875rem;\n    --mp-sizes-9\\.5: 2.375rem;\n    --mp-sizes-full: 100%;\n    --mp-sizes-sm: 24rem;\n    --mp-spacing-0: 0;\n    --mp-spacing-1: 0.25rem;\n    --mp-spacing-2: 0.5rem;\n    --mp-spacing-3: 0.75rem;\n    --mp-spacing-4: 1rem;\n    --mp-spacing-5: 1.25rem;\n    --mp-spacing-6: 1.5rem;\n    --mp-spacing-8: 2rem;\n    --mp-spacing-10: 2.5rem;\n    --mp-spacing-20: 5rem;\n    --mp-spacing-0\\.5: 0.125rem;\n    --mp-spacing-1\\.5: 0.375rem;\n    --mp-z-index-hide: -1;\n    --mp-z-index-base: 0;\n    --mp-z-index-docked: 10;\n    --mp-z-index-sticky: 1100;\n    --mp-z-index-overlay: 1300;\n    --mp-z-index-modal: 1400;\n    --mp-z-index-popover: 1500;\n    --mp-z-index-tooltip: 1800;\n    --mp-colors-background-airene: radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%);\n    --mp-colors-background-brand: var(--mp-colors-indigo-100);\n    --mp-colors-background-brand-bold: var(--mp-colors-indigo-700);\n    --mp-colors-background-brand-bold-hovered: var(--mp-colors-indigo-800);\n    --mp-colors-background-brand-bold-pressed: var(--mp-colors-indigo-900);\n    --mp-colors-background-brand-bold-selected: var(--mp-colors-indigo-800);\n    --mp-colors-background-brand-bold-selected-disabled: var(--mp-colors-indigo-200);\n    --mp-colors-background-brand-hovered: var(--mp-colors-indigo-200);\n    --mp-colors-background-brand-pressed: var(--mp-colors-indigo-300);\n    --mp-colors-background-brand-selected: var(--mp-colors-indigo-200);\n    --mp-colors-background-danger: var(--mp-colors-red-100);\n    --mp-colors-background-danger-bold: var(--mp-colors-red-700);\n    --mp-colors-background-danger-bold-hovered: var(--mp-colors-red-800);\n    --mp-colors-background-danger-bold-pressed: var(--mp-colors-red-900);\n    --mp-colors-background-danger-bold-selected: var(--mp-colors-red-800);\n    --mp-colors-background-danger-hovered: var(--mp-colors-red-200);\n    --mp-colors-background-danger-pressed: var(--mp-colors-red-300);\n    --mp-colors-background-danger-selected: var(--mp-colors-red-200);\n    --mp-colors-background-disabled: var(--mp-colors-neutral-100a);\n    --mp-colors-background-header: var(--mp-colors-white);\n    --mp-colors-background-header-menu-hovered: var(--mp-colors-transparent);\n    --mp-colors-background-header-menu-selected: var(--mp-colors-transparent);\n    --mp-colors-background-highlight: var(--mp-colors-violet-100);\n    --mp-colors-background-highlight-bold: var(--mp-colors-violet-700);\n    --mp-colors-background-highlight-bold-hovered: var(--mp-colors-violet-800);\n    --mp-colors-background-highlight-bold-pressed: var(--mp-colors-violet-900);\n    --mp-colors-background-highlight-bold-selected: var(--mp-colors-violet-800);\n    --mp-colors-background-highlight-hovered: var(--mp-colors-violet-200);\n    --mp-colors-background-highlight-pressed: var(--mp-colors-violet-300);\n    --mp-colors-background-highlight-selected: var(--mp-colors-violet-200);\n    --mp-colors-background-information: var(--mp-colors-indigo-100);\n    --mp-colors-background-information-bold: var(--mp-colors-indigo-700);\n    --mp-colors-background-inverse: var(--mp-colors-dark-100);\n    --mp-colors-background-nav-parent: #e7edf5;\n    --mp-colors-background-nav-stack: #f1f5f9;\n    --mp-colors-background-nav-stack-hovered: #e7edf5;\n    --mp-colors-background-neutral: var(--mp-colors-white);\n    --mp-colors-background-neutral-bold: var(--mp-colors-neutral-800);\n    --mp-colors-background-neutral-bold-hovered: var(--mp-colors-neutral-900);\n    --mp-colors-background-neutral-bold-pressed: var(--mp-colors-neutral-1000);\n    --mp-colors-background-neutral-bold-selected: var(--mp-colors-neutral-900);\n    --mp-colors-background-neutral-hovered: var(--mp-colors-neutral-100);\n    --mp-colors-background-neutral-pressed: var(--mp-colors-neutral-200);\n    --mp-colors-background-neutral-selected: var(--mp-colors-neutral-100);\n    --mp-colors-background-neutral-subtle: var(--mp-colors-neutral-200);\n    --mp-colors-background-neutral-subtle-hovered: var(--mp-colors-neutral-300);\n    --mp-colors-background-neutral-subtle-pressed: var(--mp-colors-neutral-400);\n    --mp-colors-background-neutral-subtle-selected: var(--mp-colors-neutral-300);\n    --mp-colors-background-overlay: #232933cc;\n    --mp-colors-background-shadow: #1d1f2429;\n    --mp-colors-background-stage: var(--mp-colors-white);\n    --mp-colors-background-success: var(--mp-colors-green-100);\n    --mp-colors-background-success-bold: var(--mp-colors-green-700);\n    --mp-colors-background-success-bold-hovered: var(--mp-colors-green-800);\n    --mp-colors-background-success-bold-pressed: var(--mp-colors-green-900);\n    --mp-colors-background-success-bold-selected: var(--mp-colors-green-800);\n    --mp-colors-background-success-hovered: var(--mp-colors-green-200);\n    --mp-colors-background-success-pressed: var(--mp-colors-green-300);\n    --mp-colors-background-success-selected: var(--mp-colors-green-200);\n    --mp-colors-background-surface: #f1f5f9;\n    --mp-colors-background-surface-bold: var(--mp-colors-neutral-1000);\n    --mp-colors-background-tertiary: var(--mp-colors-dark-250);\n    --mp-colors-background-tertiary-hovered: var(--mp-colors-dark-350);\n    --mp-colors-background-tertiary-pressed: var(--mp-colors-dark-400);\n    --mp-colors-background-warning: var(--mp-colors-yellow-100);\n    --mp-colors-background-warning-bold: var(--mp-colors-yellow-300);\n    --mp-colors-background-warning-bold-hovered: var(--mp-colors-yellow-400);\n    --mp-colors-background-warning-bold-pressed: var(--mp-colors-yellow-500);\n    --mp-colors-background-warning-bold-selected: var(--mp-colors-yellow-400);\n    --mp-colors-background-warning-hovered: var(--mp-colors-yellow-200);\n    --mp-colors-background-warning-pressed: var(--mp-colors-yellow-300);\n    --mp-colors-background-warning-selected: var(--mp-colors-yellow-200);\n    --mp-colors-text-danger: var(--mp-colors-red-800);\n    --mp-colors-text-danger-pressed: var(--mp-colors-red-900);\n    --mp-colors-text-default: var(--mp-colors-neutral-1000);\n    --mp-colors-text-default-static: var(--mp-colors-dark-100);\n    --mp-colors-text-disabled: var(--mp-colors-neutral-400a);\n    --mp-colors-text-highlight: var(--mp-colors-violet-800);\n    --mp-colors-text-information: var(--mp-colors-indigo-700);\n    --mp-colors-text-inverse: var(--mp-colors-white);\n    --mp-colors-text-inverse-static: var(--mp-colors-white);\n    --mp-colors-text-link: var(--mp-colors-indigo-700);\n    --mp-colors-text-link-pressed: var(--mp-colors-indigo-800);\n    --mp-colors-text-placeholder: var(--mp-colors-neutral-500);\n    --mp-colors-text-secondary: var(--mp-colors-neutral-700);\n    --mp-colors-text-secondary-pressed: var(--mp-colors-neutral-800);\n    --mp-colors-text-selected: var(--mp-colors-indigo-700);\n    --mp-colors-text-success: var(--mp-colors-green-800);\n    --mp-colors-text-warning: var(--mp-colors-orange-800);\n    --mp-colors-text-warning-inverse: var(--mp-colors-neutral-1000);\n    --mp-colors-icon-brand: var(--mp-colors-indigo-700);\n    --mp-colors-icon-danger: var(--mp-colors-red-700);\n    --mp-colors-icon-default: var(--mp-colors-neutral-600);\n    --mp-colors-icon-disabled: var(--mp-colors-neutral-400);\n    --mp-colors-icon-highlight: var(--mp-colors-violet-600);\n    --mp-colors-icon-information: var(--mp-colors-indigo-600);\n    --mp-colors-icon-inverse: var(--mp-colors-white);\n    --mp-colors-icon-inverse-static: var(--mp-colors-white);\n    --mp-colors-icon-logo: #000000;\n    --mp-colors-icon-selected: var(--mp-colors-indigo-700);\n    --mp-colors-icon-subtle: var(--mp-colors-neutral-300);\n    --mp-colors-icon-success: var(--mp-colors-green-600);\n    --mp-colors-icon-warning: var(--mp-colors-orange-600);\n    --mp-colors-icon-warning-inverse: var(--mp-colors-neutral-1000);\n    --mp-colors-border-bold: var(--mp-colors-neutral-600);\n    --mp-colors-border-brand: var(--mp-colors-indigo-700);\n    --mp-colors-border-danger: var(--mp-colors-red-600);\n    --mp-colors-border-default: var(--mp-colors-neutral-300);\n    --mp-colors-border-default-subtle: var(--mp-colors-neutral-200);\n    --mp-colors-border-disabled: var(--mp-colors-neutral-200a);\n    --mp-colors-border-focused: var(--mp-colors-indigo-500);\n    --mp-colors-border-form: var(--mp-colors-neutral-300a);\n    --mp-colors-border-highlight: var(--mp-colors-violet-600);\n    --mp-colors-border-information: var(--mp-colors-indigo-600);\n    --mp-colors-border-inverse: var(--mp-colors-white);\n    --mp-colors-border-selected: var(--mp-colors-indigo-700);\n    --mp-colors-border-selected-disabled: var(--mp-colors-indigo-200);\n    --mp-colors-border-selected-hovered: var(--mp-colors-indigo-800);\n    --mp-colors-border-success: var(--mp-colors-green-600);\n    --mp-colors-border-warning: var(--mp-colors-yellow-300);\n    --mp-colors-chart-cat01: var(--mp-colors-blue-400);\n    --mp-colors-chart-cat01-bold: var(--mp-colors-blue-600);\n    --mp-colors-chart-cat02: var(--mp-colors-teal-400);\n    --mp-colors-chart-cat02-bold: var(--mp-colors-teal-600);\n    --mp-colors-chart-cat03: var(--mp-colors-violet-400);\n    --mp-colors-chart-cat03-bold: var(--mp-colors-violet-600);\n    --mp-colors-chart-cat04: var(--mp-colors-orange-400);\n    --mp-colors-chart-cat04-bold: var(--mp-colors-orange-600);\n    --mp-colors-chart-cat05: var(--mp-colors-neutral-400);\n    --mp-colors-chart-cat05-bold: var(--mp-colors-neutral-500);\n    --mp-colors-chart-cat06: var(--mp-colors-red-400);\n    --mp-colors-chart-cat06-bold: var(--mp-colors-red-600);\n    --mp-colors-chart-cat07: var(--mp-colors-lime-400);\n    --mp-colors-chart-cat07-bold: var(--mp-colors-lime-600);\n    --mp-colors-chart-cat08: var(--mp-colors-fuchsia-400);\n    --mp-colors-chart-cat08-bold: var(--mp-colors-fuchsia-600);\n    --mp-colors-nav-parent: #e7edf5;\n    --mp-colors-nav-stack: var(--mp-colors-neutral-100);\n    --mp-colors-nav-stack-hovered: #e7edf5;\n    --mp-spacing-4xs: 0.125rem;\n    --mp-spacing-3xs: var(--mp-spacing-1);\n    --mp-spacing-2xs: 0.375rem;\n    --mp-spacing-xs: var(--mp-spacing-2);\n    --mp-spacing-sm: var(--mp-spacing-3);\n    --mp-spacing-md: var(--mp-spacing-4);\n    --mp-spacing-lg: var(--mp-spacing-5);\n    --mp-spacing-xl: var(--mp-spacing-6);\n    --mp-spacing-2xl: var(--mp-spacing-8);\n    --mp-spacing-3xl: var(--mp-spacing-10);\n    --mp-spacing-4xl: var(--mp-spacing-20)\n}\n\n[data-panda-theme=next].light {\n      --mp-colors-background-airene: radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%);\n      --mp-colors-background-brand: var(--mp-colors-indigo-100);\n      --mp-colors-background-brand-bold: var(--mp-colors-indigo-700);\n      --mp-colors-background-brand-bold-hovered: var(--mp-colors-indigo-800);\n      --mp-colors-background-brand-bold-pressed: var(--mp-colors-indigo-900);\n      --mp-colors-background-brand-bold-selected: var(--mp-colors-indigo-800);\n      --mp-colors-background-brand-bold-selected-disabled: var(--mp-colors-indigo-200);\n      --mp-colors-background-brand-hovered: var(--mp-colors-indigo-200);\n      --mp-colors-background-brand-pressed: var(--mp-colors-indigo-300);\n      --mp-colors-background-brand-selected: var(--mp-colors-indigo-200);\n      --mp-colors-background-danger: var(--mp-colors-red-100);\n      --mp-colors-background-danger-bold: var(--mp-colors-red-700);\n      --mp-colors-background-danger-bold-hovered: var(--mp-colors-red-800);\n      --mp-colors-background-danger-bold-pressed: var(--mp-colors-red-900);\n      --mp-colors-background-danger-bold-selected: var(--mp-colors-red-800);\n      --mp-colors-background-danger-hovered: var(--mp-colors-red-200);\n      --mp-colors-background-danger-pressed: var(--mp-colors-red-300);\n      --mp-colors-background-danger-selected: var(--mp-colors-red-200);\n      --mp-colors-background-disabled: var(--mp-colors-neutral-100a);\n      --mp-colors-background-header: var(--mp-colors-white);\n      --mp-colors-background-header-menu-hovered: var(--mp-colors-transparent);\n      --mp-colors-background-header-menu-selected: var(--mp-colors-transparent);\n      --mp-colors-background-highlight: var(--mp-colors-violet-100);\n      --mp-colors-background-highlight-bold: var(--mp-colors-violet-700);\n      --mp-colors-background-highlight-bold-hovered: var(--mp-colors-violet-800);\n      --mp-colors-background-highlight-bold-pressed: var(--mp-colors-violet-900);\n      --mp-colors-background-highlight-bold-selected: var(--mp-colors-violet-800);\n      --mp-colors-background-highlight-hovered: var(--mp-colors-violet-200);\n      --mp-colors-background-highlight-pressed: var(--mp-colors-violet-300);\n      --mp-colors-background-highlight-selected: var(--mp-colors-violet-200);\n      --mp-colors-background-information: var(--mp-colors-indigo-100);\n      --mp-colors-background-information-bold: var(--mp-colors-indigo-700);\n      --mp-colors-background-inverse: var(--mp-colors-dark-100);\n      --mp-colors-background-nav-parent: #e7edf5;\n      --mp-colors-background-nav-stack: #f1f5f9;\n      --mp-colors-background-nav-stack-hovered: #e7edf5;\n      --mp-colors-background-neutral: var(--mp-colors-white);\n      --mp-colors-background-neutral-bold: var(--mp-colors-neutral-800);\n      --mp-colors-background-neutral-bold-hovered: var(--mp-colors-neutral-900);\n      --mp-colors-background-neutral-bold-pressed: var(--mp-colors-neutral-1000);\n      --mp-colors-background-neutral-bold-selected: var(--mp-colors-neutral-900);\n      --mp-colors-background-neutral-hovered: var(--mp-colors-neutral-100);\n      --mp-colors-background-neutral-pressed: var(--mp-colors-neutral-200);\n      --mp-colors-background-neutral-selected: var(--mp-colors-neutral-100);\n      --mp-colors-background-neutral-subtle: var(--mp-colors-neutral-200);\n      --mp-colors-background-neutral-subtle-hovered: var(--mp-colors-neutral-300);\n      --mp-colors-background-neutral-subtle-pressed: var(--mp-colors-neutral-400);\n      --mp-colors-background-neutral-subtle-selected: var(--mp-colors-neutral-300);\n      --mp-colors-background-overlay: #232933cc;\n      --mp-colors-background-shadow: #1d1f2429;\n      --mp-colors-background-stage: var(--mp-colors-white);\n      --mp-colors-background-success: var(--mp-colors-green-100);\n      --mp-colors-background-success-bold: var(--mp-colors-green-700);\n      --mp-colors-background-success-bold-hovered: var(--mp-colors-green-800);\n      --mp-colors-background-success-bold-pressed: var(--mp-colors-green-900);\n      --mp-colors-background-success-bold-selected: var(--mp-colors-green-800);\n      --mp-colors-background-success-hovered: var(--mp-colors-green-200);\n      --mp-colors-background-success-pressed: var(--mp-colors-green-300);\n      --mp-colors-background-success-selected: var(--mp-colors-green-200);\n      --mp-colors-background-surface: #f1f5f9;\n      --mp-colors-background-surface-bold: var(--mp-colors-neutral-1000);\n      --mp-colors-background-tertiary: var(--mp-colors-dark-250);\n      --mp-colors-background-tertiary-hovered: var(--mp-colors-dark-350);\n      --mp-colors-background-tertiary-pressed: var(--mp-colors-dark-400);\n      --mp-colors-background-warning: var(--mp-colors-yellow-100);\n      --mp-colors-background-warning-bold: var(--mp-colors-yellow-300);\n      --mp-colors-background-warning-bold-hovered: var(--mp-colors-yellow-400);\n      --mp-colors-background-warning-bold-pressed: var(--mp-colors-yellow-500);\n      --mp-colors-background-warning-bold-selected: var(--mp-colors-yellow-400);\n      --mp-colors-background-warning-hovered: var(--mp-colors-yellow-200);\n      --mp-colors-background-warning-pressed: var(--mp-colors-yellow-300);\n      --mp-colors-background-warning-selected: var(--mp-colors-yellow-200);\n      --mp-colors-text-danger: var(--mp-colors-red-800);\n      --mp-colors-text-danger-pressed: var(--mp-colors-red-900);\n      --mp-colors-text-default: var(--mp-colors-neutral-1000);\n      --mp-colors-text-default-static: var(--mp-colors-dark-100);\n      --mp-colors-text-disabled: var(--mp-colors-neutral-400a);\n      --mp-colors-text-highlight: var(--mp-colors-violet-800);\n      --mp-colors-text-information: var(--mp-colors-indigo-700);\n      --mp-colors-text-inverse: var(--mp-colors-white);\n      --mp-colors-text-inverse-static: var(--mp-colors-white);\n      --mp-colors-text-link: var(--mp-colors-indigo-700);\n      --mp-colors-text-link-pressed: var(--mp-colors-indigo-800);\n      --mp-colors-text-placeholder: var(--mp-colors-neutral-500);\n      --mp-colors-text-secondary: var(--mp-colors-neutral-700);\n      --mp-colors-text-secondary-pressed: var(--mp-colors-neutral-800);\n      --mp-colors-text-selected: var(--mp-colors-indigo-700);\n      --mp-colors-text-success: var(--mp-colors-green-800);\n      --mp-colors-text-warning: var(--mp-colors-orange-800);\n      --mp-colors-text-warning-inverse: var(--mp-colors-neutral-1000);\n      --mp-colors-icon-brand: var(--mp-colors-indigo-700);\n      --mp-colors-icon-danger: var(--mp-colors-red-700);\n      --mp-colors-icon-default: var(--mp-colors-neutral-600);\n      --mp-colors-icon-disabled: var(--mp-colors-neutral-400);\n      --mp-colors-icon-highlight: var(--mp-colors-violet-600);\n      --mp-colors-icon-information: var(--mp-colors-indigo-600);\n      --mp-colors-icon-inverse: var(--mp-colors-white);\n      --mp-colors-icon-inverse-static: var(--mp-colors-white);\n      --mp-colors-icon-logo: #000000;\n      --mp-colors-icon-selected: var(--mp-colors-indigo-700);\n      --mp-colors-icon-subtle: var(--mp-colors-neutral-300);\n      --mp-colors-icon-success: var(--mp-colors-green-600);\n      --mp-colors-icon-warning: var(--mp-colors-orange-600);\n      --mp-colors-icon-warning-inverse: var(--mp-colors-neutral-1000);\n      --mp-colors-border-bold: var(--mp-colors-neutral-600);\n      --mp-colors-border-brand: var(--mp-colors-indigo-700);\n      --mp-colors-border-danger: var(--mp-colors-red-600);\n      --mp-colors-border-default: var(--mp-colors-neutral-300);\n      --mp-colors-border-default-subtle: var(--mp-colors-neutral-200);\n      --mp-colors-border-disabled: var(--mp-colors-neutral-200a);\n      --mp-colors-border-focused: var(--mp-colors-indigo-500);\n      --mp-colors-border-form: var(--mp-colors-neutral-300a);\n      --mp-colors-border-highlight: var(--mp-colors-violet-600);\n      --mp-colors-border-information: var(--mp-colors-indigo-600);\n      --mp-colors-border-inverse: var(--mp-colors-white);\n      --mp-colors-border-selected: var(--mp-colors-indigo-700);\n      --mp-colors-border-selected-disabled: var(--mp-colors-indigo-200);\n      --mp-colors-border-selected-hovered: var(--mp-colors-indigo-800);\n      --mp-colors-border-success: var(--mp-colors-green-600);\n      --mp-colors-border-warning: var(--mp-colors-yellow-300);\n      --mp-colors-chart-cat01: var(--mp-colors-blue-400);\n      --mp-colors-chart-cat01-bold: var(--mp-colors-blue-600);\n      --mp-colors-chart-cat02: var(--mp-colors-teal-400);\n      --mp-colors-chart-cat02-bold: var(--mp-colors-teal-600);\n      --mp-colors-chart-cat03: var(--mp-colors-violet-400);\n      --mp-colors-chart-cat03-bold: var(--mp-colors-violet-600);\n      --mp-colors-chart-cat04: var(--mp-colors-orange-400);\n      --mp-colors-chart-cat04-bold: var(--mp-colors-orange-600);\n      --mp-colors-chart-cat05: var(--mp-colors-neutral-400);\n      --mp-colors-chart-cat05-bold: var(--mp-colors-neutral-500);\n      --mp-colors-chart-cat06: var(--mp-colors-red-400);\n      --mp-colors-chart-cat06-bold: var(--mp-colors-red-600);\n      --mp-colors-chart-cat07: var(--mp-colors-lime-400);\n      --mp-colors-chart-cat07-bold: var(--mp-colors-lime-600);\n      --mp-colors-chart-cat08: var(--mp-colors-fuchsia-400);\n      --mp-colors-chart-cat08-bold: var(--mp-colors-fuchsia-600);\n      --mp-colors-nav-parent: #e7edf5;\n      --mp-colors-nav-stack: var(--mp-colors-neutral-100);\n      --mp-colors-nav-stack-hovered: #e7edf5;\n      --mp-spacing-4xs: 0.125rem;\n      --mp-spacing-3xs: var(--mp-spacing-1);\n      --mp-spacing-2xs: 0.375rem;\n      --mp-spacing-xs: var(--mp-spacing-2);\n      --mp-spacing-sm: var(--mp-spacing-3);\n      --mp-spacing-md: var(--mp-spacing-4);\n      --mp-spacing-lg: var(--mp-spacing-5);\n      --mp-spacing-xl: var(--mp-spacing-6);\n      --mp-spacing-2xl: var(--mp-spacing-8);\n      --mp-spacing-3xl: var(--mp-spacing-10);\n      --mp-spacing-4xl: var(--mp-spacing-20)\n        }\n\n[data-panda-theme=next].dark {\n      --mp-colors-background-airene: radial-gradient(108.28% 139.29% at 0% 0%, #1D2656 0%, #2B2549 100%);\n      --mp-colors-background-brand: var(--mp-colors-indigo-1000);\n      --mp-colors-background-brand-bold: var(--mp-colors-indigo-400);\n      --mp-colors-background-brand-bold-hovered: var(--mp-colors-indigo-300);\n      --mp-colors-background-brand-bold-pressed: var(--mp-colors-indigo-200);\n      --mp-colors-background-brand-bold-selected: var(--mp-colors-indigo-300);\n      --mp-colors-background-brand-bold-selected-disabled: var(--mp-colors-indigo-900);\n      --mp-colors-background-brand-hovered: var(--mp-colors-indigo-900);\n      --mp-colors-background-brand-pressed: var(--mp-colors-indigo-800);\n      --mp-colors-background-brand-selected: var(--mp-colors-indigo-900);\n      --mp-colors-background-danger: var(--mp-colors-red-1000);\n      --mp-colors-background-danger-bold: var(--mp-colors-red-400);\n      --mp-colors-background-danger-bold-hovered: var(--mp-colors-red-300);\n      --mp-colors-background-danger-bold-pressed: var(--mp-colors-red-200);\n      --mp-colors-background-danger-bold-selected: var(--mp-colors-red-300);\n      --mp-colors-background-danger-hovered: var(--mp-colors-red-900);\n      --mp-colors-background-danger-pressed: var(--mp-colors-red-800);\n      --mp-colors-background-danger-selected: var(--mp-colors-red-900);\n      --mp-colors-background-disabled: var(--mp-colors-dark-100a);\n      --mp-colors-background-header: var(--mp-colors-dark-100);\n      --mp-colors-background-header-menu-hovered: var(--mp-colors-transparent);\n      --mp-colors-background-header-menu-selected: var(--mp-colors-transparent);\n      --mp-colors-background-highlight: var(--mp-colors-violet-1000);\n      --mp-colors-background-highlight-bold: var(--mp-colors-violet-400);\n      --mp-colors-background-highlight-bold-hovered: var(--mp-colors-violet-300);\n      --mp-colors-background-highlight-bold-pressed: var(--mp-colors-violet-200);\n      --mp-colors-background-highlight-bold-selected: var(--mp-colors-violet-300);\n      --mp-colors-background-highlight-hovered: var(--mp-colors-violet-900);\n      --mp-colors-background-highlight-pressed: var(--mp-colors-violet-800);\n      --mp-colors-background-highlight-selected: var(--mp-colors-violet-900);\n      --mp-colors-background-information: var(--mp-colors-indigo-1000);\n      --mp-colors-background-information-bold: var(--mp-colors-indigo-400);\n      --mp-colors-background-inverse: var(--mp-colors-white);\n      --mp-colors-background-nav-parent: var(--mp-colors-dark--100);\n      --mp-colors-background-nav-stack: var(--mp-colors-dark);\n      --mp-colors-background-nav-stack-hovered: var(--mp-colors-dark--100);\n      --mp-colors-background-neutral: var(--mp-colors-dark-200);\n      --mp-colors-background-neutral-bold: var(--mp-colors-dark-800);\n      --mp-colors-background-neutral-bold-hovered: var(--mp-colors-dark-900);\n      --mp-colors-background-neutral-bold-pressed: var(--mp-colors-dark-1000);\n      --mp-colors-background-neutral-bold-selected: var(--mp-colors-dark-900);\n      --mp-colors-background-neutral-hovered: var(--mp-colors-dark-250);\n      --mp-colors-background-neutral-pressed: var(--mp-colors-dark-300);\n      --mp-colors-background-neutral-selected: var(--mp-colors-dark-250);\n      --mp-colors-background-neutral-subtle: var(--mp-colors-dark-300);\n      --mp-colors-background-neutral-subtle-hovered: var(--mp-colors-dark-350);\n      --mp-colors-background-neutral-subtle-pressed: var(--mp-colors-dark-400);\n      --mp-colors-background-neutral-subtle-selected: var(--mp-colors-dark-350);\n      --mp-colors-background-overlay: #657f99cc;\n      --mp-colors-background-shadow: var(--mp-colors-dark);\n      --mp-colors-background-stage: var(--mp-colors-dark-100);\n      --mp-colors-background-success: var(--mp-colors-green-1000);\n      --mp-colors-background-success-bold: var(--mp-colors-green-500);\n      --mp-colors-background-success-bold-hovered: var(--mp-colors-green-400);\n      --mp-colors-background-success-bold-pressed: var(--mp-colors-green-300);\n      --mp-colors-background-success-bold-selected: var(--mp-colors-green-400);\n      --mp-colors-background-success-hovered: var(--mp-colors-green-900);\n      --mp-colors-background-success-pressed: var(--mp-colors-green-800);\n      --mp-colors-background-success-selected: var(--mp-colors-green-900);\n      --mp-colors-background-surface: var(--mp-colors-dark);\n      --mp-colors-background-surface-bold: var(--mp-colors-neutral-100);\n      --mp-colors-background-tertiary: var(--mp-colors-dark-250);\n      --mp-colors-background-tertiary-hovered: var(--mp-colors-dark-350);\n      --mp-colors-background-tertiary-pressed: var(--mp-colors-dark-400);\n      --mp-colors-background-warning: var(--mp-colors-yellow-1000);\n      --mp-colors-background-warning-bold: var(--mp-colors-yellow-300);\n      --mp-colors-background-warning-bold-hovered: var(--mp-colors-yellow-400);\n      --mp-colors-background-warning-bold-pressed: var(--mp-colors-yellow-500);\n      --mp-colors-background-warning-bold-selected: var(--mp-colors-yellow-400);\n      --mp-colors-background-warning-hovered: var(--mp-colors-yellow-900);\n      --mp-colors-background-warning-pressed: var(--mp-colors-yellow-800);\n      --mp-colors-background-warning-selected: var(--mp-colors-yellow-900);\n      --mp-colors-text-danger: var(--mp-colors-red-300);\n      --mp-colors-text-danger-pressed: var(--mp-colors-red-200);\n      --mp-colors-text-default: var(--mp-colors-dark-900);\n      --mp-colors-text-default-static: var(--mp-colors-dark-100);\n      --mp-colors-text-disabled: var(--mp-colors-dark-400a);\n      --mp-colors-text-highlight: var(--mp-colors-violet-300);\n      --mp-colors-text-information: var(--mp-colors-indigo-400);\n      --mp-colors-text-inverse: var(--mp-colors-dark-100);\n      --mp-colors-text-inverse-static: var(--mp-colors-white);\n      --mp-colors-text-link: var(--mp-colors-indigo-400);\n      --mp-colors-text-link-pressed: var(--mp-colors-indigo-300);\n      --mp-colors-text-placeholder: var(--mp-colors-dark-500);\n      --mp-colors-text-secondary: var(--mp-colors-dark-700);\n      --mp-colors-text-secondary-pressed: var(--mp-colors-dark-800);\n      --mp-colors-text-selected: var(--mp-colors-indigo-400);\n      --mp-colors-text-success: var(--mp-colors-green-300);\n      --mp-colors-text-warning: var(--mp-colors-yellow-300);\n      --mp-colors-text-warning-inverse: var(--mp-colors-neutral-1000);\n      --mp-colors-icon-brand: var(--mp-colors-indigo-400);\n      --mp-colors-icon-danger: var(--mp-colors-red-500);\n      --mp-colors-icon-default: var(--mp-colors-dark-600);\n      --mp-colors-icon-disabled: var(--mp-colors-dark-400);\n      --mp-colors-icon-highlight: var(--mp-colors-violet-500);\n      --mp-colors-icon-information: var(--mp-colors-indigo-500);\n      --mp-colors-icon-inverse: var(--mp-colors-dark-100);\n      --mp-colors-icon-inverse-static: var(--mp-colors-white);\n      --mp-colors-icon-logo: var(--mp-colors-white);\n      --mp-colors-icon-selected: var(--mp-colors-indigo-400);\n      --mp-colors-icon-subtle: var(--mp-colors-dark-300);\n      --mp-colors-icon-success: var(--mp-colors-green-500);\n      --mp-colors-icon-warning: var(--mp-colors-yellow-300);\n      --mp-colors-icon-warning-inverse: var(--mp-colors-dark-100);\n      --mp-colors-border-bold: var(--mp-colors-dark-600);\n      --mp-colors-border-brand: var(--mp-colors-indigo-400);\n      --mp-colors-border-danger: var(--mp-colors-red-500);\n      --mp-colors-border-default: var(--mp-colors-dark-300);\n      --mp-colors-border-default-subtle: var(--mp-colors-dark-200);\n      --mp-colors-border-disabled: var(--mp-colors-dark-200a);\n      --mp-colors-border-focused: var(--mp-colors-indigo-300);\n      --mp-colors-border-form: var(--mp-colors-dark-300a);\n      --mp-colors-border-highlight: var(--mp-colors-violet-500);\n      --mp-colors-border-information: var(--mp-colors-indigo-500);\n      --mp-colors-border-inverse: var(--mp-colors-dark-100);\n      --mp-colors-border-selected: var(--mp-colors-indigo-400);\n      --mp-colors-border-selected-disabled: var(--mp-colors-indigo-900);\n      --mp-colors-border-selected-hovered: var(--mp-colors-indigo-300);\n      --mp-colors-border-success: var(--mp-colors-green-500);\n      --mp-colors-border-warning: var(--mp-colors-yellow-300);\n      --mp-colors-chart-cat01: var(--mp-colors-blue-300);\n      --mp-colors-chart-cat01-bold: var(--mp-colors-blue-500);\n      --mp-colors-chart-cat02: var(--mp-colors-teal-300);\n      --mp-colors-chart-cat02-bold: var(--mp-colors-teal-500);\n      --mp-colors-chart-cat03: var(--mp-colors-violet-300);\n      --mp-colors-chart-cat03-bold: var(--mp-colors-violet-500);\n      --mp-colors-chart-cat04: var(--mp-colors-orange-300);\n      --mp-colors-chart-cat04-bold: var(--mp-colors-orange-500);\n      --mp-colors-chart-cat05: var(--mp-colors-dark-600);\n      --mp-colors-chart-cat05-bold: var(--mp-colors-dark-400);\n      --mp-colors-chart-cat06: var(--mp-colors-red-300);\n      --mp-colors-chart-cat06-bold: var(--mp-colors-red-500);\n      --mp-colors-chart-cat07: var(--mp-colors-lime-300);\n      --mp-colors-chart-cat07-bold: var(--mp-colors-lime-500);\n      --mp-colors-chart-cat08: var(--mp-colors-fuchsia-300);\n      --mp-colors-chart-cat08-bold: var(--mp-colors-fuchsia-500);\n      --mp-colors-nav-parent: var(--mp-colors-dark-100);\n      --mp-colors-nav-stack: var(--mp-colors-dark);\n      --mp-colors-nav-stack-hovered: var(--mp-colors-dark-100);\n      --mp-spacing-4xs: 0.125rem;\n      --mp-spacing-3xs: var(--mp-spacing-1);\n      --mp-spacing-2xs: 0.375rem;\n      --mp-spacing-xs: var(--mp-spacing-2);\n      --mp-spacing-sm: var(--mp-spacing-3);\n      --mp-spacing-md: var(--mp-spacing-4);\n      --mp-spacing-lg: var(--mp-spacing-5);\n      --mp-spacing-xl: var(--mp-spacing-6);\n      --mp-spacing-2xl: var(--mp-spacing-8);\n      --mp-spacing-3xl: var(--mp-spacing-10);\n      --mp-spacing-4xl: var(--mp-spacing-20)\n        }\n\n[data-panda-theme=next][data-product-theme=enterprise] {\n      --mp-colors-background-airene: radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%);\n      --mp-colors-background-brand: var(--mp-colors-emerald-100);\n      --mp-colors-background-brand-bold: var(--mp-colors-emerald-700);\n      --mp-colors-background-brand-bold-hovered: var(--mp-colors-emerald-800);\n      --mp-colors-background-brand-bold-pressed: var(--mp-colors-emerald-900);\n      --mp-colors-background-brand-bold-selected: var(--mp-colors-emerald-800);\n      --mp-colors-background-brand-bold-selected-disabled: var(--mp-colors-emerald-200);\n      --mp-colors-background-brand-hovered: var(--mp-colors-emerald-200);\n      --mp-colors-background-brand-pressed: var(--mp-colors-emerald-300);\n      --mp-colors-background-brand-selected: var(--mp-colors-emerald-200);\n      --mp-colors-background-danger: var(--mp-colors-red-100);\n      --mp-colors-background-danger-bold: var(--mp-colors-red-700);\n      --mp-colors-background-danger-bold-hovered: var(--mp-colors-red-800);\n      --mp-colors-background-danger-bold-pressed: var(--mp-colors-red-900);\n      --mp-colors-background-danger-bold-selected: var(--mp-colors-red-800);\n      --mp-colors-background-danger-hovered: var(--mp-colors-red-200);\n      --mp-colors-background-danger-pressed: var(--mp-colors-red-300);\n      --mp-colors-background-danger-selected: var(--mp-colors-red-200);\n      --mp-colors-background-disabled: var(--mp-colors-slate-100);\n      --mp-colors-background-header: var(--mp-colors-emerald-1000);\n      --mp-colors-background-header-menu-hovered: #265c5880;\n      --mp-colors-background-header-menu-selected: var(--mp-colors-lime-300);\n      --mp-colors-background-highlight: var(--mp-colors-violet-100);\n      --mp-colors-background-highlight-bold: var(--mp-colors-violet-700);\n      --mp-colors-background-highlight-bold-hovered: var(--mp-colors-violet-800);\n      --mp-colors-background-highlight-bold-pressed: var(--mp-colors-violet-900);\n      --mp-colors-background-highlight-bold-selected: var(--mp-colors-violet-800);\n      --mp-colors-background-highlight-hovered: var(--mp-colors-violet-200);\n      --mp-colors-background-highlight-pressed: var(--mp-colors-violet-300);\n      --mp-colors-background-highlight-selected: var(--mp-colors-violet-200);\n      --mp-colors-background-information: var(--mp-colors-indigo-100);\n      --mp-colors-background-information-bold: var(--mp-colors-indigo-700);\n      --mp-colors-background-inverse: var(--mp-colors-dark-100);\n      --mp-colors-background-nav-parent: var(--mp-colors-emerald-1000);\n      --mp-colors-background-nav-stack: var(--mp-colors-emerald-100);\n      --mp-colors-background-nav-stack-hovered: var(--mp-colors-emerald-200);\n      --mp-colors-background-neutral: var(--mp-colors-white);\n      --mp-colors-background-neutral-bold: var(--mp-colors-slate-800);\n      --mp-colors-background-neutral-bold-hovered: var(--mp-colors-slate-900);\n      --mp-colors-background-neutral-bold-pressed: var(--mp-colors-slate-1000);\n      --mp-colors-background-neutral-bold-selected: var(--mp-colors-slate-900);\n      --mp-colors-background-neutral-hovered: var(--mp-colors-slate-100);\n      --mp-colors-background-neutral-pressed: var(--mp-colors-slate-200);\n      --mp-colors-background-neutral-selected: var(--mp-colors-slate-100);\n      --mp-colors-background-neutral-subtle: var(--mp-colors-slate-100);\n      --mp-colors-background-neutral-subtle-hovered: var(--mp-colors-slate-200);\n      --mp-colors-background-neutral-subtle-pressed: var(--mp-colors-slate-300);\n      --mp-colors-background-neutral-subtle-selected: var(--mp-colors-slate-200);\n      --mp-colors-background-overlay: #222222cc;\n      --mp-colors-background-shadow: #1d1f2429;\n      --mp-colors-background-stage: var(--mp-colors-white);\n      --mp-colors-background-success: var(--mp-colors-green-100);\n      --mp-colors-background-success-bold: var(--mp-colors-green-700);\n      --mp-colors-background-success-bold-hovered: var(--mp-colors-green-800);\n      --mp-colors-background-success-bold-pressed: var(--mp-colors-green-900);\n      --mp-colors-background-success-bold-selected: var(--mp-colors-green-800);\n      --mp-colors-background-success-hovered: var(--mp-colors-green-200);\n      --mp-colors-background-success-pressed: var(--mp-colors-green-300);\n      --mp-colors-background-success-selected: var(--mp-colors-green-200);\n      --mp-colors-background-surface: var(--mp-colors-slate-100);\n      --mp-colors-background-surface-bold: var(--mp-colors-emerald-1000);\n      --mp-colors-background-tertiary: var(--mp-colors-dark-250);\n      --mp-colors-background-tertiary-hovered: var(--mp-colors-dark-300);\n      --mp-colors-background-tertiary-pressed: var(--mp-colors-dark-400);\n      --mp-colors-background-warning: var(--mp-colors-yellow-100);\n      --mp-colors-background-warning-bold: var(--mp-colors-yellow-300);\n      --mp-colors-background-warning-bold-hovered: var(--mp-colors-yellow-400);\n      --mp-colors-background-warning-bold-pressed: var(--mp-colors-yellow-500);\n      --mp-colors-background-warning-bold-selected: var(--mp-colors-yellow-400);\n      --mp-colors-background-warning-hovered: var(--mp-colors-yellow-200);\n      --mp-colors-background-warning-pressed: var(--mp-colors-yellow-300);\n      --mp-colors-background-warning-selected: var(--mp-colors-yellow-200);\n      --mp-colors-text-danger: var(--mp-colors-red-800);\n      --mp-colors-text-danger-pressed: var(--mp-colors-red-900);\n      --mp-colors-text-default: var(--mp-colors-slate-1000);\n      --mp-colors-text-default-static: var(--mp-colors-dark-100);\n      --mp-colors-text-disabled: var(--mp-colors-slate-400);\n      --mp-colors-text-highlight: var(--mp-colors-violet-800);\n      --mp-colors-text-information: var(--mp-colors-indigo-700);\n      --mp-colors-text-inverse: var(--mp-colors-white);\n      --mp-colors-text-inverse-static: var(--mp-colors-white);\n      --mp-colors-text-link: #165082;\n      --mp-colors-text-link-pressed: #0d4372;\n      --mp-colors-text-placeholder: var(--mp-colors-slate-500);\n      --mp-colors-text-secondary: var(--mp-colors-slate-700);\n      --mp-colors-text-secondary-pressed: var(--mp-colors-slate-800);\n      --mp-colors-text-selected: var(--mp-colors-emerald-800);\n      --mp-colors-text-success: var(--mp-colors-emerald-800);\n      --mp-colors-text-warning: var(--mp-colors-orange-800);\n      --mp-colors-text-warning-inverse: var(--mp-colors-slate-1000);\n      --mp-colors-icon-brand: var(--mp-colors-emerald-700);\n      --mp-colors-icon-danger: var(--mp-colors-red-700);\n      --mp-colors-icon-default: var(--mp-colors-slate-600);\n      --mp-colors-icon-disabled: var(--mp-colors-slate-400);\n      --mp-colors-icon-highlight: var(--mp-colors-orange-700);\n      --mp-colors-icon-information: var(--mp-colors-indigo-600);\n      --mp-colors-icon-inverse: var(--mp-colors-emerald-100);\n      --mp-colors-icon-inverse-static: var(--mp-colors-white);\n      --mp-colors-icon-logo: #000000;\n      --mp-colors-icon-selected: var(--mp-colors-emerald-700);\n      --mp-colors-icon-subtle: var(--mp-colors-slate-300);\n      --mp-colors-icon-success: var(--mp-colors-emerald-600);\n      --mp-colors-icon-warning: var(--mp-colors-orange-600);\n      --mp-colors-icon-warning-inverse: var(--mp-colors-slate-1000);\n      --mp-colors-border-bold: var(--mp-colors-slate-400);\n      --mp-colors-border-brand: var(--mp-colors-emerald-800);\n      --mp-colors-border-danger: var(--mp-colors-red-600);\n      --mp-colors-border-default: var(--mp-colors-slate-300);\n      --mp-colors-border-default-subtle: var(--mp-colors-slate-200);\n      --mp-colors-border-disabled: var(--mp-colors-slate-200);\n      --mp-colors-border-focused: var(--mp-colors-emerald-500);\n      --mp-colors-border-form: var(--mp-colors-slate-300a);\n      --mp-colors-border-highlight: var(--mp-colors-orange-700);\n      --mp-colors-border-information: var(--mp-colors-indigo-600);\n      --mp-colors-border-inverse: var(--mp-colors-white);\n      --mp-colors-border-selected: var(--mp-colors-emerald-700);\n      --mp-colors-border-selected-disabled: var(--mp-colors-emerald-200);\n      --mp-colors-border-selected-hovered: var(--mp-colors-emerald-800);\n      --mp-colors-border-success: var(--mp-colors-emerald-700);\n      --mp-colors-border-warning: var(--mp-colors-yellow-300);\n      --mp-colors-chart-cat01: var(--mp-colors-blue-400);\n      --mp-colors-chart-cat01-bold: var(--mp-colors-blue-600);\n      --mp-colors-chart-cat02: var(--mp-colors-teal-400);\n      --mp-colors-chart-cat02-bold: var(--mp-colors-teal-600);\n      --mp-colors-chart-cat03: var(--mp-colors-violet-400);\n      --mp-colors-chart-cat03-bold: var(--mp-colors-violet-600);\n      --mp-colors-chart-cat04: var(--mp-colors-orange-400);\n      --mp-colors-chart-cat04-bold: var(--mp-colors-orange-600);\n      --mp-colors-chart-cat05: var(--mp-colors-neutral-400);\n      --mp-colors-chart-cat05-bold: var(--mp-colors-neutral-500);\n      --mp-colors-chart-cat06: var(--mp-colors-red-400);\n      --mp-colors-chart-cat06-bold: var(--mp-colors-red-600);\n      --mp-colors-chart-cat07: var(--mp-colors-lime-400);\n      --mp-colors-chart-cat07-bold: var(--mp-colors-lime-600);\n      --mp-colors-chart-cat08: var(--mp-colors-fuchsia-400);\n      --mp-colors-chart-cat08-bold: var(--mp-colors-fuchsia-600);\n      --mp-colors-nav-parent: var(--mp-colors-emerald-1000);\n      --mp-colors-nav-stack: var(--mp-colors-neutral-100);\n      --mp-colors-nav-stack-hovered: var(--mp-colors-emerald-200);\n      --mp-spacing-4xs: 0.125rem;\n      --mp-spacing-3xs: var(--mp-spacing-1);\n      --mp-spacing-2xs: 0.375rem;\n      --mp-spacing-xs: var(--mp-spacing-2);\n      --mp-spacing-sm: var(--mp-spacing-3);\n      --mp-spacing-md: var(--mp-spacing-4);\n      --mp-spacing-lg: var(--mp-spacing-5);\n      --mp-spacing-xl: var(--mp-spacing-6);\n      --mp-spacing-2xl: var(--mp-spacing-8);\n      --mp-spacing-3xl: var(--mp-spacing-10);\n      --mp-spacing-4xl: var(--mp-spacing-20)\n        }"
}