:root, :host { --co-ref-color-white: #ffffff; --co-ref-color-black: #000000; --co-ref-color-purple-25: #fbfafc; --co-ref-color-purple-50: #f7f4fb; --co-ref-color-purple-100: #eae3f2; --co-ref-color-purple-200: #d4c7e5; --co-ref-color-purple-300: #bfacd8; --co-ref-color-purple-400: #a990cb; --co-ref-color-purple-500: #9474be; --co-ref-color-purple-600: #765d98; --co-ref-color-purple-700: #594672; --co-ref-color-purple-800: #3b2e4c; --co-ref-color-purple-900: #1e1726; --co-ref-color-gray-cold-50: #fafafa; --co-ref-color-gray-cold-100: #f5f5f5; --co-ref-color-gray-cold-200: #e9eaeb; --co-ref-color-gray-cold-300: #d5d7da; --co-ref-color-gray-cold-400: #a4a7ae; --co-ref-color-gray-cold-500: #717680; --co-ref-color-gray-cold-600: #535862; --co-ref-color-gray-cold-700: #414651; --co-ref-color-gray-cold-800: #252b37; --co-ref-color-gray-cold-900: #181d27; --co-ref-color-beige-50: #ffffff; --co-ref-color-beige-100: #fefdfd; --co-ref-color-beige-200: #fdfbfa; --co-ref-color-beige-300: #fcfaf8; --co-ref-color-beige-400: #fbf8f5; --co-ref-color-beige-500: #faf6f3; --co-ref-color-beige-600: #f2ece8; --co-ref-color-beige-700: #c8c5c2; --co-ref-color-beige-800: #969492; --co-ref-color-beige-900: #323131; --co-ref-color-sand-50: #fbfaf9; --co-ref-color-sand-100: #f9f7f3; --co-ref-color-sand-200: #f3efe7; --co-ref-color-sand-300: #ece6dc; --co-ref-color-sand-400: #e6ded0; --co-ref-color-sand-500: #e0d6c4; --co-ref-color-sand-600: #b3ab9d; --co-ref-color-sand-700: #868076; --co-ref-color-sand-800: #5a564e; --co-ref-color-sand-900: #2d2b27; --co-ref-color-teal-50: #eff6f7; --co-ref-color-teal-100: #e0eef0; --co-ref-color-teal-200: #c1dde1; --co-ref-color-teal-300: #a2ccd2; --co-ref-color-teal-400: #83bbc3; --co-ref-color-teal-500: #64aab4; --co-ref-color-teal-600: #508890; --co-ref-color-teal-700: #3c666c; --co-ref-color-teal-800: #284448; --co-ref-color-teal-900: #142224; --co-ref-color-red-50: #fbf3f4; --co-ref-color-red-100: #f7e6e7; --co-ref-color-red-200: #efcdd0; --co-ref-color-red-300: #e7b4b8; --co-ref-color-red-400: #df9ba1; --co-ref-color-red-500: #d78289; --co-ref-color-red-600: #ac686e; --co-ref-color-red-700: #814e52; --co-ref-color-red-800: #563437; --co-ref-color-red-900: #2b1a1b; --co-ref-color-blue-50: #f4f4fb; --co-ref-color-blue-100: #dee0f6; --co-ref-color-blue-200: #bdc1ed; --co-ref-color-blue-300: #9ca1e3; --co-ref-color-blue-400: #7b82da; --co-ref-color-blue-500: #5a63d1; --co-ref-color-blue-600: #484fa7; --co-ref-color-blue-700: #363b7d; --co-ref-color-blue-800: #242854; --co-ref-color-blue-900: #12142a; --co-ref-color-green-50: #f6f9f6; --co-ref-color-green-100: #edf3ec; --co-ref-color-green-200: #dae7d9; --co-ref-color-green-300: #c8dbc7; --co-ref-color-green-400: #b5cfb4; --co-ref-color-green-500: #a3c3a1; --co-ref-color-green-600: #829c81; --co-ref-color-green-700: #627561; --co-ref-color-green-800: #414e40; --co-ref-color-green-900: #212720; --co-ref-color-orange-50: #fff5f0; --co-ref-color-orange-100: #ffe8db; --co-ref-color-orange-200: #ffd1b7; --co-ref-color-orange-300: #ffbb93; --co-ref-color-orange-400: #ffa46f; --co-ref-color-orange-500: #ff8d4b; --co-ref-color-orange-600: #cc713c; --co-ref-color-orange-700: #99552d; --co-ref-color-orange-800: #66381e; --co-ref-color-orange-900: #331c0f; --co-ref-color-gray-warm-50: #fffefd; --co-ref-color-gray-warm-100: #f9f8f7; --co-ref-color-gray-warm-200: #f3f1f0; --co-ref-color-gray-warm-300: #eceae8; --co-ref-color-gray-warm-400: #e6e3e1; --co-ref-color-gray-warm-500: #e0dcd9; --co-ref-color-gray-warm-600: #b3b0ae; --co-ref-color-gray-warm-700: #868482; --co-ref-color-gray-warm-800: #5a5857; --co-ref-color-gray-warm-900: #2d2c2b; --co-ref-color-gray-warm-200a75: rgb(243 241 240 / 0.75); --co-ref-color-gray-warm-800a55: rgb(90 88 87 / 0.55); --co-ref-color-red-bright-50: #fcf5f7; --co-ref-color-red-bright-100: #fad3dd; --co-ref-color-red-bright-200: #f4a7bb; --co-ref-color-red-bright-300: #ef7b98; --co-ref-color-red-bright-400: #e94f76; --co-ref-color-red-bright-500: #e42354; --co-ref-color-red-bright-600: #b61c43; --co-ref-color-red-bright-700: #891532; --co-ref-color-red-bright-800: #5b0e22; --co-ref-color-red-bright-900: #2e0711; --co-ref-color-sky-200: #c9e8fa; --co-ref-color-transparent: rgb(0 0 0 / 0); --co-ref-color-green-bright-300: #6fdb93; --co-ref-color-green-bright-500: #198754; --co-ref-typography-font-family-brand: Figtree; --co-ref-typography-font-weight-medium: 500; --co-ref-typography-font-weight-light: 300; --co-ref-typography-font-weight-regular: 400; --co-ref-typography-font-weight-semibold: 600; --co-ref-typography-font-weight-bold: 700; --co-ref-typography-font-weight-extrabold: 800; --co-ref-typography-font-weight-black: 900; --co-ref-typography-font-size-xs: 0.75rem; --co-ref-typography-font-size-sm: 0.875rem; --co-ref-typography-font-size-md: 1rem; --co-ref-typography-font-size-lg: 1.25rem; --co-ref-typography-font-size-xl: 1.5rem; --co-ref-typography-font-size-2xl: 2rem; --co-ref-typography-font-size-2xs: 0.625rem; --co-ref-typography-font-size-3xl: 2.25rem; --co-ref-typography-font-size-4xl: 2.5rem; --co-ref-typography-font-size-5xl: 3rem; --co-ref-typography-line-height-lg: 1.25rem; --co-ref-typography-line-height-xl: 1.5rem; --co-ref-typography-line-height-md: 1rem; --co-ref-typography-line-height-sm: 0.875rem; --co-ref-typography-line-height-2xl: 2rem; --co-ref-typography-line-height-3xl: 2.25rem; --co-ref-typography-line-height-4xl: 2.5rem; --co-ref-typography-line-height-5xl: 3rem; --co-ref-typography-line-height-xs: 0.75rem; --co-ref-typography-line-height-2xs: 0.625rem; --co-ref-typography-line-height-6xl: 3.5rem; --co-ref-typography-line-height-md2: 1.125rem; --co-ref-typography-line-height-lg2: 1.375rem; --co-sys-color-background-content: var(--co-ref-color-beige-600); --co-sys-color-background-default: var(--co-ref-color-beige-500); --co-sys-color-background-white: var(--co-ref-color-white); --co-sys-color-background-brand: var(--co-ref-color-purple-800); --co-sys-color-background-overlay-dark: var(--co-ref-color-gray-warm-800a55); --co-sys-color-background-overlay-light: var(--co-ref-color-gray-warm-200a75); --co-sys-color-surface-brand-default: var(--co-ref-color-purple-50); --co-sys-color-surface-brand-strong: var(--co-ref-color-purple-200); --co-sys-color-surface-error-default: var(--co-ref-color-red-bright-100); --co-sys-color-surface-error-strong: var(--co-ref-color-red-bright-200); --co-sys-color-surface-error-xstrong: var(--co-ref-color-red-bright-300); --co-sys-color-surface-warning-default: var(--co-ref-color-orange-100); --co-sys-color-surface-warning-strong: var(--co-ref-color-orange-200); --co-sys-color-surface-warning-xstrong: var(--co-ref-color-orange-300); --co-sys-color-surface-info-default: var(--co-ref-color-purple-100); --co-sys-color-surface-info-strong: var(--co-ref-color-purple-200); --co-sys-color-surface-info-xstrong: var(--co-ref-color-purple-300); --co-sys-color-surface-success-default: var(--co-ref-color-green-100); --co-sys-color-surface-success-strong: var(--co-ref-color-green-200); --co-sys-color-surface-success-xstrong: var(--co-ref-color-green-300); --co-sys-color-surface-neutral-default: var(--co-ref-color-gray-warm-100); --co-sys-color-surface-neutral-strong: var(--co-ref-color-gray-warm-200); --co-sys-color-surface-neutral-xstrong: var(--co-ref-color-gray-warm-300); --co-sys-color-surface-hcm-default: var(--co-ref-color-teal-100); --co-sys-color-surface-hcm-strong: var(--co-ref-color-teal-200); --co-sys-color-surface-engage-default: var(--co-ref-color-green-100); --co-sys-color-surface-engage-strong: var(--co-ref-color-green-200); --co-sys-color-surface-secondary-default: var(--co-ref-color-blue-50); --co-sys-color-surface-secondary-strong: var(--co-ref-color-blue-100); --co-sys-color-surface-secondary-xstrong: var(--co-ref-color-blue-200); --co-sys-color-border-brand-default: var(--co-ref-color-purple-700); --co-sys-color-border-brand-subtle: var(--co-ref-color-purple-400); --co-sys-color-border-brand-xstrong: var(--co-ref-color-purple-900); --co-sys-color-border-error-default: var(--co-ref-color-red-bright-500); --co-sys-color-border-error-subtle: var(--co-ref-color-red-bright-300); --co-sys-color-border-warning-default: var(--co-ref-color-orange-500); --co-sys-color-border-warning-subtle: var(--co-ref-color-orange-400); --co-sys-color-border-success-default: var(--co-ref-color-green-500); --co-sys-color-border-success-subtle: var(--co-ref-color-green-400); --co-sys-color-border-info-default: var(--co-ref-color-purple-500); --co-sys-color-border-info-subtle: var(--co-ref-color-purple-400); --co-sys-color-border-neutral-default: var(--co-ref-color-gray-warm-500); --co-sys-color-border-neutral-subtle: var(--co-ref-color-gray-warm-400); --co-sys-color-border-neutral-xsubtle: var(--co-ref-color-gray-warm-200); --co-sys-color-border-neutral-strong: var(--co-ref-color-gray-warm-600); --co-sys-color-border-hcm-default: var(--co-ref-color-teal-500); --co-sys-color-border-hcm-subtle: var(--co-ref-color-teal-400); --co-sys-color-border-engage-default: var(--co-ref-color-green-500); --co-sys-color-border-engage-subtle: var(--co-ref-color-green-400); --co-sys-color-border-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-border-destructive-subtle: var(--co-ref-color-red-bright-400); --co-sys-color-border-secondary-subtle: var(--co-ref-color-blue-200); --co-sys-color-border-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-border-focus-default: var(--co-ref-color-purple-700); --co-sys-color-border-focus-contrast: var(--co-ref-color-purple-100); --co-sys-color-border-structure-transparent: var(--co-ref-color-transparent); --co-sys-color-text-brand-default: var(--co-ref-color-purple-700); --co-sys-color-text-brand-contrast: var(--co-ref-color-white); --co-sys-color-text-brand-subtle: var(--co-ref-color-purple-600); --co-sys-color-text-brand-strong: var(--co-ref-color-purple-800); --co-sys-color-text-error-default: var(--co-ref-color-red-bright-700); --co-sys-color-text-warning-default: var(--co-ref-color-orange-800); --co-sys-color-text-success-default: var(--co-ref-color-green-800); --co-sys-color-text-success-subtle: var(--co-ref-color-green-600); --co-sys-color-text-info-default: var(--co-ref-color-purple-800); --co-sys-color-text-neutral-default: var(--co-ref-color-gray-warm-800); --co-sys-color-text-neutral-subtle: var(--co-ref-color-gray-warm-500); --co-sys-color-text-disabled-default: var(--co-ref-color-gray-warm-700); --co-sys-color-text-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-text-destructive-contrast: var(--co-ref-color-white); --co-sys-color-text-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-text-secondary-contrast: var(--co-ref-color-white); --co-sys-color-text-secondary-strong: var(--co-ref-color-blue-700); --co-sys-color-icon-brand-default: var(--co-ref-color-purple-700); --co-sys-color-icon-brand-contrast: var(--co-ref-color-white); --co-sys-color-icon-brand-subtle: var(--co-ref-color-purple-600); --co-sys-color-icon-brand-strong: var(--co-ref-color-purple-800); --co-sys-color-icon-brand-xsubtle: var(--co-ref-color-purple-400); --co-sys-color-icon-error-default: var(--co-ref-color-red-bright-700); --co-sys-color-icon-error-subtle: var(--co-ref-color-red-bright-400); --co-sys-color-icon-error-contrast: var(--co-ref-color-white); --co-sys-color-icon-warning-default: var(--co-ref-color-orange-800); --co-sys-color-icon-warning-subtle: var(--co-ref-color-orange-500); --co-sys-color-icon-warning-contrast: var(--co-ref-color-white); --co-sys-color-icon-success-default: var(--co-ref-color-green-800); --co-sys-color-icon-success-subtle: var(--co-ref-color-green-500); --co-sys-color-icon-success-contrast: var(--co-ref-color-white); --co-sys-color-icon-info-default: var(--co-ref-color-purple-800); --co-sys-color-icon-info-contrast: var(--co-ref-color-white); --co-sys-color-icon-disabled-default: var(--co-ref-color-gray-warm-700); --co-sys-color-icon-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-icon-destructive-contrast: var(--co-ref-color-white); --co-sys-color-icon-neutral-default: var(--co-ref-color-gray-warm-600); --co-sys-color-icon-neutral-strong: var(--co-ref-color-gray-warm-800); --co-sys-color-icon-neutral-contrast: var(--co-ref-color-white); --co-sys-color-icon-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-icon-secondary-subtle: var(--co-ref-color-blue-300); --co-sys-color-icon-secondary-contrast: var(--co-ref-color-white); --co-sys-color-icon-secondary-strong: var(--co-ref-color-blue-700); --co-sys-color-base-brand-default: var(--co-ref-color-purple-600); --co-sys-color-base-brand-strong: var(--co-ref-color-purple-700); --co-sys-color-base-brand-xstrong: var(--co-ref-color-purple-800); --co-sys-color-base-brand-2xsubtle: var(--co-ref-color-purple-50); --co-sys-color-base-brand-xsubtle: var(--co-ref-color-purple-100); --co-sys-color-base-brand-subtle: var(--co-ref-color-purple-300); --co-sys-color-base-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-base-destructive-strong: var(--co-ref-color-red-bright-600); --co-sys-color-base-destructive-xstrong: var(--co-ref-color-red-bright-800); --co-sys-color-base-destructive-subtle: var(--co-ref-color-red-bright-100); --co-sys-color-base-destructive-xsubtle: var(--co-ref-color-red-bright-50); --co-sys-color-base-disabled-default: var(--co-ref-color-gray-warm-400); --co-sys-color-base-disabled-subtle: var(--co-ref-color-gray-warm-200); --co-sys-color-base-disabled-strong: var(--co-ref-color-gray-warm-500); --co-sys-color-base-hcm-subtle: var(--co-ref-color-teal-200); --co-sys-color-base-hcm-default: var(--co-ref-color-teal-400); --co-sys-color-base-hcm-strong: var(--co-ref-color-teal-600); --co-sys-color-base-engage-subtle: var(--co-ref-color-green-200); --co-sys-color-base-engage-default: var(--co-ref-color-green-400); --co-sys-color-base-engage-strong: var(--co-ref-color-green-600); --co-sys-color-base-neutral-xsubtle: var(--co-ref-color-gray-warm-200); --co-sys-color-base-neutral-subtle: var(--co-ref-color-gray-warm-400); --co-sys-color-base-neutral-default: var(--co-ref-color-gray-warm-500); --co-sys-color-base-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-base-secondary-strong: var(--co-ref-color-blue-600); --co-sys-color-base-secondary-xstrong: var(--co-ref-color-blue-800); --co-sys-color-base-secondary-subtle: var(--co-ref-color-blue-200); --co-sys-color-base-secondary-xsubtle: var(--co-ref-color-blue-100); --co-sys-color-base-warning-default: var(--co-ref-color-orange-500); --co-sys-color-base-warning-strong: var(--co-ref-color-orange-600); --co-sys-color-base-warning-subtle: var(--co-ref-color-orange-300); --co-sys-color-base-success-default: var(--co-ref-color-green-700); --co-sys-color-base-success-subtle: var(--co-ref-color-green-600); --co-sys-color-base-error-subtle: var(--co-ref-color-red-bright-100); --co-sys-color-base-error-default: var(--co-ref-color-red-bright-500); --co-sys-color-base-error-xsubtle: var(--co-ref-color-red-bright-50); --co-sys-color-support-green-subtle: var(--co-ref-color-green-200); --co-sys-color-support-green-default: var(--co-ref-color-green-400); --co-sys-color-support-purple-subtle: var(--co-ref-color-purple-200); --co-sys-color-support-purple-default: var(--co-ref-color-purple-400); --co-sys-color-support-purple-xsubtle: var(--co-ref-color-purple-100); --co-sys-color-support-purple-strong: var(--co-ref-color-purple-500); --co-sys-color-support-purple-xstrong: var(--co-ref-color-purple-600); --co-sys-color-support-orange-subtle: var(--co-ref-color-orange-200); --co-sys-color-support-orange-default: var(--co-ref-color-orange-400); --co-sys-color-support-red-subtle: var(--co-ref-color-red-200); --co-sys-color-support-red-default: var(--co-ref-color-red-400); --co-sys-color-support-blue-subtle: var(--co-ref-color-blue-200); --co-sys-color-support-blue-default: var(--co-ref-color-blue-400); --co-sys-color-support-teal-subtle: var(--co-ref-color-teal-200); --co-sys-color-support-teal-default: var(--co-ref-color-teal-400); --co-sys-color-support-beige-subtle: var(--co-ref-color-beige-200); --co-sys-color-support-beige-default: var(--co-ref-color-beige-400); --co-sys-color-support-sand-subtle: var(--co-ref-color-sand-200); --co-sys-color-support-sand-default: var(--co-ref-color-sand-400); --co-sys-color-support-gray-cold-subtle: var(--co-ref-color-gray-cold-200); --co-sys-color-support-gray-cold-default: var(--co-ref-color-gray-cold-400); --co-sys-color-support-red-bright-subtle: var(--co-ref-color-red-bright-200); --co-sys-color-support-red-bright-default: var(--co-ref-color-red-bright-400); --co-sys-color-support-gray-warm-subtle: var(--co-ref-color-gray-warm-200); --co-sys-color-support-gray-warm-default: var(--co-ref-color-gray-warm-400); --co-sys-color-support-green-bright-default: var(--co-ref-color-green-bright-500); --co-sys-color-support-green-bright-subtle: var(--co-ref-color-green-bright-300); --co-sys-color-illustrations-beige-default: var(--co-ref-color-beige-600); --co-sys-color-illustrations-beige-strong: var(--co-ref-color-beige-700); --co-sys-color-illustrations-beige-subtle: var(--co-ref-color-beige-300); --co-sys-color-illustrations-green-default: var(--co-ref-color-green-400); --co-sys-color-illustrations-green-strong: var(--co-ref-color-green-500); --co-sys-color-illustrations-green-xstrong: var(--co-ref-color-green-800); --co-sys-color-illustrations-green-subtle: var(--co-ref-color-green-200); --co-sys-color-illustrations-orange-default: var(--co-ref-color-orange-400); --co-sys-color-illustrations-purple-subtle: var(--co-ref-color-purple-300); --co-sys-color-illustrations-purple-default: var(--co-ref-color-purple-500); --co-sys-color-illustrations-purple-xstrong: var(--co-ref-color-purple-800); --co-sys-color-illustrations-purple-xsubtle: var(--co-ref-color-purple-200); --co-sys-color-illustrations-purple-2xsubtle: var(--co-ref-color-purple-100); --co-sys-color-illustrations-sky-default: var(--co-ref-color-sky-200); --co-sys-color-illustrations-teal-subtle: var(--co-ref-color-teal-400); --co-sys-color-illustrations-teal-default: var(--co-ref-color-teal-500); --co-sys-color-illustrations-teal-strong: var(--co-ref-color-teal-700); --co-sys-color-illustrations-teal-xsubtle: var(--co-ref-color-teal-200); --co-sys-color-illustrations-teal-xstrong: var(--co-ref-color-teal-800); --co-sys-elevation-elevation1-color: rgb(0 0 0 / 0.1); --co-sys-elevation-elevation1-x: 0; --co-sys-elevation-elevation1-y: 0.0625rem; --co-sys-elevation-elevation1-blur: 0.125rem; --co-sys-elevation-elevation1-spread: 0; --co-sys-elevation-elevation2-color: rgb(0 0 0 / 0.12); --co-sys-elevation-elevation2-x: 0; --co-sys-elevation-elevation2-y: 0.125rem; --co-sys-elevation-elevation2-blur: 0.25rem; --co-sys-elevation-elevation2-spread: 0; --co-sys-elevation-elevation3-color: rgb(0 0 0 / 0.14); --co-sys-elevation-elevation3-x: 0; --co-sys-elevation-elevation3-y: 0.25rem; --co-sys-elevation-elevation3-blur: 0.5rem; --co-sys-elevation-elevation3-spread: 0; --co-sys-elevation-elevation4-color: rgb(0 0 0 / 0.16); --co-sys-elevation-elevation4-x: 0; --co-sys-elevation-elevation4-y: 0.5rem; --co-sys-elevation-elevation4-blur: 1rem; --co-sys-elevation-elevation4-spread: 0; --co-sys-elevation-elevation5-color: rgb(0 0 0 / 0.18); --co-sys-elevation-elevation5-x: 0; --co-sys-elevation-elevation5-y: 0.75rem; --co-sys-elevation-elevation5-blur: 1.5rem; --co-sys-elevation-elevation5-spread: 0; --co-sys-typography-heading-h1-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-heading-h1-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-heading-h1-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-heading-h1-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-heading-h2-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-heading-h2-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-heading-h2-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-heading-h2-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-heading-h3-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-heading-h3-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-heading-h3-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-heading-h3-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-md-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-md-regular-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-regular-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-md-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-md-medium-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-medium-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-md-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-md-semibold-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-semibold-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-md-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-md-bold-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-bold-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-sm-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-sm-regular-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-regular-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-sm-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-sm-medium-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-medium-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-sm-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-sm-semibold-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-semibold-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-sm-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-sm-bold-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-bold-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-xs-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-xs-regular-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-regular-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-xs-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-xs-medium-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-medium-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-xs-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-xs-semibold-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-semibold-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-xs-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-xs-bold-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-bold-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-2xs-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-2xs-regular-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-regular-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-2xs-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-2xs-medium-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-medium-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-2xs-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-2xs-semibold-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-semibold-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-2xs-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-2xs-bold-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-bold-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-lg-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-lg-regular-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-regular-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-lg-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-lg-medium-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-medium-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-lg-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-lg-semibold-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-semibold-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-lg-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-lg-bold-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-bold-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-xl-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-xl-regular-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-regular-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-body-xl-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-xl-medium-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-medium-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-body-xl-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-xl-semibold-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-semibold-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-body-xl-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-xl-bold-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-bold-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-title-lg-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-title-lg-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-title-lg-font-size: var(--co-ref-typography-font-size-5xl); --co-sys-typography-title-lg-line-height: var(--co-ref-typography-line-height-6xl); --co-sys-typography-title-md-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-title-md-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-title-md-font-size: var(--co-ref-typography-font-size-4xl); --co-sys-typography-title-md-line-height: var(--co-ref-typography-line-height-5xl); --co-sys-typography-title-sm-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-title-sm-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-title-sm-font-size: var(--co-ref-typography-font-size-3xl); --co-sys-typography-title-sm-line-height: var(--co-ref-typography-line-height-4xl); --co-sys-typography-component-button-md-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-component-button-md-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-component-button-md-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-component-button-md-line-height: var(--co-ref-typography-line-height-lg2); --co-sys-typography-component-button-sm-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-component-button-sm-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-component-button-sm-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-component-button-sm-line-height: var(--co-ref-typography-line-height-md2); --co-sys-size-sm: 1rem; --co-sys-size-md: 1.25rem; --co-sys-size-lg: 1.5rem; --co-sys-size-xl: 2rem; --co-sys-size-xs: 0.75rem; --co-sys-size-2xl: 2.5rem; --co-sys-size-3xl: 3rem; --co-sys-size-4xl: 3.5rem; --co-sys-size-5xl: 4rem; --co-sys-size-7xl: 6rem; --co-sys-size-8xl: 8rem; --co-sys-size-9xl: 16rem; --co-sys-size-6xl: 4.5rem; --co-sys-size-md2: 1.375rem; --co-sys-size-sm2: 1.125rem; --co-sys-spacing-none: 0; --co-sys-spacing-2xs: 0.125rem; --co-sys-spacing-xs: 0.25rem; --co-sys-spacing-sm: 0.375rem; --co-sys-spacing-md: 0.5rem; --co-sys-spacing-lg: 0.75rem; --co-sys-spacing-xl: 1rem; --co-sys-spacing-2xl: 1.5rem; --co-sys-spacing-5xl: 3rem; --co-sys-spacing-3xl: 2rem; --co-sys-spacing-4xl: 2.5rem; --co-sys-spacing-6xl: 3.5rem; --co-sys-spacing-7xl: 4rem; --co-sys-spacing-8xl: 4.5rem; --co-sys-spacing-brand: var(--co-ref-color-purple-800); --co-sys-spacing-9xl: 5rem; --co-sys-spacing-10xl: 6rem; --co-sys-spacing-11xl: 6.5rem; --co-sys-spacing-12xl: 8rem; --co-sys-border-radius-2xs: 0.125rem; --co-sys-border-radius-xs: 0.25rem; --co-sys-border-radius-sm: 0.375rem; --co-sys-border-radius-md: 0.5rem; --co-sys-border-radius-lg: 0.75rem; --co-sys-border-radius-xl: 1rem; --co-sys-border-radius-2xl: 1.25rem; --co-sys-border-radius-pill: 624.9375rem; --co-sys-border-radius-3xl: 1.5rem; --co-sys-border-radius-4xl: 2rem; --co-sys-border-radius-5xl: 2.5rem; --co-sys-border-radius-none: 0; --co-sys-border-width-none: 0; --co-sys-border-width-normal: 0.0625rem; --co-sys-border-width-thick: 0.125rem; --co-mui-primary-contrast: var(--co-ref-color-white); --co-mui-primary-light: var(--co-ref-color-purple-100); --co-mui-primary-dark: var(--co-ref-color-purple-700); --co-mui-primary-main: var(--co-ref-color-purple-600); --co-mui-secondary-light: var(--co-ref-color-blue-200); --co-mui-secondary-contrast: var(--co-ref-color-white); --co-mui-secondary-dark: var(--co-ref-color-blue-600); --co-mui-secondary-main: var(--co-ref-color-blue-500); --co-mui-error-contrast: var(--co-ref-color-white); --co-mui-error-light: var(--co-ref-color-red-bright-100); --co-mui-error-dark: var(--co-ref-color-red-bright-800); --co-mui-error-main: var(--co-ref-color-red-bright-500); --co-mui-warning-contrast: var(--co-ref-color-white); --co-mui-warning-light: var(--co-ref-color-orange-100); --co-mui-warning-dark: var(--co-ref-color-orange-800); --co-mui-warning-main: var(--co-ref-color-orange-500); --co-mui-info-contrast: var(--co-ref-color-white); --co-mui-info-light: var(--co-ref-color-purple-100); --co-mui-info-dark: var(--co-ref-color-purple-800); --co-mui-info-main: var(--co-ref-color-purple-500); --co-mui-success-light: var(--co-ref-color-green-100); --co-mui-success-main: var(--co-ref-color-green-500); --co-mui-success-dark: var(--co-ref-color-green-800); --co-mui-success-contrast: var(--co-ref-color-white); --co-mui-text-disabled: var(--co-ref-color-gray-warm-700); --co-mui-text-secondary: var(--co-ref-color-purple-700); --co-mui-text-primary: var(--co-ref-color-purple-800); [data-theme="light-purple"] { --co-ref-color-white: #ffffff; --co-ref-color-black: #000000; --co-ref-color-purple-25: #fbfafc; --co-ref-color-purple-50: #f7f4fb; --co-ref-color-purple-100: #eae3f2; --co-ref-color-purple-200: #d4c7e5; --co-ref-color-purple-300: #bfacd8; --co-ref-color-purple-400: #a990cb; --co-ref-color-purple-500: #9474be; --co-ref-color-purple-600: #765d98; --co-ref-color-purple-700: #594672; --co-ref-color-purple-800: #3b2e4c; --co-ref-color-purple-900: #1e1726; --co-ref-color-gray-cold-50: #fafafa; --co-ref-color-gray-cold-100: #f5f5f5; --co-ref-color-gray-cold-200: #e9eaeb; --co-ref-color-gray-cold-300: #d5d7da; --co-ref-color-gray-cold-400: #a4a7ae; --co-ref-color-gray-cold-500: #717680; --co-ref-color-gray-cold-600: #535862; --co-ref-color-gray-cold-700: #414651; --co-ref-color-gray-cold-800: #252b37; --co-ref-color-gray-cold-900: #181d27; --co-ref-color-beige-50: #ffffff; --co-ref-color-beige-100: #fefdfd; --co-ref-color-beige-200: #fdfbfa; --co-ref-color-beige-300: #fcfaf8; --co-ref-color-beige-400: #fbf8f5; --co-ref-color-beige-500: #faf6f3; --co-ref-color-beige-600: #f2ece8; --co-ref-color-beige-700: #c8c5c2; --co-ref-color-beige-800: #969492; --co-ref-color-beige-900: #323131; --co-ref-color-sand-50: #fbfaf9; --co-ref-color-sand-100: #f9f7f3; --co-ref-color-sand-200: #f3efe7; --co-ref-color-sand-300: #ece6dc; --co-ref-color-sand-400: #e6ded0; --co-ref-color-sand-500: #e0d6c4; --co-ref-color-sand-600: #b3ab9d; --co-ref-color-sand-700: #868076; --co-ref-color-sand-800: #5a564e; --co-ref-color-sand-900: #2d2b27; --co-ref-color-teal-50: #eff6f7; --co-ref-color-teal-100: #e0eef0; --co-ref-color-teal-200: #c1dde1; --co-ref-color-teal-300: #a2ccd2; --co-ref-color-teal-400: #83bbc3; --co-ref-color-teal-500: #64aab4; --co-ref-color-teal-600: #508890; --co-ref-color-teal-700: #3c666c; --co-ref-color-teal-800: #284448; --co-ref-color-teal-900: #142224; --co-ref-color-red-50: #fbf3f4; --co-ref-color-red-100: #f7e6e7; --co-ref-color-red-200: #efcdd0; --co-ref-color-red-300: #e7b4b8; --co-ref-color-red-400: #df9ba1; --co-ref-color-red-500: #d78289; --co-ref-color-red-600: #ac686e; --co-ref-color-red-700: #814e52; --co-ref-color-red-800: #563437; --co-ref-color-red-900: #2b1a1b; --co-ref-color-blue-50: #f4f4fb; --co-ref-color-blue-100: #dee0f6; --co-ref-color-blue-200: #bdc1ed; --co-ref-color-blue-300: #9ca1e3; --co-ref-color-blue-400: #7b82da; --co-ref-color-blue-500: #5a63d1; --co-ref-color-blue-600: #484fa7; --co-ref-color-blue-700: #363b7d; --co-ref-color-blue-800: #242854; --co-ref-color-blue-900: #12142a; --co-ref-color-green-50: #f6f9f6; --co-ref-color-green-100: #edf3ec; --co-ref-color-green-200: #dae7d9; --co-ref-color-green-300: #c8dbc7; --co-ref-color-green-400: #b5cfb4; --co-ref-color-green-500: #a3c3a1; --co-ref-color-green-600: #829c81; --co-ref-color-green-700: #627561; --co-ref-color-green-800: #414e40; --co-ref-color-green-900: #212720; --co-ref-color-orange-50: #fff5f0; --co-ref-color-orange-100: #ffe8db; --co-ref-color-orange-200: #ffd1b7; --co-ref-color-orange-300: #ffbb93; --co-ref-color-orange-400: #ffa46f; --co-ref-color-orange-500: #ff8d4b; --co-ref-color-orange-600: #cc713c; --co-ref-color-orange-700: #99552d; --co-ref-color-orange-800: #66381e; --co-ref-color-orange-900: #331c0f; --co-ref-color-gray-warm-50: #fffefd; --co-ref-color-gray-warm-100: #f9f8f7; --co-ref-color-gray-warm-200: #f3f1f0; --co-ref-color-gray-warm-300: #eceae8; --co-ref-color-gray-warm-400: #e6e3e1; --co-ref-color-gray-warm-500: #e0dcd9; --co-ref-color-gray-warm-600: #b3b0ae; --co-ref-color-gray-warm-700: #868482; --co-ref-color-gray-warm-800: #5a5857; --co-ref-color-gray-warm-900: #2d2c2b; --co-ref-color-gray-warm-200a75: rgb(243 241 240 / 0.75); --co-ref-color-gray-warm-800a55: rgb(90 88 87 / 0.55); --co-ref-color-red-bright-50: #fcf5f7; --co-ref-color-red-bright-100: #fad3dd; --co-ref-color-red-bright-200: #f4a7bb; --co-ref-color-red-bright-300: #ef7b98; --co-ref-color-red-bright-400: #e94f76; --co-ref-color-red-bright-500: #e42354; --co-ref-color-red-bright-600: #b61c43; --co-ref-color-red-bright-700: #891532; --co-ref-color-red-bright-800: #5b0e22; --co-ref-color-red-bright-900: #2e0711; --co-ref-color-sky-200: #c9e8fa; --co-ref-color-transparent: rgb(0 0 0 / 0); --co-ref-color-green-bright-300: #6fdb93; --co-ref-color-green-bright-500: #198754; --co-ref-typography-font-family-brand: Figtree; --co-ref-typography-font-weight-medium: 500; --co-ref-typography-font-weight-light: 300; --co-ref-typography-font-weight-regular: 400; --co-ref-typography-font-weight-semibold: 600; --co-ref-typography-font-weight-bold: 700; --co-ref-typography-font-weight-extrabold: 800; --co-ref-typography-font-weight-black: 900; --co-ref-typography-font-size-xs: 0.75rem; --co-ref-typography-font-size-sm: 0.875rem; --co-ref-typography-font-size-md: 1rem; --co-ref-typography-font-size-lg: 1.25rem; --co-ref-typography-font-size-xl: 1.5rem; --co-ref-typography-font-size-2xl: 2rem; --co-ref-typography-font-size-2xs: 0.625rem; --co-ref-typography-font-size-3xl: 2.25rem; --co-ref-typography-font-size-4xl: 2.5rem; --co-ref-typography-font-size-5xl: 3rem; --co-ref-typography-line-height-lg: 1.25rem; --co-ref-typography-line-height-xl: 1.5rem; --co-ref-typography-line-height-md: 1rem; --co-ref-typography-line-height-sm: 0.875rem; --co-ref-typography-line-height-2xl: 2rem; --co-ref-typography-line-height-3xl: 2.25rem; --co-ref-typography-line-height-4xl: 2.5rem; --co-ref-typography-line-height-5xl: 3rem; --co-ref-typography-line-height-xs: 0.75rem; --co-ref-typography-line-height-2xs: 0.625rem; --co-ref-typography-line-height-6xl: 3.5rem; --co-ref-typography-line-height-md2: 1.125rem; --co-ref-typography-line-height-lg2: 1.375rem; --co-sys-color-background-content: var(--co-ref-color-beige-600); --co-sys-color-background-default: var(--co-ref-color-beige-500); --co-sys-color-background-white: var(--co-ref-color-white); --co-sys-color-background-brand: var(--co-ref-color-purple-800); --co-sys-color-background-overlay-dark: var(--co-ref-color-gray-warm-800a55); --co-sys-color-background-overlay-light: var(--co-ref-color-gray-warm-200a75); --co-sys-color-surface-brand-default: var(--co-ref-color-purple-50); --co-sys-color-surface-brand-strong: var(--co-ref-color-purple-200); --co-sys-color-surface-error-default: var(--co-ref-color-red-bright-100); --co-sys-color-surface-error-strong: var(--co-ref-color-red-bright-200); --co-sys-color-surface-error-xstrong: var(--co-ref-color-red-bright-300); --co-sys-color-surface-warning-default: var(--co-ref-color-orange-100); --co-sys-color-surface-warning-strong: var(--co-ref-color-orange-200); --co-sys-color-surface-warning-xstrong: var(--co-ref-color-orange-300); --co-sys-color-surface-info-default: var(--co-ref-color-purple-100); --co-sys-color-surface-info-strong: var(--co-ref-color-purple-200); --co-sys-color-surface-info-xstrong: var(--co-ref-color-purple-300); --co-sys-color-surface-success-default: var(--co-ref-color-green-100); --co-sys-color-surface-success-strong: var(--co-ref-color-green-200); --co-sys-color-surface-success-xstrong: var(--co-ref-color-green-300); --co-sys-color-surface-neutral-default: var(--co-ref-color-gray-warm-100); --co-sys-color-surface-neutral-strong: var(--co-ref-color-gray-warm-200); --co-sys-color-surface-neutral-xstrong: var(--co-ref-color-gray-warm-300); --co-sys-color-surface-hcm-default: var(--co-ref-color-teal-100); --co-sys-color-surface-hcm-strong: var(--co-ref-color-teal-200); --co-sys-color-surface-engage-default: var(--co-ref-color-green-100); --co-sys-color-surface-engage-strong: var(--co-ref-color-green-200); --co-sys-color-surface-secondary-default: var(--co-ref-color-blue-50); --co-sys-color-surface-secondary-strong: var(--co-ref-color-blue-100); --co-sys-color-surface-secondary-xstrong: var(--co-ref-color-blue-200); --co-sys-color-border-brand-default: var(--co-ref-color-purple-700); --co-sys-color-border-brand-subtle: var(--co-ref-color-purple-400); --co-sys-color-border-brand-xstrong: var(--co-ref-color-purple-900); --co-sys-color-border-error-default: var(--co-ref-color-red-bright-500); --co-sys-color-border-error-subtle: var(--co-ref-color-red-bright-300); --co-sys-color-border-warning-default: var(--co-ref-color-orange-500); --co-sys-color-border-warning-subtle: var(--co-ref-color-orange-400); --co-sys-color-border-success-default: var(--co-ref-color-green-500); --co-sys-color-border-success-subtle: var(--co-ref-color-green-400); --co-sys-color-border-info-default: var(--co-ref-color-purple-500); --co-sys-color-border-info-subtle: var(--co-ref-color-purple-400); --co-sys-color-border-neutral-default: var(--co-ref-color-gray-warm-500); --co-sys-color-border-neutral-subtle: var(--co-ref-color-gray-warm-400); --co-sys-color-border-neutral-xsubtle: var(--co-ref-color-gray-warm-200); --co-sys-color-border-neutral-strong: var(--co-ref-color-gray-warm-600); --co-sys-color-border-hcm-default: var(--co-ref-color-teal-500); --co-sys-color-border-hcm-subtle: var(--co-ref-color-teal-400); --co-sys-color-border-engage-default: var(--co-ref-color-green-500); --co-sys-color-border-engage-subtle: var(--co-ref-color-green-400); --co-sys-color-border-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-border-destructive-subtle: var(--co-ref-color-red-bright-400); --co-sys-color-border-secondary-subtle: var(--co-ref-color-blue-200); --co-sys-color-border-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-border-focus-default: var(--co-ref-color-purple-700); --co-sys-color-border-focus-contrast: var(--co-ref-color-purple-100); --co-sys-color-border-structure-transparent: var(--co-ref-color-transparent); --co-sys-color-text-brand-default: var(--co-ref-color-purple-700); --co-sys-color-text-brand-contrast: var(--co-ref-color-white); --co-sys-color-text-brand-subtle: var(--co-ref-color-purple-600); --co-sys-color-text-brand-strong: var(--co-ref-color-purple-800); --co-sys-color-text-error-default: var(--co-ref-color-red-bright-700); --co-sys-color-text-warning-default: var(--co-ref-color-orange-800); --co-sys-color-text-success-default: var(--co-ref-color-green-800); --co-sys-color-text-success-subtle: var(--co-ref-color-green-600); --co-sys-color-text-info-default: var(--co-ref-color-purple-800); --co-sys-color-text-neutral-default: var(--co-ref-color-gray-warm-800); --co-sys-color-text-neutral-subtle: var(--co-ref-color-gray-warm-500); --co-sys-color-text-disabled-default: var(--co-ref-color-gray-warm-700); --co-sys-color-text-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-text-destructive-contrast: var(--co-ref-color-white); --co-sys-color-text-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-text-secondary-contrast: var(--co-ref-color-white); --co-sys-color-text-secondary-strong: var(--co-ref-color-blue-700); --co-sys-color-icon-brand-default: var(--co-ref-color-purple-700); --co-sys-color-icon-brand-contrast: var(--co-ref-color-white); --co-sys-color-icon-brand-subtle: var(--co-ref-color-purple-600); --co-sys-color-icon-brand-strong: var(--co-ref-color-purple-800); --co-sys-color-icon-brand-xsubtle: var(--co-ref-color-purple-400); --co-sys-color-icon-error-default: var(--co-ref-color-red-bright-700); --co-sys-color-icon-error-subtle: var(--co-ref-color-red-bright-400); --co-sys-color-icon-error-contrast: var(--co-ref-color-white); --co-sys-color-icon-warning-default: var(--co-ref-color-orange-800); --co-sys-color-icon-warning-subtle: var(--co-ref-color-orange-500); --co-sys-color-icon-warning-contrast: var(--co-ref-color-white); --co-sys-color-icon-success-default: var(--co-ref-color-green-800); --co-sys-color-icon-success-subtle: var(--co-ref-color-green-500); --co-sys-color-icon-success-contrast: var(--co-ref-color-white); --co-sys-color-icon-info-default: var(--co-ref-color-purple-800); --co-sys-color-icon-info-contrast: var(--co-ref-color-white); --co-sys-color-icon-disabled-default: var(--co-ref-color-gray-warm-700); --co-sys-color-icon-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-icon-destructive-contrast: var(--co-ref-color-white); --co-sys-color-icon-neutral-default: var(--co-ref-color-gray-warm-600); --co-sys-color-icon-neutral-strong: var(--co-ref-color-gray-warm-800); --co-sys-color-icon-neutral-contrast: var(--co-ref-color-white); --co-sys-color-icon-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-icon-secondary-subtle: var(--co-ref-color-blue-300); --co-sys-color-icon-secondary-contrast: var(--co-ref-color-white); --co-sys-color-icon-secondary-strong: var(--co-ref-color-blue-700); --co-sys-color-base-brand-default: var(--co-ref-color-purple-600); --co-sys-color-base-brand-strong: var(--co-ref-color-purple-700); --co-sys-color-base-brand-xstrong: var(--co-ref-color-purple-800); --co-sys-color-base-brand-2xsubtle: var(--co-ref-color-purple-50); --co-sys-color-base-brand-xsubtle: var(--co-ref-color-purple-100); --co-sys-color-base-brand-subtle: var(--co-ref-color-purple-300); --co-sys-color-base-destructive-default: var(--co-ref-color-red-bright-500); --co-sys-color-base-destructive-strong: var(--co-ref-color-red-bright-600); --co-sys-color-base-destructive-xstrong: var(--co-ref-color-red-bright-800); --co-sys-color-base-destructive-subtle: var(--co-ref-color-red-bright-100); --co-sys-color-base-destructive-xsubtle: var(--co-ref-color-red-bright-50); --co-sys-color-base-disabled-default: var(--co-ref-color-gray-warm-400); --co-sys-color-base-disabled-subtle: var(--co-ref-color-gray-warm-200); --co-sys-color-base-disabled-strong: var(--co-ref-color-gray-warm-500); --co-sys-color-base-hcm-subtle: var(--co-ref-color-teal-200); --co-sys-color-base-hcm-default: var(--co-ref-color-teal-400); --co-sys-color-base-hcm-strong: var(--co-ref-color-teal-600); --co-sys-color-base-engage-subtle: var(--co-ref-color-green-200); --co-sys-color-base-engage-default: var(--co-ref-color-green-400); --co-sys-color-base-engage-strong: var(--co-ref-color-green-600); --co-sys-color-base-neutral-xsubtle: var(--co-ref-color-gray-warm-200); --co-sys-color-base-neutral-subtle: var(--co-ref-color-gray-warm-400); --co-sys-color-base-neutral-default: var(--co-ref-color-gray-warm-500); --co-sys-color-base-secondary-default: var(--co-ref-color-blue-500); --co-sys-color-base-secondary-strong: var(--co-ref-color-blue-600); --co-sys-color-base-secondary-xstrong: var(--co-ref-color-blue-800); --co-sys-color-base-secondary-subtle: var(--co-ref-color-blue-200); --co-sys-color-base-secondary-xsubtle: var(--co-ref-color-blue-100); --co-sys-color-base-warning-default: var(--co-ref-color-orange-500); --co-sys-color-base-warning-strong: var(--co-ref-color-orange-600); --co-sys-color-base-warning-subtle: var(--co-ref-color-orange-300); --co-sys-color-base-success-default: var(--co-ref-color-green-700); --co-sys-color-base-success-subtle: var(--co-ref-color-green-600); --co-sys-color-base-error-subtle: var(--co-ref-color-red-bright-100); --co-sys-color-base-error-default: var(--co-ref-color-red-bright-500); --co-sys-color-base-error-xsubtle: var(--co-ref-color-red-bright-50); --co-sys-color-support-green-subtle: var(--co-ref-color-green-200); --co-sys-color-support-green-default: var(--co-ref-color-green-400); --co-sys-color-support-purple-subtle: var(--co-ref-color-purple-200); --co-sys-color-support-purple-default: var(--co-ref-color-purple-400); --co-sys-color-support-purple-xsubtle: var(--co-ref-color-purple-100); --co-sys-color-support-purple-strong: var(--co-ref-color-purple-500); --co-sys-color-support-purple-xstrong: var(--co-ref-color-purple-600); --co-sys-color-support-orange-subtle: var(--co-ref-color-orange-200); --co-sys-color-support-orange-default: var(--co-ref-color-orange-400); --co-sys-color-support-red-subtle: var(--co-ref-color-red-200); --co-sys-color-support-red-default: var(--co-ref-color-red-400); --co-sys-color-support-blue-subtle: var(--co-ref-color-blue-200); --co-sys-color-support-blue-default: var(--co-ref-color-blue-400); --co-sys-color-support-teal-subtle: var(--co-ref-color-teal-200); --co-sys-color-support-teal-default: var(--co-ref-color-teal-400); --co-sys-color-support-beige-subtle: var(--co-ref-color-beige-200); --co-sys-color-support-beige-default: var(--co-ref-color-beige-400); --co-sys-color-support-sand-subtle: var(--co-ref-color-sand-200); --co-sys-color-support-sand-default: var(--co-ref-color-sand-400); --co-sys-color-support-gray-cold-subtle: var(--co-ref-color-gray-cold-200); --co-sys-color-support-gray-cold-default: var(--co-ref-color-gray-cold-400); --co-sys-color-support-red-bright-subtle: var(--co-ref-color-red-bright-200); --co-sys-color-support-red-bright-default: var(--co-ref-color-red-bright-400); --co-sys-color-support-gray-warm-subtle: var(--co-ref-color-gray-warm-200); --co-sys-color-support-gray-warm-default: var(--co-ref-color-gray-warm-400); --co-sys-color-support-green-bright-default: var(--co-ref-color-green-bright-500); --co-sys-color-support-green-bright-subtle: var(--co-ref-color-green-bright-300); --co-sys-color-illustrations-beige-default: var(--co-ref-color-beige-600); --co-sys-color-illustrations-beige-strong: var(--co-ref-color-beige-700); --co-sys-color-illustrations-beige-subtle: var(--co-ref-color-beige-300); --co-sys-color-illustrations-green-default: var(--co-ref-color-green-400); --co-sys-color-illustrations-green-strong: var(--co-ref-color-green-500); --co-sys-color-illustrations-green-xstrong: var(--co-ref-color-green-800); --co-sys-color-illustrations-green-subtle: var(--co-ref-color-green-200); --co-sys-color-illustrations-orange-default: var(--co-ref-color-orange-400); --co-sys-color-illustrations-purple-subtle: var(--co-ref-color-purple-300); --co-sys-color-illustrations-purple-default: var(--co-ref-color-purple-500); --co-sys-color-illustrations-purple-xstrong: var(--co-ref-color-purple-800); --co-sys-color-illustrations-purple-xsubtle: var(--co-ref-color-purple-200); --co-sys-color-illustrations-purple-2xsubtle: var(--co-ref-color-purple-100); --co-sys-color-illustrations-sky-default: var(--co-ref-color-sky-200); --co-sys-color-illustrations-teal-subtle: var(--co-ref-color-teal-400); --co-sys-color-illustrations-teal-default: var(--co-ref-color-teal-500); --co-sys-color-illustrations-teal-strong: var(--co-ref-color-teal-700); --co-sys-color-illustrations-teal-xsubtle: var(--co-ref-color-teal-200); --co-sys-color-illustrations-teal-xstrong: var(--co-ref-color-teal-800); --co-sys-elevation-elevation1-color: rgb(0 0 0 / 0.1); --co-sys-elevation-elevation1-x: 0; --co-sys-elevation-elevation1-y: 0.0625rem; --co-sys-elevation-elevation1-blur: 0.125rem; --co-sys-elevation-elevation1-spread: 0; --co-sys-elevation-elevation2-color: rgb(0 0 0 / 0.12); --co-sys-elevation-elevation2-x: 0; --co-sys-elevation-elevation2-y: 0.125rem; --co-sys-elevation-elevation2-blur: 0.25rem; --co-sys-elevation-elevation2-spread: 0; --co-sys-elevation-elevation3-color: rgb(0 0 0 / 0.14); --co-sys-elevation-elevation3-x: 0; --co-sys-elevation-elevation3-y: 0.25rem; --co-sys-elevation-elevation3-blur: 0.5rem; --co-sys-elevation-elevation3-spread: 0; --co-sys-elevation-elevation4-color: rgb(0 0 0 / 0.16); --co-sys-elevation-elevation4-x: 0; --co-sys-elevation-elevation4-y: 0.5rem; --co-sys-elevation-elevation4-blur: 1rem; --co-sys-elevation-elevation4-spread: 0; --co-sys-elevation-elevation5-color: rgb(0 0 0 / 0.18); --co-sys-elevation-elevation5-x: 0; --co-sys-elevation-elevation5-y: 0.75rem; --co-sys-elevation-elevation5-blur: 1.5rem; --co-sys-elevation-elevation5-spread: 0; --co-sys-typography-heading-h1-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-heading-h1-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-heading-h1-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-heading-h1-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-heading-h2-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-heading-h2-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-heading-h2-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-heading-h2-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-heading-h3-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-heading-h3-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-heading-h3-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-heading-h3-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-md-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-md-regular-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-regular-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-md-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-md-medium-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-medium-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-md-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-md-semibold-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-semibold-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-md-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-md-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-md-bold-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-body-md-bold-line-height: var(--co-ref-typography-line-height-xl); --co-sys-typography-body-sm-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-sm-regular-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-regular-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-sm-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-sm-medium-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-medium-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-sm-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-sm-semibold-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-semibold-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-sm-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-sm-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-sm-bold-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-body-sm-bold-line-height: var(--co-ref-typography-line-height-lg); --co-sys-typography-body-xs-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-xs-regular-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-regular-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-xs-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-xs-medium-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-medium-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-xs-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-xs-semibold-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-semibold-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-xs-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xs-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-xs-bold-font-size: var(--co-ref-typography-font-size-xs); --co-sys-typography-body-xs-bold-line-height: var(--co-ref-typography-line-height-md); --co-sys-typography-body-2xs-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-2xs-regular-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-regular-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-2xs-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-2xs-medium-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-medium-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-2xs-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-2xs-semibold-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-semibold-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-2xs-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-2xs-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-2xs-bold-font-size: var(--co-ref-typography-font-size-2xs); --co-sys-typography-body-2xs-bold-line-height: var(--co-ref-typography-line-height-sm); --co-sys-typography-body-lg-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-lg-regular-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-regular-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-lg-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-lg-medium-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-medium-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-lg-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-lg-semibold-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-semibold-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-lg-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-lg-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-lg-bold-font-size: var(--co-ref-typography-font-size-lg); --co-sys-typography-body-lg-bold-line-height: var(--co-ref-typography-line-height-2xl); --co-sys-typography-body-xl-regular-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-regular-font-weight: var(--co-ref-typography-font-weight-regular); --co-sys-typography-body-xl-regular-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-regular-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-body-xl-medium-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-medium-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-body-xl-medium-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-medium-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-body-xl-semibold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-semibold-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-body-xl-semibold-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-semibold-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-body-xl-bold-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-body-xl-bold-font-weight: var(--co-ref-typography-font-weight-bold); --co-sys-typography-body-xl-bold-font-size: var(--co-ref-typography-font-size-xl); --co-sys-typography-body-xl-bold-line-height: var(--co-ref-typography-line-height-3xl); --co-sys-typography-title-lg-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-title-lg-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-title-lg-font-size: var(--co-ref-typography-font-size-5xl); --co-sys-typography-title-lg-line-height: var(--co-ref-typography-line-height-6xl); --co-sys-typography-title-md-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-title-md-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-title-md-font-size: var(--co-ref-typography-font-size-4xl); --co-sys-typography-title-md-line-height: var(--co-ref-typography-line-height-5xl); --co-sys-typography-title-sm-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-title-sm-font-weight: var(--co-ref-typography-font-weight-semibold); --co-sys-typography-title-sm-font-size: var(--co-ref-typography-font-size-3xl); --co-sys-typography-title-sm-line-height: var(--co-ref-typography-line-height-4xl); --co-sys-typography-component-button-md-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-component-button-md-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-component-button-md-font-size: var(--co-ref-typography-font-size-md); --co-sys-typography-component-button-md-line-height: var(--co-ref-typography-line-height-lg2); --co-sys-typography-component-button-sm-font-family: var(--co-ref-typography-font-family-brand); --co-sys-typography-component-button-sm-font-weight: var(--co-ref-typography-font-weight-medium); --co-sys-typography-component-button-sm-font-size: var(--co-ref-typography-font-size-sm); --co-sys-typography-component-button-sm-line-height: var(--co-ref-typography-line-height-md2); --co-sys-size-sm: 1rem; --co-sys-size-md: 1.25rem; --co-sys-size-lg: 1.5rem; --co-sys-size-xl: 2rem; --co-sys-size-xs: 0.75rem; --co-sys-size-2xl: 2.5rem; --co-sys-size-3xl: 3rem; --co-sys-size-4xl: 3.5rem; --co-sys-size-5xl: 4rem; --co-sys-size-7xl: 6rem; --co-sys-size-8xl: 8rem; --co-sys-size-9xl: 16rem; --co-sys-size-6xl: 4.5rem; --co-sys-size-md2: 1.375rem; --co-sys-size-sm2: 1.125rem; --co-sys-spacing-none: 0; --co-sys-spacing-2xs: 0.125rem; --co-sys-spacing-xs: 0.25rem; --co-sys-spacing-sm: 0.375rem; --co-sys-spacing-md: 0.5rem; --co-sys-spacing-lg: 0.75rem; --co-sys-spacing-xl: 1rem; --co-sys-spacing-2xl: 1.5rem; --co-sys-spacing-5xl: 3rem; --co-sys-spacing-3xl: 2rem; --co-sys-spacing-4xl: 2.5rem; --co-sys-spacing-6xl: 3.5rem; --co-sys-spacing-7xl: 4rem; --co-sys-spacing-8xl: 4.5rem; --co-sys-spacing-brand: var(--co-ref-color-purple-800); --co-sys-spacing-9xl: 5rem; --co-sys-spacing-10xl: 6rem; --co-sys-spacing-11xl: 6.5rem; --co-sys-spacing-12xl: 8rem; --co-sys-border-radius-2xs: 0.125rem; --co-sys-border-radius-xs: 0.25rem; --co-sys-border-radius-sm: 0.375rem; --co-sys-border-radius-md: 0.5rem; --co-sys-border-radius-lg: 0.75rem; --co-sys-border-radius-xl: 1rem; --co-sys-border-radius-2xl: 1.25rem; --co-sys-border-radius-pill: 624.9375rem; --co-sys-border-radius-3xl: 1.5rem; --co-sys-border-radius-4xl: 2rem; --co-sys-border-radius-5xl: 2.5rem; --co-sys-border-radius-none: 0; --co-sys-border-width-none: 0; --co-sys-border-width-normal: 0.0625rem; --co-sys-border-width-thick: 0.125rem; --co-mui-primary-contrast: var(--co-ref-color-white); --co-mui-primary-light: var(--co-ref-color-purple-100); --co-mui-primary-dark: var(--co-ref-color-purple-700); --co-mui-primary-main: var(--co-ref-color-purple-600); --co-mui-secondary-light: var(--co-ref-color-blue-200); --co-mui-secondary-contrast: var(--co-ref-color-white); --co-mui-secondary-dark: var(--co-ref-color-blue-600); --co-mui-secondary-main: var(--co-ref-color-blue-500); --co-mui-error-contrast: var(--co-ref-color-white); --co-mui-error-light: var(--co-ref-color-red-bright-100); --co-mui-error-dark: var(--co-ref-color-red-bright-800); --co-mui-error-main: var(--co-ref-color-red-bright-500); --co-mui-warning-contrast: var(--co-ref-color-white); --co-mui-warning-light: var(--co-ref-color-orange-100); --co-mui-warning-dark: var(--co-ref-color-orange-800); --co-mui-warning-main: var(--co-ref-color-orange-500); --co-mui-info-contrast: var(--co-ref-color-white); --co-mui-info-light: var(--co-ref-color-purple-100); --co-mui-info-dark: var(--co-ref-color-purple-800); --co-mui-info-main: var(--co-ref-color-purple-500); --co-mui-success-light: var(--co-ref-color-green-100); --co-mui-success-main: var(--co-ref-color-green-500); --co-mui-success-dark: var(--co-ref-color-green-800); --co-mui-success-contrast: var(--co-ref-color-white); --co-mui-text-disabled: var(--co-ref-color-gray-warm-700); --co-mui-text-secondary: var(--co-ref-color-purple-700); --co-mui-text-primary: var(--co-ref-color-purple-800); } [data-theme="light-blue"] { --co-ref-color-white: #ffffff; --co-ref-color-black: #000000; --co-ref-color-purple-25: #fbfafc; --co-ref-color-purple-50: #f7f4fb; --co-ref-color-purple-100: #eae3f2; --co-ref-color-purple-200: #d4c7e5; --co-ref-color-purple-300: #bfacd8; --co-ref-color-purple-400: #a990cb; --co-ref-color-purple-500: #9474be; --co-ref-color-purple-600: #765d98; --co-ref-color-purple-700: #594672; --co-ref-color-purple-800: #3b2e4c; --co-ref-color-purple-900: #1e1726; --co-ref-color-gray-cold-50: #fafafa; --co-ref-color-gray-cold-100: #f5f5f5; --co-ref-color-gray-cold-200: #e9eaeb; --co-ref-color-gray-cold-300: #d5d7da; --co-ref-color-gray-cold-400: #a4a7ae; --co-ref-color-gray-cold-500: #717680; --co-ref-color-gray-cold-600: #535862; --co-ref-color-gray-cold-700: #414651; --co-ref-color-gray-cold-800: #252b37; --co-ref-color-gray-cold-900: #181d27; --co-ref-color-beige-50: #ffffff; --co-ref-color-beige-100: #fefdfd; --co-ref-color-beige-200: #fdfbfa; --co-ref-color-beige-300: #fcfaf8; --co-ref-color-beige-400: #fbf8f5; --co-ref-color-beige-500: #faf6f3; --co-ref-color-beige-600: #f2ece8; --co-ref-color-beige-700: #c8c5c2; --co-ref-color-beige-800: #969492; --co-ref-color-beige-900: #323131; --co-ref-color-sand-50: #fbfaf9; --co-ref-color-sand-100: #f9f7f3; --co-ref-color-sand-200: #f3efe7; --co-ref-color-sand-300: #ece6dc; --co-ref-color-sand-400: #e6ded0; --co-ref-color-sand-500: #e0d6c4; --co-ref-color-sand-600: #b3ab9d; --co-ref-color-sand-700: #868076; --co-ref-color-sand-800: #5a564e; --co-ref-color-sand-900: #2d2b27; --co-ref-color-teal-50: #eff6f7; --co-ref-color-teal-100: #e0eef0; --co-ref-color-teal-200: #c1dde1; --co-ref-color-teal-300: #a2ccd2; --co-ref-color-teal-400: #83bbc3; --co-ref-color-teal-500: #64aab4; --co-ref-color-teal-600: #508890; --co-ref-color-teal-700: #3c666c; --co-ref-color-teal-800: #284448; --co-ref-color-teal-900: #142224; --co-ref-color-red-50: #fbf3f4; --co-ref-color-red-100: #f7e6e7; --co-ref-color-red-200: #efcdd0; --co-ref-color-red-300: #e7b4b8; --co-ref-color-red-400: #df9ba1; --co-ref-color-red-500: #d78289; --co-ref-color-red-600: #ac686e; --co-ref-color-red-700: #814e52; --co-ref-color-red-800: #563437; --co-ref-color-red-900: #2b1a1b; --co-ref-color-blue-50: #f4f4fb; --co-ref-color-blue-100: #dee0f6; --co-ref-color-blue-200: #bdc1ed; --co-ref-color-blue-300: #9ca1e3; --co-ref-color-blue-400: #7b82da; --co-ref-color-blue-500: #5a63d1; --co-ref-color-blue-600: #484fa7; --co-ref-color-blue-700: #363b7d; --co-ref-color-blue-800: #242854; --co-ref-color-blue-900: #12142a; --co-ref-color-green-50: #f6f9f6; --co-ref-color-green-100: #edf3ec; --co-ref-color-green-200: #dae7d9; --co-ref-color-green-300: #c8dbc7; --co-ref-color-green-400: #b5cfb4; --co-ref-color-green-500: #a3c3a1; --co-ref-color-green-600: #829c81; --co-ref-color-green-700: #627561; --co-ref-color-green-800: #414e40; --co-ref-color-green-900: #212720; --co-ref-color-orange-50: #fff5f0; --co-ref-color-orange-100: #ffe8db; --co-ref-color-orange-200: #ffd1b7; --co-ref-color-orange-300: #ffbb93; --co-ref-color-orange-400: #ffa46f; --co-ref-color-orange-500: #ff8d4b; --co-ref-color-orange-600: #cc713c; --co-ref-color-orange-700: #99552d; --co-ref-color-orange-800: #66381e; --co-ref-color-orange-900: #331c0f; --co-ref-color-gray-warm-50: #fffefd; --co-ref-color-gray-warm-100: #f9f8f7; --co-ref-color-gray-warm-200: #f3f1f0; --co-ref-color-gray-warm-300: #eceae8; --co-ref-color-gray-warm-400: #e6e3e1; --co-ref-color-gray-warm-500: #e0dcd9; --co-ref-color-gray-warm-600: #b3b0ae; --co-ref-color-gray-warm-700: #868482; --co-ref-color-gray-warm-800: #5a5857; --co-ref-color-gray-warm-900: #2d2c2b; --co-ref-color-gray-warm-200a75: #f3f1f0bf; --co-ref-color-gray-warm-800a55: #5a58578c; --co-ref-color-red-bright-50: #fcf5f7; --co-ref-color-red-bright-100: #fad3dd; --co-ref-color-red-bright-200: #f4a7bb; --co-ref-color-red-bright-300: #ef7b98; --co-ref-color-red-bright-400: #e94f76; --co-ref-color-red-bright-500: #e42354; --co-ref-color-red-bright-600: #b61c43; --co-ref-color-red-bright-700: #891532; --co-ref-color-red-bright-800: #5b0e22; --co-ref-color-red-bright-900: #2e0711; --co-ref-color-sky-200: #c9e8fa; --co-ref-color-transparent: #00000000; --co-ref-color-green-bright-300: #6fdb93; --co-ref-color-green-bright-500: #198754; --co-ref-typography-font-family-brand: CatalystOne Sans Next; --co-ref-typography-font-weight-medium: 500; --co-ref-typography-font-weight-light: 300; --co-ref-typography-font-weight-regular: 400; --co-ref-typography-font-weight-semibold: 600; --co-ref-typography-font-weight-bold: 700; --co-ref-typography-font-weight-extrabold: 800; --co-ref-typography-font-weight-black: 900; --co-ref-typography-font-size-xs: 12px; --co-ref-typography-font-size-sm: 14px; --co-ref-typography-font-size-md: 16px; --co-ref-typography-font-size-lg: 20px; --co-ref-typography-font-size-xl: 24px; --co-ref-typography-font-size-2xl: 32px; --co-ref-typography-font-size-2xs: 10px; --co-ref-typography-font-size-3xl: 36px; --co-ref-typography-font-size-4xl: 40px; --co-ref-typography-font-size-5xl: 48px; --co-ref-typography-line-height-lg: 20px; --co-ref-typography-line-height-xl: 24px; --co-ref-typography-line-height-md: 16px; --co-ref-typography-line-height-sm: 14px; --co-ref-typography-line-height-2xl: 32px; --co-ref-typography-line-height-3xl: 36px; --co-ref-typography-line-height-4xl: 40px; --co-ref-typography-line-height-5xl: 48px; --co-ref-typography-line-height-xs: 12px; --co-ref-typography-line-height-2xs: 10px; --co-ref-typography-line-height-6xl: 56px; --co-ref-typography-line-height-md2: 18px; --co-ref-typography-line-height-lg2: 22px; --co-sys-color-background-content: #f2ece8; --co-sys-color-background-default: #ffffff; --co-sys-color-background-white: #ffffff; --co-sys-color-background-brand: #0081a3; --co-sys-color-background-overlay-dark: #22222280; --co-sys-color-background-overlay-light: #22222280; --co-sys-color-surface-brand-default: #edf9fc; --co-sys-color-surface-brand-strong: #0081a3; --co-sys-color-surface-error-default: #fdeff1; --co-sys-color-surface-error-strong: #ff9eaa; --co-sys-color-surface-error-xstrong: #e42354; --co-sys-color-surface-warning-default: #fde4ba; --co-sys-color-surface-warning-strong: #fefbda; --co-sys-color-surface-warning-xstrong: #f9a61a; --co-sys-color-surface-info-default: #edf9fc; --co-sys-color-surface-info-strong: #0081a3; --co-sys-color-surface-info-xstrong: #005f78; --co-sys-color-surface-success-default: #e7f8ea; --co-sys-color-surface-success-strong: #008948; --co-sys-color-surface-success-xstrong: #006d50; --co-sys-color-surface-neutral-default: #f5f5f5; --co-sys-color-surface-neutral-strong: #eeeeee; --co-sys-color-surface-neutral-xstrong: #e0e0e0; --co-sys-color-surface-hcm-default: #e0eef0; --co-sys-color-surface-hcm-strong: #c1dde1; --co-sys-color-surface-engage-default: #edf3ec; --co-sys-color-surface-engage-strong: #dae7d9; --co-sys-color-surface-secondary-default: #f9eefd; --co-sys-color-surface-secondary-strong: #a02dc6; --co-sys-color-surface-secondary-xstrong: #a02dc6; --co-sys-color-border-brand-default: #0081a380; --co-sys-color-border-brand-subtle: #0081a34d; --co-sys-color-border-brand-xstrong: #0081a380; --co-sys-color-border-error-default: #e4235480; --co-sys-color-border-error-subtle: #e423544d; --co-sys-color-border-warning-default: #f9a61a80; --co-sys-color-border-warning-subtle: #f9a61a4d; --co-sys-color-border-success-default: #00894880; --co-sys-color-border-success-subtle: #0089484d; --co-sys-color-border-info-default: #0081a380; --co-sys-color-border-info-subtle: #0081a34d; --co-sys-color-border-neutral-default: #2222223b; --co-sys-color-border-neutral-subtle: #22222261; --co-sys-color-border-neutral-xsubtle: #2222221f; --co-sys-color-border-neutral-strong: #2222228f; --co-sys-color-border-hcm-default: #64aab4; --co-sys-color-border-hcm-subtle: #83bbc3; --co-sys-color-border-engage-default: #a3c3a1; --co-sys-color-border-engage-subtle: #b5cfb4; --co-sys-color-border-destructive-default: #e4235480; --co-sys-color-border-destructive-subtle: #e423544d; --co-sys-color-border-secondary-subtle: #a02dc64d; --co-sys-color-border-secondary-default: #a02dc680; --co-sys-color-border-focus-default: #222222; --co-sys-color-border-focus-contrast: #3bb1d0; --co-sys-color-border-structure-transparent: #00000000; --co-sys-color-text-brand-default: #005f78; --co-sys-color-text-brand-contrast: #ffffff; --co-sys-color-text-brand-subtle: #0081a3; --co-sys-color-text-brand-strong: #222222; --co-sys-color-text-error-default: #a1195b; --co-sys-color-text-warning-default: #9e5908; --co-sys-color-text-success-default: #006d50; --co-sys-color-text-success-subtle: #008948; --co-sys-color-text-info-default: #005f78; --co-sys-color-text-neutral-default: #222222bf; --co-sys-color-text-neutral-subtle: #22222273; --co-sys-color-text-disabled-default: #22222273; --co-sys-color-text-destructive-default: #a1195b; --co-sys-color-text-destructive-contrast: #ffffff; --co-sys-color-text-secondary-default: #a02dc6; --co-sys-color-text-secondary-contrast: #ffffff; --co-sys-color-text-secondary-strong: #6b1c85; --co-sys-color-icon-brand-default: #005f78; --co-sys-color-icon-brand-contrast: #ffffff; --co-sys-color-icon-brand-subtle: #0081a3; --co-sys-color-icon-brand-strong: #005f78; --co-sys-color-icon-brand-xsubtle: #3bb1d0; --co-sys-color-icon-error-default: #a1195b; --co-sys-color-icon-error-subtle: #ff9eaa; --co-sys-color-icon-error-contrast: #ffffff; --co-sys-color-icon-warning-default: #9e5908; --co-sys-color-icon-warning-subtle: #f9a61a; --co-sys-color-icon-warning-contrast: #ffffff; --co-sys-color-icon-success-default: #006d50; --co-sys-color-icon-success-subtle: #7ac08a; --co-sys-color-icon-success-contrast: #ffffff; --co-sys-color-icon-info-default: #005f78; --co-sys-color-icon-info-contrast: #ffffff; --co-sys-color-icon-disabled-default: #22222273; --co-sys-color-icon-destructive-default: #a1195b; --co-sys-color-icon-destructive-contrast: #ffffff; --co-sys-color-icon-neutral-default: #22222273; --co-sys-color-icon-neutral-strong: #222222bf; --co-sys-color-icon-neutral-contrast: #ffffff; --co-sys-color-icon-secondary-default: #a02dc6; --co-sys-color-icon-secondary-subtle: #d97df7; --co-sys-color-icon-secondary-contrast: #ffffff; --co-sys-color-icon-secondary-strong: #6b1c85; --co-sys-color-base-brand-default: #0081a3; --co-sys-color-base-brand-strong: #005f78; --co-sys-color-base-brand-xstrong: #005f78; --co-sys-color-base-brand-2xsubtle: #005f780a; --co-sys-color-base-brand-xsubtle: #005f7814; --co-sys-color-base-brand-subtle: #3bb1d0; --co-sys-color-base-destructive-default: #e42354; --co-sys-color-base-destructive-strong: #a1195b; --co-sys-color-base-destructive-xstrong: #a1195b; --co-sys-color-base-destructive-subtle: #ff9eaa; --co-sys-color-base-destructive-xsubtle: #e4235414; --co-sys-color-base-disabled-default: #2222221f; --co-sys-color-base-disabled-subtle: #2222221f; --co-sys-color-base-disabled-strong: #2222221f; --co-sys-color-base-hcm-subtle: #c1dde1; --co-sys-color-base-hcm-default: #83bbc3; --co-sys-color-base-hcm-strong: #508890; --co-sys-color-base-engage-subtle: #dae7d9; --co-sys-color-base-engage-default: #b5cfb4; --co-sys-color-base-engage-strong: #829c81; --co-sys-color-base-neutral-xsubtle: #22222217; --co-sys-color-base-neutral-subtle: #22222273; --co-sys-color-base-neutral-default: #22222273; --co-sys-color-base-secondary-default: #a02dc6; --co-sys-color-base-secondary-strong: #6b1c85; --co-sys-color-base-secondary-xstrong: #6b1c85; --co-sys-color-base-secondary-subtle: #a02dc614; --co-sys-color-base-secondary-xsubtle: #a02dc60a; --co-sys-color-base-warning-default: #f9a61a; --co-sys-color-base-warning-strong: #9e5908; --co-sys-color-base-warning-subtle: #ffe99a; --co-sys-color-base-success-default: #008948; --co-sys-color-base-success-subtle: #7ac08a; --co-sys-color-base-error-subtle: #fad3dd; --co-sys-color-base-error-default: #e42354; --co-sys-color-base-error-xsubtle: #fcf5f7; --co-sys-color-support-green-subtle: #dae7d9; --co-sys-color-support-green-default: #b5cfb4; --co-sys-color-support-purple-subtle: #0081a380; --co-sys-color-support-purple-default: #3bb1d0; --co-sys-color-support-purple-xsubtle: #0081a31f; --co-sys-color-support-purple-strong: #0081a3; --co-sys-color-support-purple-xstrong: #005f78; --co-sys-color-support-orange-subtle: #ffd1b7; --co-sys-color-support-orange-default: #ffa46f; --co-sys-color-support-red-subtle: #efcdd0; --co-sys-color-support-red-default: #df9ba1; --co-sys-color-support-blue-subtle: #bdc1ed; --co-sys-color-support-blue-default: #7b82da; --co-sys-color-support-teal-subtle: #c1dde1; --co-sys-color-support-teal-default: #83bbc3; --co-sys-color-support-beige-subtle: #fdfbfa; --co-sys-color-support-beige-default: #fbf8f5; --co-sys-color-support-sand-subtle: #f3efe7; --co-sys-color-support-sand-default: #e6ded0; --co-sys-color-support-gray-cold-subtle: #e9eaeb; --co-sys-color-support-gray-cold-default: #a4a7ae; --co-sys-color-support-red-bright-subtle: #f4a7bb; --co-sys-color-support-red-bright-default: #e94f76; --co-sys-color-support-gray-warm-subtle: #f3f1f0; --co-sys-color-support-gray-warm-default: #e6e3e1; --co-sys-color-support-green-bright-default: #198754; --co-sys-color-support-green-bright-subtle: #6fdb93; --co-sys-color-illustrations-beige-default: #f2ece8; --co-sys-color-illustrations-beige-strong: #c8c5c2; --co-sys-color-illustrations-beige-subtle: #fcfaf8; --co-sys-color-illustrations-green-default: #b5cfb4; --co-sys-color-illustrations-green-strong: #a3c3a1; --co-sys-color-illustrations-green-xstrong: #414e40; --co-sys-color-illustrations-green-subtle: #dae7d9; --co-sys-color-illustrations-orange-default: #ffa46f; --co-sys-color-illustrations-purple-subtle: #bfacd8; --co-sys-color-illustrations-purple-default: #9474be; --co-sys-color-illustrations-purple-xstrong: #3b2e4c; --co-sys-color-illustrations-purple-xsubtle: #d4c7e5; --co-sys-color-illustrations-purple-2xsubtle: #eae3f2; --co-sys-color-illustrations-sky-default: #c9e8fa; --co-sys-color-illustrations-teal-subtle: #83bbc3; --co-sys-color-illustrations-teal-default: #64aab4; --co-sys-color-illustrations-teal-strong: #3c666c; --co-sys-color-illustrations-teal-xsubtle: #c1dde1; --co-sys-color-illustrations-teal-xstrong: #284448; --co-sys-elevation-elevation1-color: #0000001a; --co-sys-elevation-elevation1-x: 0px; --co-sys-elevation-elevation1-y: 1px; --co-sys-elevation-elevation1-blur: 2px; --co-sys-elevation-elevation1-spread: 0px; --co-sys-elevation-elevation2-color: #0000001f; --co-sys-elevation-elevation2-x: 0px; --co-sys-elevation-elevation2-y: 2px; --co-sys-elevation-elevation2-blur: 4px; --co-sys-elevation-elevation2-spread: 0px; --co-sys-elevation-elevation3-color: #00000024; --co-sys-elevation-elevation3-x: 0px; --co-sys-elevation-elevation3-y: 4px; --co-sys-elevation-elevation3-blur: 8px; --co-sys-elevation-elevation3-spread: 0px; --co-sys-elevation-elevation4-color: #00000029; --co-sys-elevation-elevation4-x: 0px; --co-sys-elevation-elevation4-y: 8px; --co-sys-elevation-elevation4-blur: 16px; --co-sys-elevation-elevation4-spread: 0px; --co-sys-elevation-elevation5-color: #0000002e; --co-sys-elevation-elevation5-x: 0px; --co-sys-elevation-elevation5-y: 12px; --co-sys-elevation-elevation5-blur: 24px; --co-sys-elevation-elevation5-spread: 0px; --co-sys-typography-heading-h1-font-family: CatalystOne Sans Next; --co-sys-typography-heading-h1-font-weight: 500; --co-sys-typography-heading-h1-font-size: 24px; --co-sys-typography-heading-h1-line-height: 32px; --co-sys-typography-heading-h2-font-family: CatalystOne Sans Next; --co-sys-typography-heading-h2-font-weight: 500; --co-sys-typography-heading-h2-font-size: 20px; --co-sys-typography-heading-h2-line-height: 24px; --co-sys-typography-heading-h3-font-family: CatalystOne Sans Next; --co-sys-typography-heading-h3-font-weight: 500; --co-sys-typography-heading-h3-font-size: 16px; --co-sys-typography-heading-h3-line-height: 20px; --co-sys-typography-body-md-regular-font-family: CatalystOne Sans Next; --co-sys-typography-body-md-regular-font-weight: 400; --co-sys-typography-body-md-regular-font-size: 16px; --co-sys-typography-body-md-regular-line-height: 24px; --co-sys-typography-body-md-medium-font-family: CatalystOne Sans Next; --co-sys-typography-body-md-medium-font-weight: 500; --co-sys-typography-body-md-medium-font-size: 16px; --co-sys-typography-body-md-medium-line-height: 24px; --co-sys-typography-body-md-semibold-font-family: CatalystOne Sans Next; --co-sys-typography-body-md-semibold-font-weight: 600; --co-sys-typography-body-md-semibold-font-size: 16px; --co-sys-typography-body-md-semibold-line-height: 24px; --co-sys-typography-body-md-bold-font-family: CatalystOne Sans Next; --co-sys-typography-body-md-bold-font-weight: 700; --co-sys-typography-body-md-bold-font-size: 16px; --co-sys-typography-body-md-bold-line-height: 24px; --co-sys-typography-body-sm-regular-font-family: CatalystOne Sans Next; --co-sys-typography-body-sm-regular-font-weight: 400; --co-sys-typography-body-sm-regular-font-size: 14px; --co-sys-typography-body-sm-regular-line-height: 20px; --co-sys-typography-body-sm-medium-font-family: CatalystOne Sans Next; --co-sys-typography-body-sm-medium-font-weight: 500; --co-sys-typography-body-sm-medium-font-size: 14px; --co-sys-typography-body-sm-medium-line-height: 20px; --co-sys-typography-body-sm-semibold-font-family: CatalystOne Sans Next; --co-sys-typography-body-sm-semibold-font-weight: 600; --co-sys-typography-body-sm-semibold-font-size: 14px; --co-sys-typography-body-sm-semibold-line-height: 20px; --co-sys-typography-body-sm-bold-font-family: CatalystOne Sans Next; --co-sys-typography-body-sm-bold-font-weight: 700; --co-sys-typography-body-sm-bold-font-size: 14px; --co-sys-typography-body-sm-bold-line-height: 20px; --co-sys-typography-body-xs-regular-font-family: CatalystOne Sans Next; --co-sys-typography-body-xs-regular-font-weight: 400; --co-sys-typography-body-xs-regular-font-size: 12px; --co-sys-typography-body-xs-regular-line-height: 16px; --co-sys-typography-body-xs-medium-font-family: CatalystOne Sans Next; --co-sys-typography-body-xs-medium-font-weight: 500; --co-sys-typography-body-xs-medium-font-size: 12px; --co-sys-typography-body-xs-medium-line-height: 16px; --co-sys-typography-body-xs-semibold-font-family: CatalystOne Sans Next; --co-sys-typography-body-xs-semibold-font-weight: 600; --co-sys-typography-body-xs-semibold-font-size: 12px; --co-sys-typography-body-xs-semibold-line-height: 16px; --co-sys-typography-body-xs-bold-font-family: CatalystOne Sans Next; --co-sys-typography-body-xs-bold-font-weight: 700; --co-sys-typography-body-xs-bold-font-size: 12px; --co-sys-typography-body-xs-bold-line-height: 16px; --co-sys-typography-body-2xs-regular-font-family: CatalystOne Sans Next; --co-sys-typography-body-2xs-regular-font-weight: 400; --co-sys-typography-body-2xs-regular-font-size: 10px; --co-sys-typography-body-2xs-regular-line-height: 14px; --co-sys-typography-body-2xs-medium-font-family: CatalystOne Sans Next; --co-sys-typography-body-2xs-medium-font-weight: 500; --co-sys-typography-body-2xs-medium-font-size: 10px; --co-sys-typography-body-2xs-medium-line-height: 14px; --co-sys-typography-body-2xs-semibold-font-family: CatalystOne Sans Next; --co-sys-typography-body-2xs-semibold-font-weight: 600; --co-sys-typography-body-2xs-semibold-font-size: 10px; --co-sys-typography-body-2xs-semibold-line-height: 14px; --co-sys-typography-body-2xs-bold-font-family: CatalystOne Sans Next; --co-sys-typography-body-2xs-bold-font-weight: 700; --co-sys-typography-body-2xs-bold-font-size: 10px; --co-sys-typography-body-2xs-bold-line-height: 14px; --co-sys-typography-body-lg-regular-font-family: CatalystOne Sans Next; --co-sys-typography-body-lg-regular-font-weight: 400; --co-sys-typography-body-lg-regular-font-size: 20px; --co-sys-typography-body-lg-regular-line-height: 32px; --co-sys-typography-body-lg-medium-font-family: CatalystOne Sans Next; --co-sys-typography-body-lg-medium-font-weight: 500; --co-sys-typography-body-lg-medium-font-size: 20px; --co-sys-typography-body-lg-medium-line-height: 32px; --co-sys-typography-body-lg-semibold-font-family: CatalystOne Sans Next; --co-sys-typography-body-lg-semibold-font-weight: 600; --co-sys-typography-body-lg-semibold-font-size: 20px; --co-sys-typography-body-lg-semibold-line-height: 32px; --co-sys-typography-body-lg-bold-font-family: CatalystOne Sans Next; --co-sys-typography-body-lg-bold-font-weight: 700; --co-sys-typography-body-lg-bold-font-size: 20px; --co-sys-typography-body-lg-bold-line-height: 32px; --co-sys-typography-body-xl-regular-font-family: CatalystOne Sans Next; --co-sys-typography-body-xl-regular-font-weight: 400; --co-sys-typography-body-xl-regular-font-size: 24px; --co-sys-typography-body-xl-regular-line-height: 36px; --co-sys-typography-body-xl-medium-font-family: CatalystOne Sans Next; --co-sys-typography-body-xl-medium-font-weight: 500; --co-sys-typography-body-xl-medium-font-size: 24px; --co-sys-typography-body-xl-medium-line-height: 36px; --co-sys-typography-body-xl-semibold-font-family: CatalystOne Sans Next; --co-sys-typography-body-xl-semibold-font-weight: 600; --co-sys-typography-body-xl-semibold-font-size: 24px; --co-sys-typography-body-xl-semibold-line-height: 36px; --co-sys-typography-body-xl-bold-font-family: CatalystOne Sans Next; --co-sys-typography-body-xl-bold-font-weight: 700; --co-sys-typography-body-xl-bold-font-size: 24px; --co-sys-typography-body-xl-bold-line-height: 36px; --co-sys-typography-title-lg-font-family: CatalystOne Sans Next; --co-sys-typography-title-lg-font-weight: 600; --co-sys-typography-title-lg-font-size: 48px; --co-sys-typography-title-lg-line-height: 56px; --co-sys-typography-title-md-font-family: CatalystOne Sans Next; --co-sys-typography-title-md-font-weight: 600; --co-sys-typography-title-md-font-size: 40px; --co-sys-typography-title-md-line-height: 48px; --co-sys-typography-title-sm-font-family: CatalystOne Sans Next; --co-sys-typography-title-sm-font-weight: 600; --co-sys-typography-title-sm-font-size: 36px; --co-sys-typography-title-sm-line-height: 40px; --co-sys-typography-component-button-md-font-family: CatalystOne Sans Next; --co-sys-typography-component-button-md-font-weight: 500; --co-sys-typography-component-button-md-font-size: 16px; --co-sys-typography-component-button-md-line-height: 22px; --co-sys-typography-component-button-sm-font-family: CatalystOne Sans Next; --co-sys-typography-component-button-sm-font-weight: 500; --co-sys-typography-component-button-sm-font-size: 14px; --co-sys-typography-component-button-sm-line-height: 18px; --co-sys-size-sm: 16px; --co-sys-size-md: 20px; --co-sys-size-lg: 24px; --co-sys-size-xl: 32px; --co-sys-size-xs: 12px; --co-sys-size-2xl: 40px; --co-sys-size-3xl: 48px; --co-sys-size-4xl: 56px; --co-sys-size-5xl: 64px; --co-sys-size-7xl: 96px; --co-sys-size-8xl: 128px; --co-sys-size-9xl: 256px; --co-sys-size-6xl: 72px; --co-sys-size-md2: 22px; --co-sys-size-sm2: 18px; --co-sys-spacing-none: 0px; --co-sys-spacing-2xs: 2px; --co-sys-spacing-xs: 4px; --co-sys-spacing-sm: 6px; --co-sys-spacing-md: 8px; --co-sys-spacing-lg: 12px; --co-sys-spacing-xl: 16px; --co-sys-spacing-2xl: 24px; --co-sys-spacing-5xl: 48px; --co-sys-spacing-3xl: 32px; --co-sys-spacing-4xl: 40px; --co-sys-spacing-6xl: 56px; --co-sys-spacing-7xl: 64px; --co-sys-spacing-8xl: 72px; --co-sys-spacing-brand: #0081a3; --co-sys-spacing-9xl: 80px; --co-sys-spacing-10xl: 96px; --co-sys-spacing-11xl: 104px; --co-sys-spacing-12xl: 128px; --co-sys-border-radius-2xs: 2px; --co-sys-border-radius-xs: 4px; --co-sys-border-radius-sm: 6px; --co-sys-border-radius-md: 8px; --co-sys-border-radius-lg: 12px; --co-sys-border-radius-xl: 16px; --co-sys-border-radius-2xl: 20px; --co-sys-border-radius-pill: 9999px; --co-sys-border-radius-3xl: 24px; --co-sys-border-radius-4xl: 32px; --co-sys-border-radius-5xl: 40px; --co-sys-border-radius-none: 0px; --co-sys-border-width-none: 0px; --co-sys-border-width-normal: 1px; --co-sys-border-width-thick: 2px; --co-mui-primary-contrast: #ffffff; --co-mui-primary-light: #3bb1d0; --co-mui-primary-dark: #005f78; --co-mui-primary-main: #0081a3; --co-mui-secondary-light: #d97df7; --co-mui-secondary-contrast: #ffffff; --co-mui-secondary-dark: #6b1c85; --co-mui-secondary-main: #a02dc6; --co-mui-error-contrast: #ffffff; --co-mui-error-light: #ff9eaa; --co-mui-error-dark: #a1195b; --co-mui-error-main: #e42354; --co-mui-warning-contrast: #ffffff; --co-mui-warning-light: #ffe99a; --co-mui-warning-dark: #9e5908; --co-mui-warning-main: #f9a61a; --co-mui-info-contrast: #ffffff; --co-mui-info-light: #3bb1d0; --co-mui-info-dark: #005f78; --co-mui-info-main: #0081a3; --co-mui-success-light: #7ac08a; --co-mui-success-main: #008948; --co-mui-success-dark: #006d50; --co-mui-success-contrast: #ffffff; --co-mui-text-disabled: #22222273; --co-mui-text-secondary: #222222bf; --co-mui-text-primary: #222222; } }