/* This file is the Neumo branded theme for the foundations for the design system. This is the default theme for all Neumo products. */
:root,
:host {
  --primitive-0: 0rem;
  --primitive-1: 0.0625rem;
  --primitive-2: 0.125rem;
  --primitive-4: 0.25rem;
  --primitive-6: 0.375rem;
  --primitive-8: 0.5rem;
  --primitive-10: 0.625rem;
  --primitive-11: 0.6875rem;
  --primitive-12: 0.75rem;
  --primitive-13: 0.8125rem;
  --primitive-14: 0.875rem;
  --primitive-15: 0.9375rem;
  --primitive-16: 1rem;
  --primitive-17: 1.0625rem;
  --primitive-18: 1.125rem;
  --primitive-20: 1.25rem;
  --primitive-24: 1.5rem;
  --primitive-28: 1.75rem;
  --primitive-32: 2rem;
  --primitive-36: 2.25rem;
  --primitive-40: 2.5rem;
  --primitive-44: 2.75rem;
  --primitive-48: 3rem;
  --primitive-52: 3.25rem;
  --primitive-56: 3.5rem;
  --primitive-60: 3.75rem;
  --primitive-64: 4rem;
  --primitive-72: 4.5rem;
  --primitive-80: 5rem;
  --primitive-128: 8rem;
  --primitive-160: 10rem;
  --primitive-192: 12rem;
  --primitive-224: 14rem;
  --primitive-256: 16rem;
  --primitive-320: 20rem;
  --primitive-384: 24rem;
  --primitive-448: 28rem;
  --primitive-512: 32rem;
  --primitive-640: 40rem;
  --primitive-768: 48rem;
  --primitive-1024: 64rem;
  --primitive-1280: 80rem;
  --primitive-1600: 100rem;
  --primitive-1920: 120rem;
  --primitive-gray-100: #f7f7f7;
  --primitive-gray-200: #edeeef;
  --primitive-gray-300: #d5d7db;
  --primitive-gray-400: #b7bcc3;
  --primitive-gray-500: #818791;
  --primitive-gray-600: #6b7280;
  --primitive-gray-700: #4f5562;
  --primitive-gray-800: #343944;
  --primitive-gray-900: #242831;
  --primitive-gray-1000: #191b22;
  --primitive-gray-black: #121212;
  --primitive-gray-white: #ffffff;
  --primitive-gray-100-alpha: rgba(56, 56, 56, 0.04);
  --primitive-gray-200-alpha: rgba(31, 44, 56, 0.08);
  --primitive-gray-300-alpha: rgba(8, 20, 43, 0.17);
  --primitive-gray-400-alpha: rgba(7, 25, 49, 0.29);
  --primitive-gray-500-alpha: rgba(2, 17, 44, 0.45);
  --primitive-gray-600-alpha: rgba(4, 17, 42, 0.59);
  --primitive-gray-700-alpha: rgba(4, 12, 32, 0.7);
  --primitive-gray-800-alpha: rgba(1, 7, 19, 0.8);
  --primitive-gray-900-alpha: rgba(0, 5, 15, 0.86);
  --primitive-gray-1000-alpha: rgba(2, 4, 13, 0.91);
  --primitive-blue-100: #f0f7ff;
  --primitive-blue-200: #d9eafe;
  --primitive-blue-300: #abcffd;
  --primitive-blue-400: #66a8fd;
  --primitive-blue-500: #3a89fd;
  --primitive-blue-600: #0c57cd;
  --primitive-blue-700: #063b99;
  --primitive-blue-800: #052b74;
  --primitive-blue-900: #041c4f;
  --primitive-blue-1000: #03122f;
  --primitive-blue-100-alpha: rgba(5, 122, 255, 0.06);
  --primitive-blue-200-alpha: rgba(2, 117, 247, 0.15);
  --primitive-blue-300-alpha: rgba(0, 112, 250, 0.33);
  --primitive-blue-400-alpha: rgba(0, 108, 250, 0.6);
  --primitive-blue-500-alpha: rgba(3, 103, 252, 0.78);
  --primitive-blue-600-alpha: rgba(2, 79, 202, 0.96);
  --primitive-blue-700-alpha: rgba(1, 56, 152, 0.98);
  --primitive-blue-800-alpha: rgba(2, 42, 116, 0.99);
  --primitive-blue-900-alpha: rgba(1, 26, 75, 0.99);
  --primitive-blue-1000-alpha: rgba(0, 16, 46, 0.99);
  --primitive-blue-shadow: rgba(12, 87, 205, 0.16);
  --primitive-red-100: #feecec;
  --primitive-red-200: #fedcdc;
  --primitive-red-300: #feada9;
  --primitive-red-400: #fc817c;
  --primitive-red-500: #f4534f;
  --primitive-red-600: #d12828;
  --primitive-red-700: #ab1a1d;
  --primitive-red-800: #7e130e;
  --primitive-red-900: #5c0b09;
  --primitive-red-1000: #3b0807;
  --primitive-green-100: #e2fdee;
  --primitive-green-200: #c0f6dc;
  --primitive-green-300: #71e0b0;
  --primitive-green-400: #29c68c;
  --primitive-green-500: #1aad74;
  --primitive-green-600: #088556;
  --primitive-green-700: #086945;
  --primitive-green-800: #0a4e35;
  --primitive-green-900: #063724;
  --primitive-green-1000: #052618;
  --primitive-orange-100: #fff3e0;
  --primitive-orange-200: #ffe4c2;
  --primitive-orange-300: #fec880;
  --primitive-orange-400: #fba94b;
  --primitive-orange-500: #f39129;
  --primitive-orange-600: #d26e16;
  --primitive-orange-700: #a2520c;
  --primitive-orange-800: #753c08;
  --primitive-orange-900: #553008;
  --primitive-orange-1000: #3c2109;
  --primitive-amber-100: #fdf8cf;
  --primitive-amber-200: #fdeeaf;
  --primitive-amber-300: #fbd974;
  --primitive-amber-400: #f1bc0f;
  --primitive-amber-500: #dda100;
  --primitive-amber-600: #c08700;
  --primitive-amber-700: #976800;
  --primitive-amber-800: #785200;
  --primitive-amber-900: #563e00;
  --primitive-amber-1000: #3c2e00;
  --primitive-yellow-100: #fbfbb7;
  --primitive-yellow-200: #f4f587;
  --primitive-yellow-300: #efe752;
  --primitive-yellow-400: #d6ce31;
  --primitive-yellow-500: #beb71f;
  --primitive-yellow-600: #a29f14;
  --primitive-yellow-700: #807d0f;
  --primitive-yellow-800: #65620a;
  --primitive-yellow-900: #494606;
  --primitive-yellow-1000: #2f2c03;
  --primitive-purple-100: #f7f5ff;
  --primitive-purple-200: #e9e5fd;
  --primitive-purple-300: #d1c9fc;
  --primitive-purple-400: #baa8f7;
  --primitive-purple-500: #a485ed;
  --primitive-purple-600: #7c4ccd;
  --primitive-purple-700: #562c9e;
  --primitive-purple-800: #3b2270;
  --primitive-purple-900: #291753;
  --primitive-purple-1000: #160a30;
  --primitive-purple-alpha-100: hsla(257, 96%, 48%, 0.06);
  --primitive-purple-alpha-200: hsla(265, 89%, 44%, 0.12);
  --primitive-purple-alpha-300: hsla(264, 94%, 43%, 0.25);
  --primitive-purple-alpha-400: hsla(263, 99%, 42%, 0.41);
  --primitive-purple-alpha-500: hsla(262, 99%, 41%, 0.54);
  --primitive-purple-alpha-600: hsla(258, 100%, 34%, 0.75);
  --primitive-purple-alpha-700: hsla(258, 100%, 25%, 0.8);
  --primitive-purple-alpha-800: hsla(258, 100%, 18%, 0.86);
  --primitive-purple-alpha-900: hsla(258, 100%, 13%, 0.91);
  --primitive-purple-alpha-1000: hsla(260, 91%, 9%, 0.97);
  --primitive-purple-shadow: rgba(102, 64, 194, 0.16);
  --primitive-brand-purple: #775ed3;
  --primitive-brand-lilac: #dacdf2;
  --primitive-brand-coolwhite: #f7f2f9;
  --primitive-brand-navy: #0a1128;
  --primitive-brand-sunflower: #efe745;
  --color-brand-primary: var(--primitive-brand-purple);
  --color-brand-light: var(--primitive-brand-lilac);
  --color-brand-soft: var(--primitive-brand-coolwhite);
  --color-brand-dark: var(--primitive-brand-navy);
  --brand-neumo-navy: var(--primitive-brand-navy);
  --brand-neumo-lilac: var(--primitive-brand-lilac);
  --color-brand-accent: var(--primitive-brand-sunflower);
  --color-neutral-100: var(--primitive-gray-100);
  --color-neutral-200: var(--primitive-gray-200);
  --color-neutral-300: var(--primitive-gray-300);
  --color-neutral-400: var(--primitive-gray-400);
  --color-neutral-500: var(--primitive-gray-500);
  --color-neutral-600: var(--primitive-gray-600);
  --color-neutral-700: var(--primitive-gray-700);
  --color-neutral-800: var(--primitive-gray-800);
  --color-neutral-900: var(--primitive-gray-900);
  --color-neutral-1000: var(--primitive-gray-1000);
  --color-neutral-darkest: var(--primitive-gray-black);
  --color-neutral-lightest: var(--primitive-gray-white);
  --color-neutral-100-alpha: var(--primitive-gray-100-alpha);
  --color-neutral-200-alpha: var(--primitive-gray-200-alpha);
  --color-neutral-300-alpha: var(--primitive-gray-300-alpha);
  --color-neutral-400-alpha: var(--primitive-gray-400-alpha);
  --color-neutral-500-alpha: var(--primitive-gray-500-alpha);
  --color-neutral-600-alpha: var(--primitive-gray-600-alpha);
  --color-neutral-700-alpha: var(--primitive-gray-700-alpha);
  --color-neutral-800-alpha: var(--primitive-gray-800-alpha);
  --color-neutral-900-alpha: var(--primitive-gray-900-alpha);
  --color-neutral-1000-alpha: var(--primitive-gray-1000-alpha);
  --color-primary-100: var(--primitive-purple-100);
  --color-primary-200: var(--primitive-purple-200);
  --color-primary-300: var(--primitive-purple-300);
  --color-primary-400: var(--primitive-purple-400);
  --color-primary-500: var(--primitive-purple-500);
  --color-primary-600: var(--primitive-purple-600);
  --color-primary-700: var(--primitive-purple-700);
  --color-primary-800: var(--primitive-purple-800);
  --color-primary-900: var(--primitive-purple-900);
  --color-primary-1000: var(--primitive-purple-1000);
  --color-primary-alpha-100: var(--primitive-purple-alpha-100);
  --color-primary-alpha-200: var(--primitive-purple-alpha-200);
  --color-primary-alpha-300: var(--primitive-purple-alpha-300);
  --color-primary-alpha-400: var(--primitive-purple-alpha-400);
  --color-primary-alpha-500: var(--primitive-purple-alpha-500);
  --color-primary-alpha-600: var(--primitive-purple-alpha-600);
  --color-primary-alpha-700: var(--primitive-purple-alpha-700);
  --color-primary-alpha-800: var(--primitive-purple-alpha-800);
  --color-primary-alpha-900: var(--primitive-purple-alpha-900);
  --color-primary-alpha-1000: var(--primitive-purple-alpha-1000);
  --color-danger-100: var(--primitive-red-100);
  --color-danger-200: var(--primitive-red-200);
  --color-danger-300: var(--primitive-red-300);
  --color-danger-400: var(--primitive-red-400);
  --color-danger-500: var(--primitive-red-500);
  --color-danger-600: var(--primitive-red-600);
  --color-danger-700: var(--primitive-red-700);
  --color-danger-800: var(--primitive-red-800);
  --color-danger-900: var(--primitive-red-900);
  --color-danger-1000: var(--primitive-red-1000);
  --color-warning-100: var(--primitive-orange-100);
  --color-warning-200: var(--primitive-orange-200);
  --color-warning-300: var(--primitive-orange-300);
  --color-warning-400: var(--primitive-orange-400);
  --color-warning-500: var(--primitive-orange-500);
  --color-warning-600: var(--primitive-orange-600);
  --color-warning-700: var(--primitive-orange-700);
  --color-warning-800: var(--primitive-orange-800);
  --color-warning-900: var(--primitive-orange-900);
  --color-warning-1000: var(--primitive-orange-1000);
  --color-success-100: var(--primitive-green-100);
  --color-success-200: var(--primitive-green-200);
  --color-success-300: var(--primitive-green-300);
  --color-success-400: var(--primitive-green-400);
  --color-success-500: var(--primitive-green-500);
  --color-success-600: var(--primitive-green-600);
  --color-success-700: var(--primitive-green-700);
  --color-success-800: var(--primitive-green-800);
  --color-success-900: var(--primitive-green-900);
  --color-success-1000: var(--primitive-green-1000);
  --color-highlight-100: var(--primitive-yellow-100);
  --color-highlight-200: var(--primitive-yellow-200);
  --color-highlight-300: var(--primitive-yellow-300);
  --color-highlight-400: var(--primitive-yellow-400);
  --color-highlight-500: var(--primitive-yellow-500);
  --color-highlight-600: var(--primitive-yellow-600);
  --color-highlight-700: var(--primitive-yellow-700);
  --color-highlight-800: var(--primitive-yellow-800);
  --color-highlight-900: var(--primitive-yellow-900);
  --color-highlight-1000: var(--primitive-yellow-1000);
  --color-info-100: var(--primitive-blue-100);
  --color-info-200: var(--primitive-blue-200);
  --color-info-300: var(--primitive-blue-300);
  --color-info-400: var(--primitive-blue-400);
  --color-info-500: var(--primitive-blue-500);
  --color-info-600: var(--primitive-blue-600);
  --color-info-700: var(--primitive-blue-700);
  --color-info-800: var(--primitive-blue-800);
  --color-info-900: var(--primitive-blue-900);
  --color-info-1000: var(--primitive-blue-1000);
  --spacing-4xs: var(--primitive-0);
  --spacing-3xs: var(--primitive-2);
  --spacing-2xs: var(--primitive-4);
  --spacing-xs: var(--primitive-8);
  --spacing-sm: var(--primitive-12);
  --spacing-md: var(--primitive-16);
  --spacing-lg: var(--primitive-20);
  --spacing-xl: var(--primitive-24);
  --spacing-2xl: var(--primitive-32);
  --spacing-3xl: var(--primitive-48);
  --spacing-4xl: var(--primitive-64);
  --layout-4xs: var(--primitive-192);
  --layout-3xs: var(--primitive-224);
  --layout-2xs: var(--primitive-256);
  --layout-xs: var(--primitive-320);
  --layout-sm: var(--primitive-384);
  --layout-md: var(--primitive-512);
  --layout-lg: var(--primitive-768);
  --layout-xl: var(--primitive-1024);
  --layout-2xl: var(--primitive-1280);
  --layout-3xl: var(--primitive-1600);
  --layout-4xl: var(--primitive-1920);
  --font-families-default: "Source Sans 3", sans-serif;
  --font-families-mono: "Fira Code", monospace;
  --font-size-3xs: var(--primitive-12);
  --font-size-2xs: var(--primitive-13);
  --font-size-xs: var(--primitive-14);
  --font-size-sm: var(--primitive-15);
  --font-size-md: 15px;
  --font-size-lg: var(--primitive-18);
  --font-size-xl: var(--primitive-20);
  --font-size-2xl: 18px;
  --font-size-3xl: 18px;
  --font-size-4xl: var(--primitive-36);
  --font-size-5xl: var(--primitive-48);
  --font-size-6xl: var(--primitive-72);
  --font-weights-regular: 424;
  --font-weights-semibold: 600;
  --font-weights-bold: 720;
  --letter-spacing-3xs: -0.005em;
  --letter-spacing-2xs: -0.005em;
  --letter-spacing-xs: -0.005em;
  --letter-spacing-sm: -0.01em;
  --letter-spacing-md: -0.01em;
  --letter-spacing-lg: -0.01em;
  --letter-spacing-xl: -0.01em;
  --letter-spacing-2xl: -0.015em;
  --letter-spacing-3xl: -0.0175em;
  --letter-spacing-4xl: -0.0175em;
  --letter-spacing-5xl: -0.0175em;
  --letter-spacing-6xl: -0.025em;
  --line-heights-3xs: var(--primitive-16);
  --line-heights-2xs: var(--primitive-20);
  --line-heights-xs: var(--primitive-20);
  --line-heights-sm: var(--primitive-20);
  --line-heights-md: var(--primitive-24);
  --line-heights-lg: var(--primitive-24);
  --line-heights-xl: var(--primitive-28);
  --line-heights-2xl: var(--primitive-36);
  --line-heights-3xl: var(--primitive-36);
  --line-heights-4xl: var(--primitive-48);
  --line-heights-5xl: var(--primitive-60);
  --line-heights-6xl: var(--primitive-80);
  --border-radius-none: var(--primitive-0);
  --border-radius-2xs: var(--primitive-2);
  --border-radius-xs: var(--primitive-4);
  --border-radius-sm: var(--primitive-6);
  --border-radius-md: var(--primitive-8);
  --border-radius-lg: var(--primitive-12);
  --border-radius-xl: var(--primitive-16);
  --border-width-none: var(--primitive-0);
  --border-width-sm: var(--primitive-1);
  --border-width-md: var(--primitive-2);
  --border-width-lg: var(--primitive-4);
  --opacity-disabled: 0.32;
  --opacity-sm: 0.48;
  --opacity-md: 0.64;
  --opacity-lg: 0.88;
  --shadow-xs: 0 0 12px 0 rgba(18, 18, 18, 0.08);
  --shadow-sm: 0 0 12px 0 rgba(18, 18, 18, 0.16);
  --shadow-md: 0 0 12px 0 rgba(18, 18, 18, 0.24);
  --shadow-lg: 0 0 12px 0 rgba(18, 18, 18, 0.72);
  --shadow-xl: 0 0 16px 0 rgba(18, 18, 18, 0.96);
  --shadow-primary: var(--primitive-purple-shadow);
  --elevation-100: 100;
  --elevation-150: 150;
  --elevation-199: 199;
  --elevation-200: 200;
  --elevation-250: 250;
  --elevation-299: 299;
  --elevation-300: 300;
  --elevation-350: 350;
  --elevation-399: 399;
  --elevation-400: 400;
  --elevation-450: 450;
  --elevation-499: 499;
  --elevation-absolute-bottom: -999;
  --elevation-absolute-top: 999;
}
