@layer theme{:root,:host{--bcy-color-gold: #fbbf24;--bcy-color-blue: #3b82f6;--bcy-color-purple: #a855f7;--bcy-color-scarlet: #ef4444;--bcy-color-green: #10b981;--bcy-color-gold-50: #fffbeb;--bcy-color-gold-100: #fef3c7;--bcy-color-gold-200: #fde68a;--bcy-color-gold-300: #fcd34d;--bcy-color-gold-400: #fbbf24;--bcy-color-gold-500: #f59e0b;--bcy-color-gold-550: #e78b09;--bcy-color-gold-600: #d97706;--bcy-color-gold-700: #b45309;--bcy-color-gold-800: #92400e;--bcy-color-gold-900: #78350f;--bcy-color-gold-950: #451a03;--bcy-color-bento-gold: #fff1be;--bcy-color-bento-rose: #ee87cb;--bcy-color-bento-violet: #b060ff;--bcy-color-bento-start: #fff1be;--bcy-color-bento-mid: #ee87cb;--bcy-color-bento-end: #b060ff;--bcy-opacity-bento: 88%;--bcy-opacity-bento-glow: .6;--bcy-opacity-ambient: .85;--bcy-color-cangor-50: #fcf5f5;--bcy-color-cangor-100: #f9e6e7;--bcy-color-cangor-200: #f2cecf;--bcy-color-cangor-300: #eaafaf;--bcy-color-cangor-400: #de8182;--bcy-color-cangor-500: #d15052;--bcy-color-cangor-600: #a94142;--bcy-color-cangor-700: #853334;--bcy-color-cangor-800: #642627;--bcy-color-cangor-900: #491c1d;--bcy-color-cangor-950: #301213;--bcy-color-neutral-50: #fafafa;--bcy-color-neutral-100: #f4f4f5;--bcy-color-neutral-200: #e4e4e7;--bcy-color-neutral-300: #d4d4d8;--bcy-color-neutral-400: #a1a1aa;--bcy-color-neutral-500: #71717a;--bcy-color-neutral-600: #52525b;--bcy-color-neutral-700: #3f3f46;--bcy-color-neutral-800: #27272a;--bcy-color-neutral-900: #18181b;--bcy-color-neutral-950: #09090b;--bcy-color-danger-50: #fdf5f3;--bcy-color-danger-100: #fde5e2;--bcy-color-danger-200: #f8ccc6;--bcy-color-danger-300: #f4aba2;--bcy-color-danger-400: #ec796d;--bcy-color-danger-500: #e23a34;--bcy-color-danger-600: #b7302a;--bcy-color-danger-700: #902621;--bcy-color-danger-800: #6c1d19;--bcy-color-danger-900: #4f1612;--bcy-color-danger-950: #340f0c;--bcy-color-success-50: #f3f8f4;--bcy-color-success-100: #e2efe5;--bcy-color-success-200: #c6e0cc;--bcy-color-success-300: #a0ceab;--bcy-color-success-400: #66b47c;--bcy-color-success-500: #039b4f;--bcy-color-success-600: #067d3f;--bcy-color-success-700: #0a6231;--bcy-color-success-800: #0a4a24;--bcy-color-success-900: #0a361b;--bcy-color-success-950: #082311;--bcy-color-warning-50: #faf6f1;--bcy-color-warning-100: #f5e9dc;--bcy-color-warning-200: #ebd4bb;--bcy-color-warning-300: #dfb98e;--bcy-color-warning-400: #cf9143;--bcy-color-warning-500: #b27103;--bcy-color-warning-600: #905b01;--bcy-color-warning-700: #724700;--bcy-color-warning-800: #563400;--bcy-color-warning-900: #402600;--bcy-color-warning-950: #2b1800;--bcy-color-background: #ffffff;--bcy-color-page: #f5f5f7;--bcy-color-raised: #ffffff;--bcy-color-glass-frost: rgb(255 255 255 / .72);--bcy-blur-glass-frost: 24px;--bcy-color-rim-warning-start: rgb(251 191 36 / .9);--bcy-color-rim-warning-mid: rgb(245 158 11 / .88);--bcy-color-rim-warning-end: rgb(244 114 182 / .85);--bcy-color-foreground: #09090b;--bcy-color-text-muted: #3f3f46;--bcy-color-text-brand: #78350f;--bcy-color-text-brand-muted: #92400e;--bcy-color-text-brand-inverse: #fbbf24;--bcy-color-accent: #b45309;--bcy-color-ring: #b45309;--bcy-color-fill: #fbbf24;--bcy-color-fill-hover: #f59e0b;--bcy-color-fill-pressed: #e78b09;--bcy-color-on-fill: #09090b;--bcy-color-border: #b45309;--bcy-color-fill-edge: #b45309;--bcy-color-icon: #b45309;--bcy-color-surface-brand: #fffbeb;--bcy-color-hairline: rgb(0 0 0 / .08);--bcy-color-border-control: rgb(0 0 0 / .56);--bcy-color-scrim: rgb(0 0 0 / .5);--bcy-color-disabled: #a1a1aa;--bcy-color-subtle: #71717a;--bcy-color-inverse: #18181b;--bcy-color-inverse-hover: #09090b;--bcy-color-inverse-pressed: #000000;--bcy-color-on-inverse: #fafafa;--bcy-color-surface-muted: #f4f4f5;--bcy-color-surface-sunken: #f4f4f5;--bcy-color-surface-raised: #ffffff;--bcy-color-edge-raised: rgb(255 255 255 / 0);--bcy-color-surface-disabled: #f4f4f5;--bcy-color-track: #e4e4e7;--bcy-color-track-strong: #d4d4d8;--bcy-color-tint-subtle: rgb(0 0 0 / .025);--bcy-color-tint-hover: rgb(0 0 0 / .05);--bcy-color-tint-pressed: rgb(0 0 0 / .09);--bcy-color-danger-fill-hover: #6c1d19;--bcy-color-danger-fill-pressed: #4f1612;--bcy-color-on-danger-fill: #ffffff;--bcy-color-media: #09090b;--bcy-color-on-media: #fafafa;--bcy-color-on-media-muted: #d4d4d8;--bcy-color-on-media-disabled: #a1a1aa;--bcy-color-paper: #ffffff;--bcy-color-thumb: #ffffff;--bcy-color-highlight: #ffffff;--bcy-color-inverse-sheen: #ffffff;--bcy-color-backdrop-brand-1: #fde68a;--bcy-color-backdrop-brand-2: #fbbf24;--bcy-color-backdrop-brand-3: #d97706;--bcy-color-backdrop-neutral-1: #f4f4f5;--bcy-color-backdrop-neutral-2: #d4d4d8;--bcy-color-backdrop-neutral-3: #71717a;--bcy-color-glass-liquid: rgb(255 255 255 / .05);--bcy-color-glass-regular: rgb(255 255 255 / .82);--bcy-color-glass-still: rgb(255 255 255 / .55);--bcy-color-glass-spec: rgb(255 255 255 / .85);--bcy-color-lens-hi: rgb(255 255 255 / 1);--bcy-color-lens-lo: rgb(255 255 255 / .28);--bcy-blur-glass-liquid: 2px;--bcy-blur-glass-regular: 16px;--bcy-color-danger-text: #902621;--bcy-color-danger-fill: #902621;--bcy-color-danger-border: #b7302a;--bcy-color-danger-icon: #b7302a;--bcy-color-danger-surface: #fdf5f3;--bcy-color-success-text: #0a4a24;--bcy-color-success-fill: #0a6231;--bcy-color-success-border: #067d3f;--bcy-color-success-icon: #067d3f;--bcy-color-success-surface: #f3f8f4;--bcy-color-warning-text: #724700;--bcy-color-warning-fill: #724700;--bcy-color-warning-border: #905b01;--bcy-color-warning-icon: #905b01;--bcy-color-warning-surface: #faf6f1;--bcy-color-chart-metrics-1: #3b82f6;--bcy-color-chart-metrics-2: #d97706;--bcy-color-chart-metrics-3: #a855f7;--bcy-color-chart-positive-1: #039b4f;--bcy-color-chart-positive-2: #067d3f;--bcy-color-chart-positive-3: #0a6231;--bcy-color-chart-warning-1: #b27103;--bcy-color-chart-warning-2: #905b01;--bcy-color-chart-warning-3: #724700;--bcy-color-chart-negative-1: #e23a34;--bcy-color-chart-negative-2: #b7302a;--bcy-color-chart-negative-3: #902621;--bcy-color-chart-neutral-1: #71717a;--bcy-color-chart-neutral-2: #52525b;--bcy-color-chart-neutral-3: #3f3f46;--bcy-color-chart-comparative-1: #d97706;--bcy-color-chart-comparative-2: #3b82f6;--bcy-color-chart-comparative-3: #a855f7;--bcy-color-chart-focus-1: #ef4444;--bcy-color-chart-focus-2: #d97706;--bcy-color-chart-focus-3: #1e40af;--bcy-font-heading: "Kituba Display", "Josefin Sans", ui-sans-serif, system-ui, sans-serif;--bcy-font-body: "Kituba Sans", "Geist Sans", ui-sans-serif, system-ui, "Helvetica Neue", Arial, sans-serif;--bcy-font-reading: "Kituba Text", "Geist Sans", ui-serif, Georgia, "Times New Roman", serif;--bcy-font-mono: "Kituba Mono", ui-monospace, "Geist Mono", SFMono-Regular, Menlo, Consolas, monospace;--bcy-font-script: "Kituba Script", cursive;--bcy-text-xs: .75rem;--bcy-text-sm: .875rem;--bcy-text-base: 1rem;--bcy-text-lg: 1.25rem;--bcy-text-xl: 1.5rem;--bcy-text-2xl: 1.875rem;--bcy-text-3xl: 2.25rem;--bcy-text-display: 2.75rem;--bcy-text-display-lg: 4rem;--bcy-text-display-xl: 5rem;--bcy-text-dense: .8125rem;--bcy-text-xs--line-height: calc(1 / .75);--bcy-text-dense--line-height: calc(1.125 / .8125);--bcy-text-sm--line-height: calc(1.25 / .875);--bcy-text-base--line-height: 1.5;--bcy-text-lg--line-height: calc(1.75 / 1.25);--bcy-text-xl--line-height: 1.25 ;--bcy-text-2xl--line-height: 1.2 ;--bcy-text-3xl--line-height: calc(2.5 / 2.25);--bcy-text-display--line-height: 1.05;--bcy-text-display-lg--line-height: 1.05;--bcy-text-display-xl--line-height: 1.05;--bcy-text-xs--letter-spacing: .01em;--bcy-text-dense--letter-spacing: .008em;--bcy-text-sm--letter-spacing: .005em;--bcy-text-base--letter-spacing: 0em;--bcy-text-lg--letter-spacing: -.005em;--bcy-text-xl--letter-spacing: -.01em;--bcy-text-2xl--letter-spacing: -.015em;--bcy-text-3xl--letter-spacing: -.02em;--bcy-text-display--letter-spacing: var(--bcy-tracking-display);--bcy-text-display-lg--letter-spacing: var(--bcy-tracking-display);--bcy-text-display-xl--letter-spacing: var(--bcy-tracking-display);--bcy-tracking-caps: .06em;--bcy-tracking-display: -.03em;--bcy-spacing: .25rem;--bcy-radius-none: 0px;--bcy-radius-sm: .25rem;--bcy-radius-md: .5rem;--bcy-radius-lg: .75rem;--bcy-radius-xl: 1.5rem;--bcy-radius-2xl: 2rem;--bcy-radius-control-sm: 1rem;--bcy-radius-control-md: 1.25rem;--bcy-radius-control-lg: 1.5rem;--bcy-radius-chrome: 1.125rem;--bcy-radius-row: .625rem;--bcy-radius-full: 9999px;--bcy-elevation-sm: 1;--bcy-elevation-md: 3;--bcy-elevation-lg: 6;--bcy-elevation-xl: 12;--bcy-duration-fast: .15s;--bcy-duration-base: .2s;--bcy-duration-slow: .3s;--bcy-duration-slower: .5s;--bcy-ease-standard: cubic-bezier(.4, 0, .2, 1);--bcy-ease-decelerate: cubic-bezier(0, 0, .2, 1);--bcy-ease-accelerate: cubic-bezier(.4, 0, 1, 1);--bcy-ease-fluid: cubic-bezier(.32, .72, 0, 1)}}@theme inline reference{ --color-gold: var(--bcy-color-gold); --color-blue: var(--bcy-color-blue); --color-purple: var(--bcy-color-purple); --color-scarlet: var(--bcy-color-scarlet); --color-green: var(--bcy-color-green); --color-bento-gold: var(--bcy-color-bento-gold); --color-bento-rose: var(--bcy-color-bento-rose); --color-bento-violet: var(--bcy-color-bento-violet); --color-bento-start: var(--bcy-color-bento-start); --color-bento-mid: var(--bcy-color-bento-mid); --color-bento-end: var(--bcy-color-bento-end); --color-gold-50: var(--bcy-color-gold-50); --color-gold-100: var(--bcy-color-gold-100); --color-gold-200: var(--bcy-color-gold-200); --color-gold-300: var(--bcy-color-gold-300); --color-gold-400: var(--bcy-color-gold-400); --color-gold-500: var(--bcy-color-gold-500); --color-gold-550: var(--bcy-color-gold-550); --color-gold-600: var(--bcy-color-gold-600); --color-gold-700: var(--bcy-color-gold-700); --color-gold-800: var(--bcy-color-gold-800); --color-gold-900: var(--bcy-color-gold-900); --color-gold-950: var(--bcy-color-gold-950); --color-cangor-50: var(--bcy-color-cangor-50); --color-cangor-100: var(--bcy-color-cangor-100); --color-cangor-200: var(--bcy-color-cangor-200); --color-cangor-300: var(--bcy-color-cangor-300); --color-cangor-400: var(--bcy-color-cangor-400); --color-cangor-500: var(--bcy-color-cangor-500); --color-cangor-600: var(--bcy-color-cangor-600); --color-cangor-700: var(--bcy-color-cangor-700); --color-cangor-800: var(--bcy-color-cangor-800); --color-cangor-900: var(--bcy-color-cangor-900); --color-cangor-950: var(--bcy-color-cangor-950); --color-neutral-50: var(--bcy-color-neutral-50); --color-neutral-100: var(--bcy-color-neutral-100); --color-neutral-200: var(--bcy-color-neutral-200); --color-neutral-300: var(--bcy-color-neutral-300); --color-neutral-400: var(--bcy-color-neutral-400); --color-neutral-500: var(--bcy-color-neutral-500); --color-neutral-600: var(--bcy-color-neutral-600); --color-neutral-700: var(--bcy-color-neutral-700); --color-neutral-800: var(--bcy-color-neutral-800); --color-neutral-900: var(--bcy-color-neutral-900); --color-neutral-950: var(--bcy-color-neutral-950); --color-danger-50: var(--bcy-color-danger-50); --color-danger-100: var(--bcy-color-danger-100); --color-danger-200: var(--bcy-color-danger-200); --color-danger-300: var(--bcy-color-danger-300); --color-danger-400: var(--bcy-color-danger-400); --color-danger-500: var(--bcy-color-danger-500); --color-danger-600: var(--bcy-color-danger-600); --color-danger-700: var(--bcy-color-danger-700); --color-danger-800: var(--bcy-color-danger-800); --color-danger-900: var(--bcy-color-danger-900); --color-danger-950: var(--bcy-color-danger-950); --color-success-50: var(--bcy-color-success-50); --color-success-100: var(--bcy-color-success-100); --color-success-200: var(--bcy-color-success-200); --color-success-300: var(--bcy-color-success-300); --color-success-400: var(--bcy-color-success-400); --color-success-500: var(--bcy-color-success-500); --color-success-600: var(--bcy-color-success-600); --color-success-700: var(--bcy-color-success-700); --color-success-800: var(--bcy-color-success-800); --color-success-900: var(--bcy-color-success-900); --color-success-950: var(--bcy-color-success-950); --color-warning-50: var(--bcy-color-warning-50); --color-warning-100: var(--bcy-color-warning-100); --color-warning-200: var(--bcy-color-warning-200); --color-warning-300: var(--bcy-color-warning-300); --color-warning-400: var(--bcy-color-warning-400); --color-warning-500: var(--bcy-color-warning-500); --color-warning-600: var(--bcy-color-warning-600); --color-warning-700: var(--bcy-color-warning-700); --color-warning-800: var(--bcy-color-warning-800); --color-warning-900: var(--bcy-color-warning-900); --color-warning-950: var(--bcy-color-warning-950); --color-background: var(--bcy-color-background); --color-page: var(--bcy-color-page); --color-raised: var(--bcy-color-raised); --color-glass-frost: var(--bcy-color-glass-frost); --blur-glass-frost: var(--bcy-blur-glass-frost); --color-rim-warning-start: var(--bcy-color-rim-warning-start); --color-rim-warning-mid: var(--bcy-color-rim-warning-mid); --color-rim-warning-end: var(--bcy-color-rim-warning-end); --color-foreground: var(--bcy-color-foreground); --color-text-muted: var(--bcy-color-text-muted); --color-text-brand: var(--bcy-color-text-brand); --color-text-brand-muted: var(--bcy-color-text-brand-muted); --color-text-brand-inverse: var(--bcy-color-text-brand-inverse); --color-fill-hover: var(--bcy-color-fill-hover); --color-fill-pressed: var(--bcy-color-fill-pressed); --color-on-fill: var(--bcy-color-on-fill); --color-accent: var(--bcy-color-accent); --color-ring: var(--bcy-color-ring); --color-fill: var(--bcy-color-fill); --color-border: var(--bcy-color-border); --color-fill-edge: var(--bcy-color-fill-edge); --color-icon: var(--bcy-color-icon); --color-surface-brand: var(--bcy-color-surface-brand); --color-hairline: var(--bcy-color-hairline); --color-glass-liquid: var(--bcy-color-glass-liquid); --color-glass-regular: var(--bcy-color-glass-regular); --color-glass-still: var(--bcy-color-glass-still); --color-glass-spec: var(--bcy-color-glass-spec); --color-lens-hi: var(--bcy-color-lens-hi); --color-lens-lo: var(--bcy-color-lens-lo); --blur-glass-liquid: var(--bcy-blur-glass-liquid); --blur-glass-regular: var(--bcy-blur-glass-regular); --opacity-bento: var(--bcy-opacity-bento); --opacity-bento-glow: var(--bcy-opacity-bento-glow); --opacity-ambient: var(--bcy-opacity-ambient); --color-border-control: var(--bcy-color-border-control); --color-scrim: var(--bcy-color-scrim); --color-disabled: var(--bcy-color-disabled); --color-subtle: var(--bcy-color-subtle); --color-inverse: var(--bcy-color-inverse); --color-inverse-hover: var(--bcy-color-inverse-hover); --color-inverse-pressed: var(--bcy-color-inverse-pressed); --color-on-inverse: var(--bcy-color-on-inverse); --color-surface-muted: var(--bcy-color-surface-muted); --color-surface-sunken: var(--bcy-color-surface-sunken); --color-surface-raised: var(--bcy-color-surface-raised); --color-edge-raised: var(--bcy-color-edge-raised); --color-surface-disabled: var(--bcy-color-surface-disabled); --color-track: var(--bcy-color-track); --color-track-strong: var(--bcy-color-track-strong); --color-tint-subtle: var(--bcy-color-tint-subtle); --color-tint-hover: var(--bcy-color-tint-hover); --color-tint-pressed: var(--bcy-color-tint-pressed); --color-danger-fill-hover: var(--bcy-color-danger-fill-hover); --color-danger-fill-pressed: var(--bcy-color-danger-fill-pressed); --color-on-danger-fill: var(--bcy-color-on-danger-fill); --color-media: var(--bcy-color-media); --color-on-media: var(--bcy-color-on-media); --color-on-media-muted: var(--bcy-color-on-media-muted); --color-on-media-disabled: var(--bcy-color-on-media-disabled); --color-paper: var(--bcy-color-paper); --color-thumb: var(--bcy-color-thumb); --color-highlight: var(--bcy-color-highlight); --color-inverse-sheen: var(--bcy-color-inverse-sheen); --color-backdrop-brand-1: var(--bcy-color-backdrop-brand-1); --color-backdrop-brand-2: var(--bcy-color-backdrop-brand-2); --color-backdrop-brand-3: var(--bcy-color-backdrop-brand-3); --color-backdrop-neutral-1: var(--bcy-color-backdrop-neutral-1); --color-backdrop-neutral-2: var(--bcy-color-backdrop-neutral-2); --color-backdrop-neutral-3: var(--bcy-color-backdrop-neutral-3); --color-danger-text: var(--bcy-color-danger-text); --color-danger-fill: var(--bcy-color-danger-fill); --color-danger-border: var(--bcy-color-danger-border); --color-danger-icon: var(--bcy-color-danger-icon); --color-danger-surface: var(--bcy-color-danger-surface); --color-success-text: var(--bcy-color-success-text); --color-success-fill: var(--bcy-color-success-fill); --color-success-border: var(--bcy-color-success-border); --color-success-icon: var(--bcy-color-success-icon); --color-success-surface: var(--bcy-color-success-surface); --color-warning-text: var(--bcy-color-warning-text); --color-warning-fill: var(--bcy-color-warning-fill); --color-warning-border: var(--bcy-color-warning-border); --color-warning-icon: var(--bcy-color-warning-icon); --color-warning-surface: var(--bcy-color-warning-surface); --color-chart-metrics-1: var(--bcy-color-chart-metrics-1); --color-chart-metrics-2: var(--bcy-color-chart-metrics-2); --color-chart-metrics-3: var(--bcy-color-chart-metrics-3); --color-chart-positive-1: var(--bcy-color-chart-positive-1); --color-chart-positive-2: var(--bcy-color-chart-positive-2); --color-chart-positive-3: var(--bcy-color-chart-positive-3); --color-chart-warning-1: var(--bcy-color-chart-warning-1); --color-chart-warning-2: var(--bcy-color-chart-warning-2); --color-chart-warning-3: var(--bcy-color-chart-warning-3); --color-chart-negative-1: var(--bcy-color-chart-negative-1); --color-chart-negative-2: var(--bcy-color-chart-negative-2); --color-chart-negative-3: var(--bcy-color-chart-negative-3); --color-chart-neutral-1: var(--bcy-color-chart-neutral-1); --color-chart-neutral-2: var(--bcy-color-chart-neutral-2); --color-chart-neutral-3: var(--bcy-color-chart-neutral-3); --color-chart-comparative-1: var(--bcy-color-chart-comparative-1); --color-chart-comparative-2: var(--bcy-color-chart-comparative-2); --color-chart-comparative-3: var(--bcy-color-chart-comparative-3); --color-chart-focus-1: var(--bcy-color-chart-focus-1); --color-chart-focus-2: var(--bcy-color-chart-focus-2); --color-chart-focus-3: var(--bcy-color-chart-focus-3); --font-heading: var(--bcy-font-heading); --font-heading--font-feature-settings: "lnum"; --font-body: var(--bcy-font-body); --font-body--font-feature-settings: "lnum"; --font-reading: var(--bcy-font-reading); --font-reading--font-feature-settings: "lnum"; --font-mono: var(--bcy-font-mono); --font-script: var(--bcy-font-script); --text-xs: var(--bcy-text-xs); --text-xs--line-height: var(--bcy-text-xs--line-height); --text-xs--letter-spacing: var(--bcy-text-xs--letter-spacing); --text-sm: var(--bcy-text-sm); --text-sm--line-height: var(--bcy-text-sm--line-height); --text-sm--letter-spacing: var(--bcy-text-sm--letter-spacing); --text-base: var(--bcy-text-base); --text-base--line-height: var(--bcy-text-base--line-height); --text-base--letter-spacing: var(--bcy-text-base--letter-spacing); --text-lg: var(--bcy-text-lg); --text-lg--line-height: var(--bcy-text-lg--line-height); --text-lg--letter-spacing: var(--bcy-text-lg--letter-spacing); --text-xl: var(--bcy-text-xl); --text-xl--line-height: var(--bcy-text-xl--line-height); --text-xl--letter-spacing: var(--bcy-text-xl--letter-spacing); --text-2xl: var(--bcy-text-2xl); --text-2xl--line-height: var(--bcy-text-2xl--line-height); --text-2xl--letter-spacing: var(--bcy-text-2xl--letter-spacing); --text-3xl: var(--bcy-text-3xl); --text-3xl--line-height: var(--bcy-text-3xl--line-height); --text-3xl--letter-spacing: var(--bcy-text-3xl--letter-spacing); --text-display: var(--bcy-text-display); --text-display--line-height: var(--bcy-text-display--line-height); --text-display--letter-spacing: var(--bcy-text-display--letter-spacing); --text-display-lg: var(--bcy-text-display-lg); --text-display-lg--line-height: var(--bcy-text-display-lg--line-height); --text-display-lg--letter-spacing: var(--bcy-text-display-lg--letter-spacing); --text-display-xl: var(--bcy-text-display-xl); --text-display-xl--line-height: var(--bcy-text-display-xl--line-height); --text-display-xl--letter-spacing: var(--bcy-text-display-xl--letter-spacing); --text-dense: var(--bcy-text-dense); --text-dense--line-height: var(--bcy-text-dense--line-height); --text-dense--letter-spacing: var(--bcy-text-dense--letter-spacing); --tracking-caps: var(--bcy-tracking-caps); --tracking-display: var(--bcy-tracking-display); --spacing: var(--bcy-spacing); --radius-none: var(--bcy-radius-none); --radius-sm: var(--bcy-radius-sm); --radius-md: var(--bcy-radius-md); --radius-lg: var(--bcy-radius-lg); --radius-xl: var(--bcy-radius-xl); --radius-2xl: var(--bcy-radius-2xl); --radius-control-sm: var(--bcy-radius-control-sm); --radius-control-md: var(--bcy-radius-control-md); --radius-control-lg: var(--bcy-radius-control-lg); --radius-chrome: var(--bcy-radius-chrome); --radius-row: var(--bcy-radius-row); --radius-full: var(--bcy-radius-full); --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --elevation-sm: var(--bcy-elevation-sm); --elevation-md: var(--bcy-elevation-md); --elevation-lg: var(--bcy-elevation-lg); --elevation-xl: var(--bcy-elevation-xl); --duration-fast: var(--bcy-duration-fast); --duration-base: var(--bcy-duration-base); --duration-slow: var(--bcy-duration-slow); --duration-slower: var(--bcy-duration-slower); --ease-standard: var(--bcy-ease-standard); --ease-decelerate: var(--bcy-ease-decelerate); --ease-accelerate: var(--bcy-ease-accelerate); --ease-fluid: var(--bcy-ease-fluid); --animate-text-fade: bicyr-text-fade var(--bcy-duration-slow) var(--bcy-ease-decelerate) both; --animate-text-rise: bicyr-text-rise var(--bcy-duration-slow) var(--bcy-ease-decelerate) both; --animate-text-reveal: bicyr-text-reveal var(--bcy-duration-slower) var(--bcy-ease-decelerate) both; @keyframes bicyr-text-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes bicyr-text-rise { from { opacity: 0; transform: translateY(calc(var(--bcy-spacing) * 2)); } to { opacity: 1; transform: translateY(0); } } @keyframes bicyr-text-reveal { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } } --animate-bg-drift: bicyr-bg-drift 16s var(--bcy-ease-standard) infinite alternate; @keyframes bicyr-bg-drift { from { background-position: 0% 50%; } to { background-position: 100% 50%; } } }@custom-variant dark (&:where(.dark,.dark *));.dark{--bcy-color-background: #09090b;--bcy-color-page: #000000;--bcy-color-raised: #1c1c1e;--bcy-color-glass-frost: rgb(28 28 30 / .72);--bcy-color-rim-warning-start: rgb(251 191 36 / .75);--bcy-color-rim-warning-mid: rgb(234 88 12 / .7);--bcy-color-rim-warning-end: rgb(225 29 72 / .65);--bcy-color-foreground: #fafafa;--bcy-color-text-muted: #d4d4d8;--bcy-color-text-brand: #fbbf24;--bcy-color-text-brand-muted: #fbbf24;--bcy-color-text-brand-inverse: #78350f;--bcy-color-accent: #f59e0b;--bcy-color-ring: #f59e0b;--bcy-color-fill: #fbbf24;--bcy-color-border: #f59e0b;--bcy-color-fill-edge: rgb(0 0 0 / 0);--bcy-color-icon: #f59e0b;--bcy-color-surface-brand: #451a03;--bcy-color-hairline: rgb(255 255 255 / .1);--bcy-color-border-control: rgb(255 255 255 / .52);--bcy-color-disabled: #52525b;--bcy-color-subtle: #a1a1aa;--bcy-color-inverse: #fafafa;--bcy-color-inverse-hover: #ffffff;--bcy-color-inverse-pressed: #e4e4e7;--bcy-color-on-inverse: #09090b;--bcy-color-surface-muted: #27272a;--bcy-color-surface-sunken: #000000;--bcy-color-surface-raised: #18181b;--bcy-color-edge-raised: rgb(255 255 255 / .14);--bcy-color-surface-disabled: #18181b;--bcy-color-track: #27272a;--bcy-color-track-strong: #3f3f46;--bcy-color-tint-subtle: rgb(255 255 255 / .025);--bcy-color-tint-hover: rgb(255 255 255 / .07);--bcy-color-tint-pressed: rgb(255 255 255 / .11);--bcy-color-inverse-sheen: rgb(255 255 255 / 0);--bcy-color-glass-liquid: rgb(255 255 255 / .03);--bcy-color-glass-regular: rgb(9 9 11 / .82);--bcy-color-glass-still: rgb(24 24 27 / .7);--bcy-color-glass-spec: rgb(255 255 255 / .22);--bcy-opacity-bento: 62%;--bcy-opacity-bento-glow: .35;--bcy-opacity-ambient: .45;--bcy-color-lens-hi: rgb(255 255 255 / .6);--bcy-color-lens-lo: rgb(255 255 255 / .1);--bcy-color-scrim: rgb(0 0 0 / .6);--bcy-color-danger-text: #f4aba2;--bcy-color-danger-fill: #902621;--bcy-color-danger-border: #ec796d;--bcy-color-danger-icon: #ec796d;--bcy-color-danger-surface: #340f0c;--bcy-color-success-text: #a0ceab;--bcy-color-success-fill: #0a6231;--bcy-color-success-border: #66b47c;--bcy-color-success-icon: #66b47c;--bcy-color-success-surface: #082311;--bcy-color-warning-text: #dfb98e;--bcy-color-warning-fill: #724700;--bcy-color-warning-border: #cf9143;--bcy-color-warning-icon: #cf9143;--bcy-color-warning-surface: #2b1800;--bcy-color-chart-metrics-2: #fbbf24;--bcy-color-chart-positive-2: #66b47c;--bcy-color-chart-positive-3: #a0ceab;--bcy-color-chart-warning-2: #cf9143;--bcy-color-chart-warning-3: #dfb98e;--bcy-color-chart-negative-2: #ec796d;--bcy-color-chart-negative-3: #f4aba2;--bcy-color-chart-neutral-2: #a1a1aa;--bcy-color-chart-neutral-3: #d4d4d8;--bcy-color-chart-comparative-1: #fbbf24;--bcy-color-chart-focus-3: #3b82f6}