$opacity-0: 0%;
$opacity-25: 25%;
$opacity-35: 35%;
$opacity-40: 40%;
$opacity-45: 45%;
$opacity-50: 50%;
$color-palette-neutral-1000: #000000;
$color-palette-neutral-000: #ffffff;
$color-palette-neutral-1000a00: #00000000;
$color-palette-darkblue-100: #cbdee9;
$color-palette-darkblue-200: #98bdd3;
$color-palette-darkblue-300: #649cbd;
$color-palette-darkblue-400: #2f7aa7;
$color-palette-darkblue-500: #005a8f;
$color-palette-darkblue-600: #004872;
$color-palette-darkblue-700: #1c3f5e;
$color-palette-darkblue-800: #1b2d3e;
$color-palette-darkblue-900: #172635;
$color-palette-darkblue-950: #080c11;
$color-palette-brightblue-100: #daeeff;
$color-palette-brightblue-200: #cee9fc;
$color-palette-brightblue-300: #b7dcff;
$color-palette-brightblue-400: #92cbff;
$color-palette-brightblue-500: #4dacff;
$color-palette-brightblue-600: #3a87cf;
$color-palette-brightblue-700: #2b659b;
$color-palette-brightblue-800: #1c3851;
$color-palette-brightblue-850: #142435;
$color-palette-brightblue-900: #101923;
$color-palette-grey-100: #f5f6f9;
$color-palette-grey-200: #eaeef4;
$color-palette-grey-250: #e0e5eb;
$color-palette-grey-300: #d4d8dd;
$color-palette-grey-400: #bbc1c9;
$color-palette-grey-500: #a4abb6;
$color-palette-grey-600: #7b8089;
$color-palette-grey-700: #51555b;
$color-palette-grey-800: #3c3e42;
$color-palette-grey-900: #292a2d;
$color-palette-red-400: #ff5f60;
$color-palette-red-500: #ff3838;
$color-palette-red-600: #ff2a04;
$color-palette-red-700: #c8102e;
$color-palette-red-800: #8b1703;
$color-palette-red-900: #661102;
$color-palette-orange-400: #ffcc57;
$color-palette-orange-500: #ffb302;
$color-palette-orange-600: #ffaf3d;
$color-palette-orange-700: #ff8c00;
$color-palette-orange-800: #975f0e;
$color-palette-orange-900: #664618;
$color-palette-yellow-400: #fded61;
$color-palette-yellow-500: #fce83a;
$color-palette-yellow-600: #fad800;
$color-palette-yellow-700: #c7ab00;
$color-palette-yellow-800: #917d01;
$color-palette-yellow-900: #645600;
$color-palette-green-400: #99f666;
$color-palette-green-500: #56f000;
$color-palette-green-600: #00e200;
$color-palette-green-700: #00ad23;
$color-palette-green-800: #007a33;
$color-palette-green-900: #005a00;
$color-palette-cyan-400: #5ce2ff;
$color-palette-cyan-500: #64d9ff;
$color-palette-cyan-600: #2dccff;
$color-palette-cyan-700: #20a9d5;
$color-palette-cyan-800: #35798e;
$color-palette-cyan-900: #285766;
$color-palette-violet-800: #502b85;
$color-palette-blue-800: #0033a0;
$color-palette-teal-100: #d0f4f4;
$color-palette-teal-200: #a1e9eb;
$color-palette-teal-300: #70dde0;
$color-palette-teal-400: #3ed2d6;
$color-palette-teal-500: #00c7cb;
$color-palette-teal-600: #009fa3;
$color-palette-teal-700: #00777a;
$color-palette-teal-800: #035051;
$color-palette-teal-900: #032828;
$color-palette-purple-100: #e4e2f7;
$color-palette-purple-200: #c9c5ed;
$color-palette-purple-300: #aea8e5;
$color-palette-purple-400: #938bdb;
$color-palette-purple-500: #786dd3;
$color-palette-purple-600: #6058a8;
$color-palette-purple-700: #48417f;
$color-palette-purple-800: #302c54;
$color-palette-purple-900: #18152b;
$color-palette-pink-100: #edcef3;
$color-palette-pink-200: #da9ce7;
$color-palette-pink-300: #c76ada;
$color-palette-pink-400: #b534ce;
$color-palette-pink-500: #a200c1;
$color-palette-pink-600: #81009a;
$color-palette-pink-700: #610074;
$color-palette-pink-800: #41004d;
$color-palette-pink-900: #200227;
$color-palette-hotorange-100: #f8ddd1;
$color-palette-hotorange-200: #f0baa3;
$color-palette-hotorange-300: #ea9875;
$color-palette-hotorange-400: #e27545;
$color-palette-hotorange-500: #da5309;
$color-palette-hotorange-600: #af420a;
$color-palette-hotorange-700: #833209;
$color-palette-hotorange-800: #572108;
$color-palette-hotorange-900: #2b1105;
$border-width-none: 0;
$border-width-xs: 1px;
$border-width-sm: 2px;
$border-width-lg: 4px;
$radius-base: 3px;
$radius-circle: 50%;
$font-family-sans: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$line-height-2xs: 0.875rem;
$line-height-xs: 1rem;
$line-height-sm: 1.25rem;
$line-height-base: 1.5rem;
$line-height-lg: 1.75rem;
$line-height-xl: 2rem;
$line-height-2xl: 2.5rem;
$line-height-3xl: 3.5rem;
$line-height-4xl: 4.375rem;
$font-weights-light: 300;
$font-weights-regular: 400;
$font-weights-medium: 500;
$font-weights-bold: 700;
$font-weight-light: 300;
$font-weight-regular: 400;
$font-weight-medium: 500;
$font-weight-bold: 700;
$font-size-xs: 0.75rem;
$font-size-sm: 0.875rem;
$font-size-base: 1rem;
$font-size-lg: 1.125rem;
$font-size-xl: 1.25rem;
$font-size-2xl: 1.5rem;
$font-size-3xl: 1.75rem;
$font-size-4xl: 2.125rem;
$font-size-5xl: 3rem;
$font-size-6xl: 3.75rem;
$letter-spacing-2xl: 0.005em;
$letter-spacing-xl: 0.0025em;
$letter-spacing-base: 0em;
$letter-spacing-lg: 0.0015em;
$letter-spacing-sm: -0.005em;
$paragraph-spacing-0: 0;
$spacing-0: 0rem;
$spacing-1: 0.25rem;
$spacing-2: 0.5rem;
$spacing-3: 0.75rem;
$spacing-4: 1rem;
$spacing-6: 1.5rem;
$spacing-8: 2rem;
$spacing-10: 2.5rem;
$spacing-12: 3rem;
$spacing-14: 3.5rem;
$spacing-16: 4rem;
$spacing-20: 5rem;
$spacing-24: 6rem;
$spacing-025: 0.0625rem;
$spacing-050: 0.125rem;
$font-heading-1-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-heading-1-font-weight: 400;
$font-heading-1-line-height: calc(40 / 34);
$font-heading-1-font-size: 2.125rem;
$font-heading-1-letter-spacing: 0.0025em;
$font-heading-1-paragraph-spacing: 0;
$font-heading-1-text-decoration: none;
$font-heading-1-text-case: none;
$font-heading-1-bold-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-heading-1-bold-font-weight: 700;
$font-heading-1-bold-line-height: calc(40 / 34);
$font-heading-1-bold-font-size: 2.125rem;
$font-heading-1-bold-letter-spacing: 0.0025em;
$font-heading-1-bold-paragraph-spacing: 0;
$font-heading-1-bold-text-decoration: none;
$font-heading-1-bold-text-case: none;
$font-heading-2-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-heading-2-font-weight: 400;
$font-heading-2-line-height: calc(28 / 24);
$font-heading-2-font-size: 1.5rem;
$font-heading-2-letter-spacing: 0em;
$font-heading-2-paragraph-spacing: 0;
$font-heading-2-text-decoration: none;
$font-heading-2-text-case: none;
$font-heading-3-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-heading-3-font-weight: 500;
$font-heading-3-line-height: calc(24 / 20);
$font-heading-3-font-size: 1.25rem;
$font-heading-3-letter-spacing: 0.0015em;
$font-heading-3-paragraph-spacing: 0;
$font-heading-3-text-decoration: none;
$font-heading-3-text-case: none;
$font-heading-4-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-heading-4-font-weight: 300;
$font-heading-4-line-height: calc(24 / 20);
$font-heading-4-font-size: 1.25rem;
$font-heading-4-letter-spacing: 0.0015em;
$font-heading-4-paragraph-spacing: 0;
$font-heading-4-text-decoration: none;
$font-heading-4-text-case: none;
$font-heading-5-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-heading-5-font-weight: 400;
$font-heading-5-line-height: calc(24 / 18);
$font-heading-5-font-size: 1.125rem;
$font-heading-5-letter-spacing: 0em;
$font-heading-5-paragraph-spacing: 0;
$font-heading-5-text-decoration: none;
$font-heading-5-text-case: none;
$font-heading-6-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-heading-6-font-weight: 300;
$font-heading-6-line-height: calc(24 / 18);
$font-heading-6-font-size: 1.125rem;
$font-heading-6-letter-spacing: 0em;
$font-heading-6-paragraph-spacing: 0;
$font-heading-6-text-decoration: none;
$font-heading-6-text-case: none;
$font-body-1-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-body-1-font-weight: 400;
$font-body-1-line-height: calc(24 / 16);
$font-body-1-font-size: 1rem;
$font-body-1-letter-spacing: 0.005em;
$font-body-1-paragraph-spacing: 0;
$font-body-1-text-decoration: none;
$font-body-1-text-case: none;
$font-body-1-bold-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-body-1-bold-font-weight: 700;
$font-body-1-bold-line-height: calc(24 / 16);
$font-body-1-bold-font-size: 1rem;
$font-body-1-bold-letter-spacing: 0.005em;
$font-body-1-bold-paragraph-spacing: 0;
$font-body-1-bold-text-decoration: none;
$font-body-1-bold-text-case: none;
$font-body-2-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-body-2-font-weight: 400;
$font-body-2-line-height: calc(20 / 14);
$font-body-2-font-size: 0.875rem;
$font-body-2-letter-spacing: 0.005em;
$font-body-2-paragraph-spacing: 0;
$font-body-2-text-decoration: none;
$font-body-2-text-case: none;
$font-body-2-bold-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-body-2-bold-font-weight: 700;
$font-body-2-bold-line-height: calc(20 / 14);
$font-body-2-bold-font-size: 0.875rem;
$font-body-2-bold-letter-spacing: 0.005em;
$font-body-2-bold-paragraph-spacing: 0;
$font-body-2-bold-text-decoration: none;
$font-body-2-bold-text-case: none;
$font-body-3-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-body-3-font-weight: 400;
$font-body-3-line-height: calc(16 / 12);
$font-body-3-font-size: 0.75rem;
$font-body-3-letter-spacing: 0.005em;
$font-body-3-paragraph-spacing: 0;
$font-body-3-text-decoration: none;
$font-body-3-text-case: none;
$font-body-3-bold-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-body-3-bold-font-weight: 700;
$font-body-3-bold-line-height: calc(16 / 12);
$font-body-3-bold-font-size: 0.75rem;
$font-body-3-bold-letter-spacing: 0.005em;
$font-body-3-bold-paragraph-spacing: 0;
$font-body-3-bold-text-decoration: none;
$font-body-3-bold-text-case: none;
$font-monospace-1-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-monospace-1-font-weight: 500;
$font-monospace-1-line-height: calc(32 / 28);
$font-monospace-1-font-size: 1.75rem;
$font-monospace-1-letter-spacing: 0em;
$font-monospace-1-paragraph-spacing: 0;
$font-monospace-1-text-decoration: none;
$font-monospace-1-text-case: none;
$font-display-1-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-display-1-font-weight: 300;
$font-display-1-line-height: calc(70 / 60);
$font-display-1-font-size: 3.75rem;
$font-display-1-letter-spacing: -0.005em;
$font-display-1-paragraph-spacing: 0;
$font-display-1-text-decoration: none;
$font-display-1-text-case: none;
$font-display-2-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-display-2-font-weight: 400;
$font-display-2-line-height: calc(56 / 48);
$font-display-2-font-size: 3rem;
$font-display-2-letter-spacing: 0em;
$font-display-2-paragraph-spacing: 0;
$font-display-2-text-decoration: none;
$font-display-2-text-case: none;
$font-control-body-1-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-control-body-1-font-weight: 400;
$font-control-body-1-line-height: calc(20 / 16);
$font-control-body-1-font-size: 1rem;
$font-control-body-1-letter-spacing: 0.005em;
$font-control-body-1-paragraph-spacing: 0;
$font-control-body-1-text-decoration: none;
$font-control-body-1-text-case: none;
$font-control-body-1-bold-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
$font-control-body-1-bold-font-weight: 700;
$font-control-body-1-bold-line-height: calc(20 / 16);
$font-control-body-1-bold-font-size: 1rem;
$font-control-body-1-bold-letter-spacing: 0.005em;
$font-control-body-1-bold-paragraph-spacing: 0;
$font-control-body-1-bold-text-decoration: none;
$font-control-body-1-bold-text-case: none;