:root{--color-brand-brightgreen: #1FE49E;--color-brand-brightyellow: #D8FF5A;--color-spectrum-indigo-1400: #141648;--color-spectrum-indigo-1300: #1B1E64;--color-spectrum-indigo-1200: #262986;--color-spectrum-indigo-1100: #3236A8;--color-spectrum-indigo-1000: #4046CA;--color-spectrum-indigo-900: #5258E4;--color-spectrum-indigo-800: #6264EF;--color-spectrum-indigo-700: #7E84FC;--color-spectrum-indigo-600: #9599FF;--color-spectrum-indigo-500: #ACAFFF;--color-spectrum-indigo-400: #C1C4FF;--color-spectrum-indigo-300: #D3D5FF;--color-spectrum-indigo-200: #E0E2FF;--color-spectrum-indigo-100: #EDEEFF;--color-spectrum-indigo-800-alpha-24: rgba(98, 100, 239, .24);--color-brand-petrol-100: #E7FAF6;--color-brand-petrol-200: #DAEFE9;--color-brand-petrol-300: #C9DFDA;--color-brand-petrol-1000: #155B66;--color-brand-petrol-1000-alpha-20: rgba(21, 91, 102, .2);--color-brand-petrol-1200: #0A373F;--color-custom-gray-90: #FAFAFA;--color-custom-transparent-black-100: rgba(0, 0, 0, .06);--color-spectrum-blue-1000: #0054B6;--color-spectrum-blue-900: #0265DC;--color-spectrum-blue-700: #3892F3;--color-spectrum-blue-200: #CAE8FF;--color-spectrum-blue-100: #E0F2FF;--color-spectrum-celery-100: #CDFCBF;--color-spectrum-celery-300: #96EE85;--color-spectrum-celery-700: #07A721;--color-spectrum-gray-75: #FDFDFD;--color-spectrum-gray-100: #F8F8F8;--color-spectrum-gray-150: #F0F0F0;--color-spectrum-gray-200: #E6E6E6;--color-spectrum-gray-300: #D5D5D5;--color-spectrum-gray-400: #B1B1B1;--color-spectrum-gray-500: #909090;--color-spectrum-gray-600: #6D6D6D;--color-spectrum-gray-800: #222222;--color-spectrum-green-100: #CEF8E0;--color-spectrum-magenta-700: #EF5A98;--color-spectrum-purple-1100: #5D13B7;--color-spectrum-purple-600: #bd8bfc;--color-spectrum-red-100: #FFEBE7;--color-spectrum-red-300: #FFCDC3;--color-spectrum-red-400: #FFB7A9;--color-spectrum-red-700: #F75C46;--color-spectrum-red-900: #D31510;--color-spectrum-seafoam-700: #00A19A;--color-spectrum-white: #FFFFFF;--color-spectrum-orange-700: #D96B00;--color-spectrum-yellow-100: #FBF198;--color-spectrum-yellow-200: #F8E750;--color-spectrum-yellow-700: #B08C00;--color-spectrum-transparent-black-200: rgba(0, 0, 0, .1);--color-spectrum-transparent-black-400: rgba(0, 0, 0, .4);--color-spectrum-transparent-black-500: rgba(0, 0, 0, .55);--border-radius-xl: 1rem;--border-radius-l: .75rem;--border-radius: .5rem;--border-radius-s: .25rem;--border-radius-pill: 9999px;--line-height-base: 1.5;--spacing-xxxs: .125rem;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-s: .75rem;--spacing-m: 1rem;--spacing-l: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 4rem;--text-default: var(--color-spectrum-gray-800);--text-subtle: var(--color-spectrum-transparent-black-500);--text-accent: var(--color-spectrum-blue-900);--text-ai: var(--color-brand-petrol-1000);--text-disabled: var(--color-spectrum-transparent-black-400);--text-inverted: var(--color-spectrum-white);--text-positive: var(--color-spectrum-celery-700);--text-danger: var(--color-spectrum-red-700);--text-orange-dark: var(--color-spectrum-orange-700);--text-yellow-dark: var(--color-spectrum-yellow-700);--text-highlight-blue-light: var(--color-spectrum-blue-700);--text-highlight-blue-dark: var(--color-spectrum-blue-900);--text-highlight-blue: var(--color-spectrum-blue-900);--text-highlight-green: var(--color-spectrum-celery-700);--text-highlight-red: var(--color-spectrum-red-700);--text-highlight-yellow: var(--color-spectrum-yellow-700);--text-highlight-magenta: var(--color-spectrum-magenta-700);--text-highlight-purple: var(--color-spectrum-purple-1100);--background-primary: var(--color-spectrum-white);--background-secondary: var(--color-spectrum-gray-100);--background-tertiary-custom: var(--color-custom-gray-90);--background-contrast-dark: var(--color-spectrum-gray-300);--background-contrast-light: var(--color-spectrum-gray-150);--background-inverted: var(--color-spectrum-gray-800);--background-accent-dark: var(--color-spectrum-blue-1000);--background-accent: var(--color-spectrum-blue-900);--background-accent-light: var(--color-spectrum-blue-200);--background-accent-lightest: var(--color-spectrum-blue-100);--background-ai-dark: var(--color-brand-petrol-1200);--background-ai: var(--color-brand-petrol-1000);--background-ai-light: var(--color-brand-petrol-200);--background-ai-lightest: var(--color-brand-petrol-100);--background-info: var(--color-spectrum-blue-100);--background-positive-lightest: var(--color-spectrum-celery-100);--background-positive-light: var(--color-spectrum-celery-300);--background-positive: var(--color-spectrum-celery-700);--background-danger-lightest: var(--color-spectrum-red-100);--background-danger-light: var(--color-spectrum-red-300);--background-danger: var(--color-spectrum-red-700);--background-danger-dark: var(--color-spectrum-red-900);--background-yellow-light: var(--color-spectrum-yellow-100);--background-yellow: var(--color-spectrum-yellow-700);--background-orange-light: color-mix(in srgb, var(--color-spectrum-orange-700) 12%, var(--background-secondary));--border-accent: var(--color-spectrum-blue-900);--border-ai: var(--color-brand-petrol-1000);--border-ai-alpha: rgba(21, 91, 102, .1);--border-disabled: var(--color-spectrum-gray-400);--border-inverted: var(--color-spectrum-white);--border-primary: var(--color-spectrum-gray-800);--border-secondary: var(--color-spectrum-gray-500);--border-tertiary: var(--color-spectrum-gray-300);--border-quarternary-alpha: var(--color-custom-transparent-black-100);--border-danger: var(--color-spectrum-red-700);--icon-primary: var(--color-spectrum-gray-800);--icon-secondary: var(--color-spectrum-gray-500);--icon-tertiary: var(--color-spectrum-gray-300);--icon-accent: var(--color-spectrum-blue-900);--icon-ai: var(--color-brand-petrol-1000);--icon-ai-dark: var(--color-brand-petrol-1200);--icon-disabled: var(--color-spectrum-gray-400);--icon-inverted: var(--color-spectrum-white);--icon-positive: var(--color-spectrum-celery-700);--icon-danger: var(--color-spectrum-red-700);--icon-yellow-dark: var(--color-spectrum-yellow-700);--scrim-default: var(--color-spectrum-transparent-black-200);--background-query: var(--color-spectrum-blue-100);--highlight-query: var(--color-spectrum-blue-100);--highlight-green: var(--color-spectrum-green-100);--highlight-red: var(--color-spectrum-red-100);--shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .06);--shadow-md: 0px 2px 4px rgba(0, 0, 0, .05), 0px 0px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 12px 0 rgba(0, 0, 0, .12), 0 0 8px 0 rgba(0, 0, 0, .08);--shadow-lg-side: 8px 0 12px 0 rgba(0, 0, 0, .12), 0 0 8px 0 rgba(0, 0, 0, .08);--shadow-ai: 0px 8px 16px 0px color-mix(in srgb, var(--background-ai) 30%, transparent);--shadow-ai-hover: 0px 12px 20px 0px color-mix(in srgb, var(--background-ai) 40%, transparent);--font-size-xl: 3rem;--font-size-l: 2rem;--font-size-m: 1.5rem;--font-size-s: 1rem;--font-size-xs: .75rem;--font-family-monospace: "Fira Code", monospace}html.flinn-theme{--text-accent: var(--color-brand-petrol-1000);--text-ai: var(--color-spectrum-indigo-900);--background-accent-dark: var(--color-brand-petrol-1200);--background-accent: var(--color-brand-petrol-1000);--background-accent-light: var(--color-brand-petrol-200);--background-accent-lightest: var(--color-brand-petrol-100);--background-ai-dark: var(--color-spectrum-indigo-1000);--background-ai: var(--color-spectrum-indigo-800);--background-ai-light: var(--color-spectrum-indigo-200);--background-ai-lightest: var(--color-spectrum-indigo-100);--border-accent: var(--color-brand-petrol-1000);--border-ai: var(--color-spectrum-indigo-800);--border-ai-alpha: var(--color-spectrum-indigo-800-alpha-24);--icon-accent: var(--color-brand-petrol-1000);--icon-ai: var(--color-spectrum-indigo-800);--icon-ai-dark: var(--color-spectrum-indigo-1000)}html.flinn-theme.dark-mode,html.flinn-theme [data-showcase-tab-theme=dark]{--text-default: var(--color-spectrum-gray-75);--text-subtle: rgba(255, 255, 255, .55);--text-accent: var(--color-brand-petrol-200);--text-ai: var(--color-spectrum-indigo-400);--text-disabled: rgba(255, 255, 255, .35);--text-inverted: var(--color-spectrum-gray-800);--text-positive: var(--color-spectrum-celery-300);--text-danger: var(--color-spectrum-red-400);--text-orange-dark: var(--color-spectrum-orange-700);--text-yellow-dark: var(--color-spectrum-yellow-200);--text-highlight-blue-light: var(--color-spectrum-blue-200);--text-highlight-blue-dark: var(--color-spectrum-blue-200);--text-highlight-blue: var(--color-spectrum-blue-200);--text-highlight-green: var(--color-spectrum-celery-300);--text-highlight-red: var(--color-spectrum-red-400);--text-highlight-yellow: var(--color-spectrum-yellow-200);--text-highlight-magenta: var(--color-spectrum-magenta-700);--text-highlight-purple: var(--color-spectrum-purple-600);--background-primary: var(--color-spectrum-gray-800);--background-secondary: #2a2a2a;--background-tertiary-custom: #333333;--background-contrast-dark: var(--color-spectrum-gray-600);--background-contrast-light: #3d3d3d;--background-inverted: var(--color-spectrum-gray-100);--background-accent-dark: var(--color-brand-petrol-1200);--background-accent: var(--color-brand-petrol-1000);--background-accent-light: var(--color-brand-petrol-1200);--background-accent-lightest: var(--color-brand-petrol-1000-alpha-20);--background-ai-dark: var(--color-spectrum-indigo-1100);--background-ai: var(--color-spectrum-indigo-800);--background-ai-light: var(--color-spectrum-indigo-1000);--background-ai-lightest: var(--color-spectrum-indigo-1200);--background-info: var(--color-spectrum-blue-1000);--background-positive-lightest: #1a3d24;--background-positive-light: var(--color-spectrum-celery-700);--background-positive: var(--color-spectrum-celery-300);--background-danger-lightest: #4a1f1a;--background-danger-light: var(--color-spectrum-red-900);--background-danger: var(--color-spectrum-red-700);--background-danger-dark: var(--color-spectrum-red-900);--background-yellow-light: #3d3510;--background-yellow: var(--color-spectrum-yellow-200);--background-orange-light: color-mix(in srgb, var(--color-spectrum-orange-700) 12%, var(--background-secondary));--border-accent: var(--color-brand-petrol-300);--border-ai: var(--color-spectrum-indigo-500);--border-ai-alpha: rgba(172, 175, 255, .2);--border-disabled: var(--color-spectrum-gray-600);--border-inverted: var(--color-spectrum-gray-800);--border-primary: var(--color-spectrum-gray-200);--border-secondary: var(--color-spectrum-gray-500);--border-tertiary: var(--color-spectrum-gray-600);--border-quarternary-alpha: rgba(255, 255, 255, .08);--border-danger: var(--color-spectrum-red-400);--icon-primary: var(--color-spectrum-gray-75);--icon-secondary: var(--color-spectrum-gray-400);--icon-tertiary: var(--color-spectrum-gray-600);--icon-accent: var(--color-brand-petrol-200);--icon-ai: var(--color-spectrum-indigo-400);--icon-ai-dark: var(--color-spectrum-indigo-200);--icon-disabled: var(--color-spectrum-gray-600);--icon-inverted: var(--color-spectrum-gray-800);--icon-positive: var(--color-spectrum-celery-300);--icon-danger: var(--color-spectrum-red-400);--icon-yellow-dark: var(--color-spectrum-yellow-200);--scrim-default: rgba(0, 0, 0, .5);--background-query: var(--color-spectrum-blue-1000);--highlight-query: var(--color-spectrum-blue-1000);--highlight-green: #1a3d24;--highlight-red: #4a1f1a;--shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .35);--shadow-md: 0px 2px 4px rgba(0, 0, 0, .25), 0px 0px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 12px 0 rgba(0, 0, 0, .45), 0 0 8px 0 rgba(0, 0, 0, .35);--shadow-lg-side: 8px 0 12px 0 rgba(0, 0, 0, .45), 0 0 8px 0 rgba(0, 0, 0, .35);--shadow-ai: 0px 8px 16px 0px color-mix(in srgb, var(--background-ai) 45%, transparent);--shadow-ai-hover: 0px 12px 20px 0px color-mix(in srgb, var(--background-ai) 55%, transparent)}html.flinn-theme [data-showcase-tab-theme=dark]{color:var(--text-default);background-color:var(--background-primary);color-scheme:dark}html.flinn-theme [data-showcase-tab-theme=light]{--text-default: var(--color-spectrum-gray-800);--text-subtle: var(--color-spectrum-transparent-black-500);--text-accent: var(--color-spectrum-blue-900);--text-ai: var(--color-brand-petrol-1000);--text-disabled: var(--color-spectrum-transparent-black-400);--text-inverted: var(--color-spectrum-white);--text-positive: var(--color-spectrum-celery-700);--text-danger: var(--color-spectrum-red-700);--text-orange-dark: var(--color-spectrum-orange-700);--text-yellow-dark: var(--color-spectrum-yellow-700);--text-highlight-blue-light: var(--color-spectrum-blue-700);--text-highlight-blue-dark: var(--color-spectrum-blue-900);--text-highlight-blue: var(--color-spectrum-blue-900);--text-highlight-green: var(--color-spectrum-celery-700);--text-highlight-red: var(--color-spectrum-red-700);--text-highlight-yellow: var(--color-spectrum-yellow-700);--text-highlight-magenta: var(--color-spectrum-magenta-700);--text-highlight-purple: var(--color-spectrum-purple-1100);--background-primary: var(--color-spectrum-white);--background-secondary: var(--color-spectrum-gray-100);--background-tertiary-custom: var(--color-custom-gray-90);--background-contrast-dark: var(--color-spectrum-gray-300);--background-contrast-light: var(--color-spectrum-gray-150);--background-inverted: var(--color-spectrum-gray-800);--background-accent-dark: var(--color-spectrum-blue-1000);--background-accent: var(--color-spectrum-blue-900);--background-accent-light: var(--color-spectrum-blue-200);--background-accent-lightest: var(--color-spectrum-blue-100);--background-ai-dark: var(--color-brand-petrol-1200);--background-ai: var(--color-brand-petrol-1000);--background-ai-light: var(--color-brand-petrol-200);--background-ai-lightest: var(--color-brand-petrol-100);--background-info: var(--color-spectrum-blue-100);--background-positive-lightest: var(--color-spectrum-celery-100);--background-positive-light: var(--color-spectrum-celery-300);--background-positive: var(--color-spectrum-celery-700);--background-danger-lightest: var(--color-spectrum-red-100);--background-danger-light: var(--color-spectrum-red-300);--background-danger: var(--color-spectrum-red-700);--background-danger-dark: var(--color-spectrum-red-900);--background-yellow-light: var(--color-spectrum-yellow-100);--background-yellow: var(--color-spectrum-yellow-700);--background-orange-light: color-mix(in srgb, var(--color-spectrum-orange-700) 12%, var(--background-secondary));--border-accent: var(--color-spectrum-blue-900);--border-ai: var(--color-brand-petrol-1000);--border-ai-alpha: rgba(21, 91, 102, .1);--border-disabled: var(--color-spectrum-gray-400);--border-inverted: var(--color-spectrum-white);--border-primary: var(--color-spectrum-gray-800);--border-secondary: var(--color-spectrum-gray-500);--border-tertiary: var(--color-spectrum-gray-300);--border-quarternary-alpha: var(--color-custom-transparent-black-100);--border-danger: var(--color-spectrum-red-700);--icon-primary: var(--color-spectrum-gray-800);--icon-secondary: var(--color-spectrum-gray-500);--icon-tertiary: var(--color-spectrum-gray-300);--icon-accent: var(--color-spectrum-blue-900);--icon-ai: var(--color-brand-petrol-1000);--icon-ai-dark: var(--color-brand-petrol-1200);--icon-disabled: var(--color-spectrum-gray-400);--icon-inverted: var(--color-spectrum-white);--icon-positive: var(--color-spectrum-celery-700);--icon-danger: var(--color-spectrum-red-700);--icon-yellow-dark: var(--color-spectrum-yellow-700);--scrim-default: var(--color-spectrum-transparent-black-200);--background-query: var(--color-spectrum-blue-100);--highlight-query: var(--color-spectrum-blue-100);--highlight-green: var(--color-spectrum-green-100);--highlight-red: var(--color-spectrum-red-100);--shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .06);--shadow-md: 0px 2px 4px rgba(0, 0, 0, .05), 0px 0px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 12px 0 rgba(0, 0, 0, .12), 0 0 8px 0 rgba(0, 0, 0, .08);--shadow-lg-side: 8px 0 12px 0 rgba(0, 0, 0, .12), 0 0 8px 0 rgba(0, 0, 0, .08);--shadow-ai: 0px 8px 16px 0px color-mix(in srgb, var(--background-ai) 30%, transparent);--shadow-ai-hover: 0px 12px 20px 0px color-mix(in srgb, var(--background-ai) 40%, transparent)}html.flinn-theme [data-showcase-tab-theme=light]{--text-accent: var(--color-brand-petrol-1000);--text-ai: var(--color-spectrum-indigo-900);--background-accent-dark: var(--color-brand-petrol-1200);--background-accent: var(--color-brand-petrol-1000);--background-accent-light: var(--color-brand-petrol-200);--background-accent-lightest: var(--color-brand-petrol-100);--background-ai-dark: var(--color-spectrum-indigo-1000);--background-ai: var(--color-spectrum-indigo-800);--background-ai-light: var(--color-spectrum-indigo-200);--background-ai-lightest: var(--color-spectrum-indigo-100);--border-accent: var(--color-brand-petrol-1000);--border-ai: var(--color-spectrum-indigo-800);--border-ai-alpha: var(--color-spectrum-indigo-800-alpha-24);--icon-accent: var(--color-brand-petrol-1000);--icon-ai: var(--color-spectrum-indigo-800);--icon-ai-dark: var(--color-spectrum-indigo-1000)}html.flinn-theme [data-showcase-tab-theme=light]{color:var(--text-default);background-color:var(--background-primary);color-scheme:light}