@import 'tailwindcss';

  @theme {
  --font-flare: 'flare', sans-serif;

  --color-neutral-container-lowest: var(--neutral-container-lowest);
--color-neutral-container-lowest-hover: var(--neutral-container-lowest-hover);
--color-neutral-container-low: var(--neutral-container-low);
--color-neutral-container-low-hover: var(--neutral-container-low-hover);
--color-neutral-container-mid: var(--neutral-container-mid);
--color-neutral-container-mid-hover: var(--neutral-container-mid-hover);
--color-neutral-container-high: var(--neutral-container-high);
--color-neutral-container-high-hover: var(--neutral-container-high-hover);
--color-neutral-container-highest: var(--neutral-container-highest);
--color-neutral-container-static-lowest: var(--neutral-container-static-lowest);
--color-neutral-container-static-lowest-hover: var(--neutral-container-static-lowest-hover);
--color-neutral-container-variation-lowest: var(--neutral-container-variation-lowest);
--color-neutral-fill-overlay-lowest: var(--neutral-fill-overlay-lowest);
--color-neutral-fill-overlay-lowest-hover: var(--neutral-fill-overlay-lowest-hover);
--color-neutral-fill-overlay-low: var(--neutral-fill-overlay-low);
--color-neutral-fill-overlay-low-hover: var(--neutral-fill-overlay-low-hover);
--color-neutral-fill-overlay-mid: var(--neutral-fill-overlay-mid);
--color-neutral-fill-overlay-mid-hover: var(--neutral-fill-overlay-mid-hover);
--color-neutral-fill-overlay-high: var(--neutral-fill-overlay-high);
--color-neutral-fill-overlay-high-hover: var(--neutral-fill-overlay-high-hover);
--color-neutral-fill-overlay-highest: var(--neutral-fill-overlay-highest);
--color-neutral-fill-opaque-lowest: var(--neutral-fill-opaque-lowest);
--color-neutral-fill-opaque-lowest-hover: var(--neutral-fill-opaque-lowest-hover);
--color-neutral-fill-opaque-low: var(--neutral-fill-opaque-low);
--color-neutral-fill-opaque-low-hover: var(--neutral-fill-opaque-low-hover);
--color-neutral-fill-opaque-static-lowest: var(--neutral-fill-opaque-static-lowest);
--color-neutral-label-primary: var(--neutral-label-primary);
--color-neutral-label-secondary: var(--neutral-label-secondary);
--color-neutral-label-tertiary: var(--neutral-label-tertiary);
--color-neutral-label-quaternary: var(--neutral-label-quaternary);
--color-neutral-label-static-primary: var(--neutral-label-static-primary);
--color-neutral-label-static-secondary: var(--neutral-label-static-secondary);
--color-neutral-border-overlay-strong: var(--neutral-border-overlay-strong);
--color-neutral-border-overlay-normal: var(--neutral-border-overlay-normal);
--color-neutral-border-overlay-subtle: var(--neutral-border-overlay-subtle);
--color-neutral-border-overlay-hint: var(--neutral-border-overlay-hint);
--color-neutral-border-opaque-strong: var(--neutral-border-opaque-strong);
--color-neutral-border-opaque-normal: var(--neutral-border-opaque-normal);
--color-neutral-border-opaque-subtle: var(--neutral-border-opaque-subtle);
--color-inverse-container-lowest: var(--inverse-container-lowest);
--color-inverse-container-lowest-hover: var(--inverse-container-lowest-hover);
--color-inverse-container-low: var(--inverse-container-low);
--color-inverse-container-low-hover: var(--inverse-container-low-hover);
--color-inverse-container-mid: var(--inverse-container-mid);
--color-inverse-container-mid-hover: var(--inverse-container-mid-hover);
--color-inverse-container-high: var(--inverse-container-high);
--color-inverse-container-high-hover: var(--inverse-container-high-hover);
--color-inverse-container-static-high: var(--inverse-container-static-high);
--color-inverse-container-static-high-hover: var(--inverse-container-static-high-hover);
--color-inverse-container-highest: var(--inverse-container-highest);
--color-inverse-fill-opaque-lowest: var(--inverse-fill-opaque-lowest);
--color-inverse-fill-opaque-lowest-hover: var(--inverse-fill-opaque-lowest-hover);
--color-inverse-fill-opaque-low: var(--inverse-fill-opaque-low);
--color-inverse-fill-opaque-low-hover: var(--inverse-fill-opaque-low-hover);
--color-inverse-fill-opaque-mid: var(--inverse-fill-opaque-mid);
--color-inverse-fill-mid: var(--inverse-fill-mid);
--color-inverse-fill-mid-hover: var(--inverse-fill-mid-hover);
--color-inverse-label-primary: var(--inverse-label-primary);
--color-inverse-label-secondary: var(--inverse-label-secondary);
--color-inverse-label-tertiary: var(--inverse-label-tertiary);
--color-inverse-label-quaternary: var(--inverse-label-quaternary);
--color-inverse-label-static-primary: var(--inverse-label-static-primary);
--color-inverse-label-static-secondary: var(--inverse-label-static-secondary);
--color-inverse-border-overlay-strong: var(--inverse-border-overlay-strong);
--color-inverse-border-overlay-normal: var(--inverse-border-overlay-normal);
--color-inverse-border-overlay-subtle: var(--inverse-border-overlay-subtle);
--color-inverse-border-overlay-hint: var(--inverse-border-overlay-hint);
--color-inverse-border-opaque-strong: var(--inverse-border-opaque-strong);
--color-inverse-border-opaque-normal: var(--inverse-border-opaque-normal);
--color-inverse-border-opaque-subtle: var(--inverse-border-opaque-subtle);
--color-brand-container-mid: var(--brand-container-mid);
--color-brand-container-mid-hover: var(--brand-container-mid-hover);
--color-brand-container-high: var(--brand-container-high);
--color-brand-fill-mid: var(--brand-fill-mid);
--color-brand-fill-mid-hover: var(--brand-fill-mid-hover);
--color-brand-fill-low: var(--brand-fill-low);
--color-brand-fill-low-hover: var(--brand-fill-low-hover);
--color-brand-label-primary: var(--brand-label-primary);
--color-brand-label-secondary: var(--brand-label-secondary);
--color-brand-label-variation-secondary: var(--brand-label-variation-secondary);
--color-brand-border-opaque-normal: var(--brand-border-opaque-normal);
--color-brand-border-opaque-strong: var(--brand-border-opaque-strong);
--color-brandinverse-container-mid: var(--brandinverse-container-mid);
--color-brandinverse-container-mid-hover: var(--brandinverse-container-mid-hover);
--color-brandinverse-container-high: var(--brandinverse-container-high);
--color-brandinverse-fill-mid: var(--brandinverse-fill-mid);
--color-brandinverse-fill-mid-hover: var(--brandinverse-fill-mid-hover);
--color-brandinverse-fill-low: var(--brandinverse-fill-low);
--color-brandinverse-fill-low-hover: var(--brandinverse-fill-low-hover);
--color-brandinverse-label-primary: var(--brandinverse-label-primary);
--color-brandinverse-label-secondary: var(--brandinverse-label-secondary);
--color-brandinverse-label-static-primary: var(--brandinverse-label-static-primary);
--color-brandinverse-border-opaque-strong: var(--brandinverse-border-opaque-strong);
--color-brandinverse-border-opaque-normal: var(--brandinverse-border-opaque-normal);
--color-accent-label-primary: var(--accent-label-primary);
--color-accent-label-yellow: var(--accent-label-yellow);
--color-accent-label-mint: var(--accent-label-mint);
--color-accent-label-cyan: var(--accent-label-cyan);
--color-accent-label-purple: var(--accent-label-purple);
--color-accent-label-pink: var(--accent-label-pink);
--color-accent-fill-primary: var(--accent-fill-primary);
--color-function-fill-positive-mid: var(--function-fill-positive-mid);
--color-function-fill-negative-mid: var(--function-fill-negative-mid);
--color-function-fill-negative-mid-hover: var(--function-fill-negative-mid-hover);
--color-function-fill-caution: var(--function-fill-caution);
--color-function-fill-highlight: var(--function-fill-highlight);
--color-function-fill-selection: var(--function-fill-selection);
--color-function-fill-drag: var(--function-fill-drag);
--color-function-fill-positive-low: var(--function-fill-positive-low);
--color-function-fill-negative-low: var(--function-fill-negative-low);
--color-function-label-positive: var(--function-label-positive);
--color-function-label-negative: var(--function-label-negative);
--color-function-label-caution: var(--function-label-caution);
--color-function-label-link: var(--function-label-link);
--color-cover-dim-page: var(--cover-dim-page);
--shadow-soft: var(--lp-sys-shadow-soft);
--shadow-normal: var(--lp-sys-shadow-normal);
--shadow-strong: var(--lp-sys-shadow-strong);
--shadow-heavy: var(--lp-sys-shadow-heavy);
--radius-xxs: var(--lp-sys-radius-xxs);
--radius-xs: var(--lp-sys-radius-xs);
--radius-s: var(--lp-sys-radius-s);
--radius-m: var(--lp-sys-radius-m);
--radius-l: var(--lp-sys-radius-l);
--radius-xl: var(--lp-sys-radius-xl);
--radius-xxl: var(--lp-sys-radius-xxl);
--breakpoint-*: initial;
--breakpoint-s: 600px;
--breakpoint-m: 1024px;
--breakpoint-l: 1366px;
--breakpoint-xl: 1536px;
--breakpoint-xxl: 1920px;
--breakpoint-xxxl: 2560px;
--spacing-component-50: var(--lp-sys-padding-component-50);
--spacing-component-100: var(--lp-sys-padding-component-100);
--spacing-component-150: var(--lp-sys-padding-component-150);
--spacing-component-200: var(--lp-sys-padding-component-200);
--spacing-component-300: var(--lp-sys-padding-component-300);
--spacing-component-400: var(--lp-sys-padding-component-400);
--spacing-component-500: var(--lp-sys-padding-component-500);
--spacing-component-600: var(--lp-sys-padding-component-600);
--spacing-component-700: var(--lp-sys-padding-component-700);
--spacing-component-800: var(--lp-sys-padding-component-800);
--spacing-component-900: var(--lp-sys-padding-component-900);
--spacing-component-1000: var(--lp-sys-padding-component-1000);
--spacing-component-1100: var(--lp-sys-padding-component-1100);
--spacing-component-1300: var(--lp-sys-padding-component-1300);
--spacing-component-1500: var(--lp-sys-padding-component-1500);
--spacing-component-1700: var(--lp-sys-padding-component-1700);
--spacing-section-50: var(--lp-sys-padding-section-50);
--spacing-section-100: var(--lp-sys-padding-section-100);
--spacing-section-200: var(--lp-sys-padding-section-200);
--spacing-section-300: var(--lp-sys-padding-section-300);
--spacing-section-400: var(--lp-sys-padding-section-400);
--spacing-section-500: var(--lp-sys-padding-section-500);
--spacing-section-600: var(--lp-sys-padding-section-600);
--spacing-section-700: var(--lp-sys-padding-section-700);
--spacing-section-800: var(--lp-sys-padding-section-800);
--spacing-section-900: var(--lp-sys-padding-section-900);
--spacing-positive-50: var(--lp-sys-gap-positive-50);
--spacing-positive-100: var(--lp-sys-gap-positive-100);
--spacing-positive-150: var(--lp-sys-gap-positive-150);
--spacing-positive-200: var(--lp-sys-gap-positive-200);
--spacing-positive-300: var(--lp-sys-gap-positive-300);
--spacing-positive-400: var(--lp-sys-gap-positive-400);
--spacing-positive-500: var(--lp-sys-gap-positive-500);
--spacing-positive-600: var(--lp-sys-gap-positive-600);
--spacing-positive-700: var(--lp-sys-gap-positive-700);
--spacing-positive-800: var(--lp-sys-gap-positive-800);
--spacing-positive-900: var(--lp-sys-gap-positive-900);
  }

  @layer utilities {
    .rounded-l {
      border-top-left-radius: var(--radius-l);
      border-bottom-left-radius: var(--radius-l);
    }

    .rounded-s {
      border-top-left-radius: var(--radius-s);
      border-bottom-left-radius: var(--radius-s);
    }
  }