/* Generated from tokens/tokens.json. Do not edit directly. */
:root {
  --bds-color-base-common-white: #ffffff;
  --bds-color-base-common-black: #000000;
  --bds-color-base-common-transparent: transparent;
  --bds-color-base-neutral-0: #ffffff;
  --bds-color-base-neutral-50: #f8fafc;
  --bds-color-base-neutral-100: #f1f5f9;
  --bds-color-base-neutral-200: #e2e8f0;
  --bds-color-base-neutral-300: #cbd5e1;
  --bds-color-base-neutral-400: #94a3b8;
  --bds-color-base-neutral-500: #64748b;
  --bds-color-base-neutral-600: #475569;
  --bds-color-base-neutral-700: #334155;
  --bds-color-base-neutral-800: #1e293b;
  --bds-color-base-neutral-900: #0f172a;
  --bds-color-base-neutral-950: #020617;
  --bds-color-base-primary-100: #dbeafe;
  --bds-color-base-primary-200: #bfdbfe;
  --bds-color-base-primary-300: #93c5fd;
  --bds-color-base-primary-400: #60a5fa;
  --bds-color-base-primary-500: #3b82f6;
  --bds-color-base-primary-600: #2563eb;
  --bds-color-base-primary-700: #1d4ed8;
  --bds-color-base-primary-800: #1e40af;
  --bds-color-base-primary-900: #1e3a8a;
  --bds-color-base-secondary-100: #fce7f3;
  --bds-color-base-secondary-200: #fbcfe8;
  --bds-color-base-secondary-300: #f9a8d4;
  --bds-color-base-secondary-400: #f472b6;
  --bds-color-base-secondary-500: #ec4899;
  --bds-color-base-secondary-600: #db2777;
  --bds-color-base-secondary-700: #be185d;
  --bds-color-base-secondary-800: #9d174d;
  --bds-color-base-secondary-900: #831843;
  --bds-color-base-accent-100: #ccfbf1;
  --bds-color-base-accent-200: #99f6e4;
  --bds-color-base-accent-300: #5eead4;
  --bds-color-base-accent-400: #2dd4bf;
  --bds-color-base-accent-500: #14b8a6;
  --bds-color-base-accent-600: #0d9488;
  --bds-color-base-accent-700: #0f766e;
  --bds-color-base-accent-800: #115e59;
  --bds-color-base-accent-900: #134e4a;
  --bds-color-base-success-100: #dcfce7;
  --bds-color-base-success-200: #bbf7d0;
  --bds-color-base-success-300: #86efac;
  --bds-color-base-success-400: #4ade80;
  --bds-color-base-success-500: #22c55e;
  --bds-color-base-success-600: #16a34a;
  --bds-color-base-success-700: #15803d;
  --bds-color-base-success-800: #166534;
  --bds-color-base-success-900: #14532d;
  --bds-color-base-warning-100: #fef9c3;
  --bds-color-base-warning-200: #fef08a;
  --bds-color-base-warning-300: #fde047;
  --bds-color-base-warning-400: #facc15;
  --bds-color-base-warning-500: #eab308;
  --bds-color-base-warning-600: #ca8a04;
  --bds-color-base-warning-700: #a16207;
  --bds-color-base-warning-800: #854d0e;
  --bds-color-base-warning-900: #713f12;
  --bds-color-base-danger-100: #fee2e2;
  --bds-color-base-danger-200: #fecaca;
  --bds-color-base-danger-300: #fca5a5;
  --bds-color-base-danger-400: #f87171;
  --bds-color-base-danger-500: #ef4444;
  --bds-color-base-danger-600: #dc2626;
  --bds-color-base-danger-700: #b91c1c;
  --bds-color-base-danger-800: #991b1b;
  --bds-color-base-danger-900: #7f1d1d;
  --bds-color-base-info-100: #cffafe;
  --bds-color-base-info-200: #a5f3fc;
  --bds-color-base-info-300: #67e8f9;
  --bds-color-base-info-400: #22d3ee;
  --bds-color-base-info-500: #06b6d4;
  --bds-color-base-info-600: #0891b2;
  --bds-color-base-info-700: #0e7490;
  --bds-color-base-info-800: #155e75;
  --bds-color-base-info-900: #164e63;
  --bds-color-semantic-bg-canvas: var(--bds-color-base-neutral-50);
  --bds-color-semantic-bg-surface: var(--bds-color-base-neutral-0);
  --bds-color-semantic-bg-surface-muted: var(--bds-color-base-neutral-100);
  --bds-color-semantic-bg-surface-raised: var(--bds-color-base-neutral-0);
  --bds-color-semantic-bg-inverse: var(--bds-color-base-neutral-900);
  --bds-color-semantic-text-primary: var(--bds-color-base-neutral-900);
  --bds-color-semantic-text-secondary: var(--bds-color-base-neutral-700);
  --bds-color-semantic-text-muted: var(--bds-color-base-neutral-500);
  --bds-color-semantic-text-inverse: var(--bds-color-base-neutral-0);
  --bds-color-semantic-text-link: var(--bds-color-base-primary-700);
  --bds-color-semantic-text-link-hover: var(--bds-color-base-primary-800);
  --bds-color-semantic-border-subtle: var(--bds-color-base-neutral-200);
  --bds-color-semantic-border-default: var(--bds-color-base-neutral-300);
  --bds-color-semantic-border-strong: var(--bds-color-base-neutral-500);
  --bds-color-semantic-border-inverse: var(--bds-color-base-neutral-700);
  --bds-color-semantic-border-focus: var(--bds-color-base-primary-500);
  --bds-color-semantic-action-primary-bg: var(--bds-color-base-primary-600);
  --bds-color-semantic-action-primary-text: var(--bds-color-base-neutral-0);
  --bds-color-semantic-action-primary-border: var(--bds-color-base-primary-600);
  --bds-color-semantic-action-primary-bg-hover: var(--bds-color-base-primary-700);
  --bds-color-semantic-action-primary-bg-active: var(--bds-color-base-primary-800);
  --bds-color-semantic-action-secondary-bg: var(--bds-color-base-common-transparent);
  --bds-color-semantic-action-secondary-text: var(--bds-color-base-primary-700);
  --bds-color-semantic-action-secondary-border: var(--bds-color-base-primary-400);
  --bds-color-semantic-action-secondary-bg-hover: var(--bds-color-base-primary-100);
  --bds-color-semantic-action-secondary-bg-active: var(--bds-color-base-primary-200);
  --bds-color-semantic-action-tertiary-bg: var(--bds-color-base-common-transparent);
  --bds-color-semantic-action-tertiary-text: var(--bds-color-base-neutral-700);
  --bds-color-semantic-action-tertiary-bg-hover: var(--bds-color-base-neutral-100);
  --bds-color-semantic-action-tertiary-bg-active: var(--bds-color-base-neutral-200);
  --bds-color-semantic-action-disabled-bg: var(--bds-color-base-neutral-200);
  --bds-color-semantic-action-disabled-text: var(--bds-color-base-neutral-500);
  --bds-color-semantic-action-disabled-border: var(--bds-color-base-neutral-300);
  --bds-color-semantic-state-success-bg: var(--bds-color-base-success-100);
  --bds-color-semantic-state-success-text: var(--bds-color-base-success-800);
  --bds-color-semantic-state-success-border: var(--bds-color-base-success-300);
  --bds-color-semantic-state-warning-bg: var(--bds-color-base-warning-100);
  --bds-color-semantic-state-warning-text: var(--bds-color-base-warning-800);
  --bds-color-semantic-state-warning-border: var(--bds-color-base-warning-300);
  --bds-color-semantic-state-danger-bg: var(--bds-color-base-danger-100);
  --bds-color-semantic-state-danger-text: var(--bds-color-base-danger-800);
  --bds-color-semantic-state-danger-border: var(--bds-color-base-danger-300);
  --bds-color-semantic-state-info-bg: var(--bds-color-base-info-100);
  --bds-color-semantic-state-info-text: var(--bds-color-base-info-800);
  --bds-color-semantic-state-info-border: var(--bds-color-base-info-300);
  --bds-typography-font-family-heading: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bds-typography-font-family-body: "Source Serif 4", Georgia, Cambria, "Times New Roman", serif;
  --bds-typography-font-family-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --bds-typography-font-size-50: 12px;
  --bds-typography-font-size-70: 14px;
  --bds-typography-font-size-100: 16px;
  --bds-typography-font-size-200: 18px;
  --bds-typography-font-size-300: 20px;
  --bds-typography-font-size-400: 24px;
  --bds-typography-font-size-500: 26px;
  --bds-typography-font-size-600: 29px;
  --bds-typography-font-size-700: 33px;
  --bds-typography-font-size-800: 37px;
  --bds-typography-font-size-900: 42px;
  --bds-typography-font-size-1100: 53px;
  --bds-typography-font-weight-thin: 100;
  --bds-typography-font-weight-extra-light: 200;
  --bds-typography-font-weight-light: 300;
  --bds-typography-font-weight-regular: 400;
  --bds-typography-font-weight-medium: 500;
  --bds-typography-font-weight-semibold: 600;
  --bds-typography-font-weight-bold: 700;
  --bds-typography-font-weight-extrabold: 800;
  --bds-typography-font-weight-black: 900;
  --bds-typography-font-weight-ultra: 950;
  --bds-typography-line-height-tight: 1.15;
  --bds-typography-line-height-snug: 1.25;
  --bds-typography-line-height-normal: 1.5;
  --bds-typography-letter-spacing-tight: -0.01em;
  --bds-typography-letter-spacing-normal: 0em;
  --bds-typography-letter-spacing-wide: 0.01em;
  --bds-typography-heading-h1-font-family: var(--bds-typography-heading-h1-font-family);
  --bds-typography-heading-h1-font-weight: var(--bds-typography-heading-h1-font-weight);
  --bds-typography-heading-h1-font-size: var(--bds-typography-heading-h1-font-size);
  --bds-typography-heading-h1-line-height: var(--bds-typography-heading-h1-line-height);
  --bds-typography-heading-h2-font-family: var(--bds-typography-heading-h2-font-family);
  --bds-typography-heading-h2-font-weight: var(--bds-typography-heading-h2-font-weight);
  --bds-typography-heading-h2-font-size: var(--bds-typography-heading-h2-font-size);
  --bds-typography-heading-h2-line-height: var(--bds-typography-heading-h2-line-height);
  --bds-typography-heading-h3-font-family: var(--bds-typography-heading-h3-font-family);
  --bds-typography-heading-h3-font-weight: var(--bds-typography-heading-h3-font-weight);
  --bds-typography-heading-h3-font-size: var(--bds-typography-heading-h3-font-size);
  --bds-typography-heading-h3-line-height: var(--bds-typography-heading-h3-line-height);
  --bds-typography-heading-h4-font-family: var(--bds-typography-heading-h4-font-family);
  --bds-typography-heading-h4-font-weight: var(--bds-typography-heading-h4-font-weight);
  --bds-typography-heading-h4-font-size: var(--bds-typography-heading-h4-font-size);
  --bds-typography-heading-h4-line-height: var(--bds-typography-heading-h4-line-height);
  --bds-typography-heading-h5-font-family: var(--bds-typography-heading-h5-font-family);
  --bds-typography-heading-h5-font-weight: var(--bds-typography-heading-h5-font-weight);
  --bds-typography-heading-h5-font-size: var(--bds-typography-heading-h5-font-size);
  --bds-typography-heading-h5-line-height: var(--bds-typography-heading-h5-line-height);
  --bds-typography-heading-h6-font-family: var(--bds-typography-heading-h6-font-family);
  --bds-typography-heading-h6-font-weight: var(--bds-typography-heading-h6-font-weight);
  --bds-typography-heading-h6-font-size: var(--bds-typography-heading-h6-font-size);
  --bds-typography-heading-h6-line-height: var(--bds-typography-heading-h6-line-height);
  --bds-typography-alias-body-xs-font-family: var(--bds-typography-font-family-body);
  --bds-typography-alias-body-xs-font-size: var(--bds-typography-font-size-70);
  --bds-typography-alias-body-xs-line-height: var(--bds-typography-line-height-normal);
  --bds-typography-alias-body-xs-font-weight: var(--bds-typography-font-weight-regular);
  --bds-typography-alias-body-sm-font-family: var(--bds-typography-font-family-body);
  --bds-typography-alias-body-sm-font-size: var(--bds-typography-font-size-100);
  --bds-typography-alias-body-sm-line-height: var(--bds-typography-line-height-normal);
  --bds-typography-alias-body-sm-font-weight: var(--bds-typography-font-weight-regular);
  --bds-typography-alias-body-md-font-family: var(--bds-typography-font-family-body);
  --bds-typography-alias-body-md-font-size: var(--bds-typography-font-size-200);
  --bds-typography-alias-body-md-line-height: var(--bds-typography-line-height-normal);
  --bds-typography-alias-body-md-font-weight: var(--bds-typography-font-weight-regular);
  --bds-typography-alias-body-lg-font-family: var(--bds-typography-font-family-body);
  --bds-typography-alias-body-lg-font-size: var(--bds-typography-font-size-300);
  --bds-typography-alias-body-lg-line-height: var(--bds-typography-line-height-snug);
  --bds-typography-alias-body-lg-font-weight: var(--bds-typography-font-weight-regular);
  --bds-typography-alias-heading-h6-font-family: var(--bds-typography-heading-h6-font-family);
  --bds-typography-alias-heading-h6-font-size: var(--bds-typography-heading-h6-font-size);
  --bds-typography-alias-heading-h6-line-height: var(--bds-typography-heading-h6-line-height);
  --bds-typography-alias-heading-h6-font-weight: var(--bds-typography-heading-h6-font-weight);
  --bds-typography-alias-heading-h5-font-family: var(--bds-typography-heading-h5-font-family);
  --bds-typography-alias-heading-h5-font-size: var(--bds-typography-heading-h5-font-size);
  --bds-typography-alias-heading-h5-line-height: var(--bds-typography-heading-h5-line-height);
  --bds-typography-alias-heading-h5-font-weight: var(--bds-typography-heading-h5-font-weight);
  --bds-typography-alias-heading-h4-font-family: var(--bds-typography-heading-h4-font-family);
  --bds-typography-alias-heading-h4-font-size: var(--bds-typography-heading-h4-font-size);
  --bds-typography-alias-heading-h4-line-height: var(--bds-typography-heading-h4-line-height);
  --bds-typography-alias-heading-h4-font-weight: var(--bds-typography-heading-h4-font-weight);
  --bds-typography-alias-heading-h3-font-family: var(--bds-typography-heading-h3-font-family);
  --bds-typography-alias-heading-h3-font-size: var(--bds-typography-heading-h3-font-size);
  --bds-typography-alias-heading-h3-line-height: var(--bds-typography-heading-h3-line-height);
  --bds-typography-alias-heading-h3-font-weight: var(--bds-typography-heading-h3-font-weight);
  --bds-typography-alias-heading-h2-font-family: var(--bds-typography-heading-h2-font-family);
  --bds-typography-alias-heading-h2-font-size: var(--bds-typography-heading-h2-font-size);
  --bds-typography-alias-heading-h2-line-height: var(--bds-typography-heading-h2-line-height);
  --bds-typography-alias-heading-h2-font-weight: var(--bds-typography-heading-h2-font-weight);
  --bds-typography-alias-heading-h1-font-family: var(--bds-typography-heading-h1-font-family);
  --bds-typography-alias-heading-h1-font-size: var(--bds-typography-heading-h1-font-size);
  --bds-typography-alias-heading-h1-line-height: var(--bds-typography-heading-h1-line-height);
  --bds-typography-alias-heading-h1-font-weight: var(--bds-typography-heading-h1-font-weight);
  --bds-typography-alias-nav-primary-font-family: var(--bds-typography-font-family-heading);
  --bds-typography-alias-nav-primary-font-size: var(--bds-typography-font-size-400);
  --bds-typography-alias-nav-primary-line-height: normal;
  --bds-typography-alias-nav-primary-font-weight: var(--bds-typography-font-weight-semibold);
  --bds-typography-alias-nav-utility-font-family: var(--bds-typography-font-family-body);
  --bds-typography-alias-nav-utility-font-size: var(--bds-typography-font-size-300);
  --bds-typography-alias-nav-utility-line-height: normal;
  --bds-typography-alias-nav-utility-font-weight: var(--bds-typography-font-weight-regular);
  --bds-typography-alias-footer-font-family: var(--bds-typography-font-family-body);
  --bds-typography-alias-footer-font-weight: var(--bds-typography-font-weight-regular);
  --bds-typography-alias-footer-font-size: var(--bds-typography-font-size-100);
  --bds-typography-alias-footer-line-height: var(--bds-typography-line-height-normal);
  --bds-typography-paragraph-spacing-sm: var(--bds-spacing-2);
  --bds-typography-paragraph-spacing-md: var(--bds-spacing-3);
  --bds-typography-paragraph-spacing-lg: var(--bds-spacing-4);
  --bds-spacing-base-unit: 8px;
  --bds-spacing-alias-stack-xxs: var(--bds-spacing-half);
  --bds-spacing-alias-stack-xs: var(--bds-spacing-1);
  --bds-spacing-alias-stack-sm: var(--bds-spacing-2);
  --bds-spacing-alias-stack-md: var(--bds-spacing-3);
  --bds-spacing-alias-stack-lg: var(--bds-spacing-4);
  --bds-spacing-alias-stack-xl: var(--bds-spacing-6);
  --bds-spacing-alias-stack2xl: var(--bds-spacing-8);
  --bds-spacing-alias-inline-xs: var(--bds-spacing-1);
  --bds-spacing-alias-inline-sm: var(--bds-spacing-2);
  --bds-spacing-alias-inline-md: var(--bds-spacing-3);
  --bds-spacing-alias-inline-lg: var(--bds-spacing-4);
  --bds-spacing-alias-inline-xl: var(--bds-spacing-6);
  --bds-spacing-alias-inset-xs: var(--bds-spacing-1);
  --bds-spacing-alias-inset-sm: var(--bds-spacing-2);
  --bds-spacing-alias-inset-md: var(--bds-spacing-3);
  --bds-spacing-alias-inset-lg: var(--bds-spacing-4);
  --bds-spacing-alias-inset-xl: var(--bds-spacing-6);
  --bds-spacing-alias-inset2xl: var(--bds-spacing-8);
  --bds-spacing-alias-gap-xs: var(--bds-spacing-1);
  --bds-spacing-alias-gap-sm: var(--bds-spacing-2);
  --bds-spacing-alias-gap-md: var(--bds-spacing-3);
  --bds-spacing-alias-gap-lg: var(--bds-spacing-4);
  --bds-spacing-alias-gap-xl: var(--bds-spacing-6);
  --bds-spacing-0: 0px;
  --bds-spacing-half: 4px;
  --bds-spacing-1: 8px;
  --bds-spacing-2: 16px;
  --bds-spacing-3: 24px;
  --bds-spacing-4: 32px;
  --bds-spacing-5: 40px;
  --bds-spacing-6: 48px;
  --bds-spacing-7: 56px;
  --bds-spacing-8: 64px;
  --bds-spacing-9: 72px;
  --bds-spacing-10: 80px;
  --bds-spacing-11: 88px;
  --bds-spacing-12: 96px;
  --bds-spacing-13: 104px;
  --bds-spacing-14: 112px;
  --bds-spacing-15: 120px;
  --bds-spacing-20: 160px;
  --bds-spacing-30: 240px;
  --bds-spacing-40: 320px;
  --bds-spacing-50: 400px;
  --bds-spacing-60: 480px;
  --bds-spacing-70: 560px;
  --bds-spacing-80: 640px;
  --bds-spacing-90: 720px;
  --bds-spacing-100: 800px;
  --bds-spacing-110: 880px;
  --bds-spacing-120: 960px;
  --bds-spacing-130: 1040px;
  --bds-spacing-140: 1120px;
  --bds-spacing-150: 1200px;
  --bds-spacing-160: 1280px;
  --bds-spacing-170: 1360px;
  --bds-spacing-180: 1440px;
  --bds-sizing-container-card: var(--bds-spacing-20);
  --bds-sizing-container-card-lg: var(--bds-spacing-30);
  --bds-sizing-container-mobile-sm: var(--bds-spacing-40);
  --bds-sizing-container-mobile: var(--bds-spacing-50);
  --bds-sizing-container-mobile-lg: var(--bds-spacing-60);
  --bds-sizing-container-tablet: var(--bds-spacing-80);
  --bds-sizing-container-tablet-lg: var(--bds-spacing-110);
  --bds-sizing-container-desktop: var(--bds-spacing-130);
  --bds-sizing-container-desktop-lg: var(--bds-spacing-150);
  --bds-sizing-container-widescreen: var(--bds-spacing-180);
  --bds-layout-grid-columns: 12;
  --bds-layout-grid-gutter: var(--bds-spacing-2);
  --bds-layout-breakpoint-mobile: 480px;
  --bds-layout-breakpoint-mobile-lg: 640px;
  --bds-layout-breakpoint-tablet: 768px;
  --bds-layout-breakpoint-tablet-lg: 1024px;
  --bds-layout-breakpoint-desktop: 1200px;
  --bds-layout-breakpoint-desktop-lg: 1440px;
  --bds-layout-breakpoint-widescreen: 1600px;
  --bds-radius-none: 0px;
  --bds-radius-half: var(--bds-spacing-half);
  --bds-radius-1: var(--bds-spacing-1);
  --bds-radius-2: var(--bds-spacing-2);
  --bds-radius-3: var(--bds-spacing-3);
  --bds-radius-4: var(--bds-spacing-4);
  --bds-radius-round: 9999px;
  --bds-border-width-none: 0;
  --bds-border-width-hairline: 1px;
  --bds-border-width-sm: 2px;
  --bds-border-width-md: 4px;
  --bds-border-width-lg: 8px;
  --bds-border-style-none: none;
  --bds-border-style-solid: solid;
  --bds-border-style-dashed: dashed;
  --bds-border-style-dotted: dotted;
  --bds-shadow-none: none;
  --bds-shadow-xs: 0 1px 2px 0 rgba(2, 6, 23, 0.06);
  --bds-shadow-sm: 0 1px 3px 0 rgba(2, 6, 23, 0.1), 0 1px 2px -1px rgba(2, 6, 23, 0.1);
  --bds-shadow-md: 0 4px 6px -1px rgba(2, 6, 23, 0.1), 0 2px 4px -2px rgba(2, 6, 23, 0.1);
  --bds-shadow-lg: 0 10px 15px -3px rgba(2, 6, 23, 0.1), 0 4px 6px -4px rgba(2, 6, 23, 0.1);
  --bds-shadow-xl: 0 20px 25px -5px rgba(2, 6, 23, 0.12), 0 8px 10px -6px rgba(2, 6, 23, 0.12);
  --bds-shadow-inner: inset 0 2px 4px 0 rgba(2, 6, 23, 0.08);
  --bds-opacity-0: 0;
  --bds-opacity-25: 0.25;
  --bds-opacity-50: 0.5;
  --bds-opacity-75: 0.75;
  --bds-opacity-100: 1;
  --bds-motion-duration-instant: 0ms;
  --bds-motion-duration-fast: 100ms;
  --bds-motion-duration-quick: 150ms;
  --bds-motion-duration-normal: 200ms;
  --bds-motion-duration-slow: 300ms;
  --bds-motion-duration-slower: 500ms;
  --bds-motion-easing-linear: linear;
  --bds-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --bds-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1.2);
  --bds-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --bds-motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --bds-z-index-base: 0;
  --bds-z-index-raised: 10;
  --bds-z-index-sticky: 100;
  --bds-z-index-overlay: 400;
  --bds-z-index-dropdown: 600;
  --bds-z-index-modal: 800;
  --bds-z-index-toast: 900;
  --bds-z-index-popover: 950;
  --bds-z-index-tooltip: 1000;
}