/**
 * Do not edit directly
 * This file was automatically generated
 */

:root {
  --z-index-10: 1000;
  --z-index-9: 500;
  --z-index-8: 100;
  --z-index-7: 50;
  --z-index-6: 10;
  --z-index-5: 5;
  --z-index-4: 4;
  --z-index-3: 3;
  --z-index-2: 2;
  --z-index-1: 1;
  --z-index-0: 0;
  --size-half: 0.25rem;
  --size-quarter: 0.125rem;
  --size-eighth: 0.0625rem;
  --size-10: 5rem;
  --size-9: 4.5rem;
  --size-8: 4rem;
  --size-7: 3.5rem;
  --size-6: 3rem;
  --size-5: 2.5rem;
  --size-4: 2rem;
  --size-3: 1.5rem;
  --size-2: 1rem;
  --size-1: 0.5rem;
  --opacity-5: 1;
  --opacity-4: 0.75;
  --opacity-3: 0.5;
  --opacity-2: 0.2;
  --opacity-1: 0.1;
  --opacity-0: 0;
  --elevation-spread-5: 0rem;
  --elevation-spread-4: 0rem;
  --elevation-spread-3: 0rem;
  --elevation-spread-2: 0rem;
  --elevation-spread-1: 0rem;
  --elevation-spread-0: 0rem;
  --elevation-blur-5: 3.125rem;
  --elevation-blur-4: 1.875rem;
  --elevation-blur-3: 0.875rem;
  --elevation-blur-2: 0.75rem;
  --elevation-blur-1: 0.375rem;
  --elevation-blur-0: 0rem;
  --elevation-y-5: 1.25rem;
  --elevation-y-4: 1.25rem;
  --elevation-y-3: 0.75rem;
  --elevation-y-2: 0.625rem;
  --elevation-y-1: 0.375rem;
  --elevation-y-0: 0rem;
  --elevation-x-5: 0rem;
  --elevation-x-4: 0rem;
  --elevation-x-3: 0rem;
  --elevation-x-2: 0rem;
  --elevation-x-1: 0rem;
  --elevation-x-0: 0rem;
  --border-radius-circle: 50%;
  --border-radius-static-large: 0rem;
  --border-radius-static-small: 0rem;
  --border-radius-large: 1.6875rem;
  --border-radius-small: 0.875rem;
  --animation-timing-easeinout: cubic-bezier(.39,.01,.85,1.02);
  --animation-duration-slow: 350ms;
  --animation-duration-normal: 250ms;
  --animation-duration-fast: 150ms;
  --system-color-focus: 136, 28, 248;
  --system-color-info-pink-main: 221, 75, 166;
  --system-color-info-purple-main: 178, 75, 221;
  --system-color-info-violet-main: 136, 28, 248;
  --system-color-info-cobalt-main: 75, 100, 221;
  --system-color-info-blue-main: 75, 156, 221;
  --system-color-info-turquoise-main: 75, 221, 214;
  --system-color-info-grass-main: 196, 221, 75;
  --system-color-info-lemon-main: 248, 227, 28;
  --system-color-info-yellow-main: 248, 202, 28;
  --system-color-error-main: 221, 75, 75;
  --system-color-warning-main: 248, 133, 28;
  --system-color-success-main: 75, 221, 107;
  --font-weight-900: 900;
  --font-weight-800: 800;
  --font-weight-700: 700;
  --font-weight-600: 600;
  --font-weight-500: 500;
  --font-weight-400: 400;
  --font-weight-300: 300;
  --font-weight-200: 200;
  --font-weight-100: 100;
  --font-weight-0: 0;
  --font-size-button: 1rem;
  --font-size-microcopy: 0.75rem;
  --font-size-body-2: 0.875rem;
  --font-size-body-1: 1rem;
  --font-size-introtext: 1.5rem;
  --font-size-subtitle-2: 0.875rem;
  --font-size-subtitle-1: 1rem;
  --font-size-heading-6: 1.25rem;
  --font-size-heading-5: 1.5rem;
  --font-size-heading-4: 2.125rem;
  --font-size-heading-3: 3rem;
  --font-size-heading-2: 3.75rem;
  --font-size-heading-1: 6rem;
  --font-family-ui: 'Source Sans 3', sans-serif;
  --font-family-brand: 'Raleway', sans-serif;
  --color-neutral-900s: 20, 20, 20;
  --color-neutral-800s: 52, 52, 52;
  --color-neutral-700s: 82, 82, 82;
  --color-neutral-600s: 101, 101, 101;
  --color-neutral-500s: 141, 141, 141;
  --color-neutral-400s: 173, 173, 173;
  --color-neutral-300s: 210, 210, 210;
  --color-neutral-200s: 228, 228, 228;
  --color-neutral-100s: 246, 246, 246;
  --color-neutral-50s: 255, 255, 255;
  --color-accent-900s: 128, 32, 61;
  --color-accent-800s: 170, 42, 81;
  --color-accent-700s: 193, 48, 92;
  --color-accent-600s: 240, 59, 114;
  --color-accent-500s: 243, 100, 143;
  --color-accent-400s: 246, 130, 165;
  --color-accent-300s: 248, 165, 190;
  --color-accent-200s: 251, 201, 216;
  --color-accent-100s: 253, 233, 240;
  --color-accent-50s: 255, 242, 246;
  --color-brand-900s: 1, 96, 67;
  --color-brand-800s: 0, 127, 89;
  --color-brand-700s: 1, 144, 101;
  --color-brand-600s: 0, 179, 125;
  --color-brand-500s: 54, 195, 153;
  --color-brand-400s: 92, 207, 172;
  --color-brand-300s: 138, 220, 196;
  --color-brand-200s: 185, 235, 220;
  --color-brand-100s: 227, 247, 241;
  --color-brand-50s: 237, 250, 246;
  --spacing-half: var(--size-half);
  --spacing-quarter: var(--size-quarter);
  --spacing-eighth: var(--size-eighth);
  --spacing-10: var(--size-10);
  --spacing-9: var(--size-9);
  --spacing-8: var(--size-8);
  --spacing-7: var(--size-7);
  --spacing-6: var(--size-6);
  --spacing-5: var(--size-5);
  --spacing-4: var(--size-4);
  --spacing-3: var(--size-3);
  --spacing-2: var(--size-2);
  --spacing-1: var(--size-1);
  --elevation-color-5: var(--color-neutral-800s), 0.18;
  --elevation-color-4: var(--color-neutral-800s), 0.18;
  --elevation-color-3: var(--color-neutral-800s), 0.14;
  --elevation-color-2: var(--color-neutral-800s), 0.14;
  --elevation-color-1: var(--color-neutral-800s), 0.1;
  --elevation-color-0: var(--color-neutral-800s), 0;
  --elevation-5: var(--elevation-x-5) var(--elevation-y-5) var(--elevation-blur-5) var(--elevation-spread-5) rgba(var(--elevation-color-5));
  --elevation-4: var(--elevation-x-4) var(--elevation-y-4) var(--elevation-blur-4) var(--elevation-spread-4) rgba(var(--elevation-color-4));
  --elevation-3: var(--elevation-x-3) var(--elevation-y-3) var(--elevation-blur-3) var(--elevation-spread-3) rgba(var(--elevation-color-3));
  --elevation-2: var(--elevation-x-2) var(--elevation-y-2) var(--elevation-blur-2) var(--elevation-spread-2) rgba(var(--elevation-color-2));
  --elevation-1: var(--elevation-x-1) var(--elevation-y-1) var(--elevation-blur-1) var(--elevation-spread-1) rgba(var(--elevation-color-1));
  --elevation-0: var(--elevation-x-0) var(--elevation-y-0) var(--elevation-blur-0) var(--elevation-spread-0) rgba(var(--elevation-color-0));
  --border-width: var(--size-quarter);
  --border-radius-dynamic-large: var(--border-radius-large) var(--border-radius-large) 0 0;
  --border-radius-dynamic-small: var(--border-radius-small) var(--border-radius-small) 0 0;
  --border-radius-interactive-large: var(--border-radius-large) var(--border-radius-large) var(--border-radius-large) var(--border-radius-large);
  --border-radius-interactive-small: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) var(--border-radius-small);
  --font-color-onbrand-dark: var(--color-brand-200s);
  --font-color-onbrand-hover: var(--color-neutral-50s), var(--opacity-4);
  --font-color-onbrand-accent: var(--color-accent-300s);
  --font-color-onbrand-error: var(--system-color-error-main);
  --font-color-onbrand-brand: var(--color-neutral-900s);
  --font-color-onbrand-muted: var(--color-neutral-50s), var(--opacity-3);
  --font-color-onbrand-default: var(--color-neutral-50s);
  --color-accent-main: var(--color-accent-600s);
  --color-brand-main: var(--color-brand-600s);
  --surface-color-main: var(--color-neutral-900), 0;
  --surface-color-light: var(--color-neutral-50);
  --surface-color-dark: var(--color-brand-100);
  --surface-color-base: var(--color-neutral-50);
}