/**
 * Do not edit directly, this file was auto-generated.
 */

@import './global.css';
:root { 
  --color-shades-brand-100: #ff666b;
  --color-shades-brand-150: #ff525d;
  --color-shades-brand-200: #f8253a;
  --color-shades-brand-250: #f3203c;
  --color-shades-brand-300: #e71336;
  --color-shades-brand-400: #d91232;
  --color-shades-brand-500: #c8102e;
  --color-shades-brand-600: #a40d26;
  --color-shades-brand-700: #880b1f;
  --color-shades-brand-800: #760a1c;
  --color-shades-brand-850: #6d0919;
  --color-shades-brand-900: #5e0816;
  --color-shades-brand-950: #500713;
  --color-shades-brand-999: #2b030a;
  --color-shades-brand-000: #ffffff; /** This token has a dark color on Varsom */
  --color-shades-brand-050: #ff8083;
  --color-shades-accent-100: #ff999b;
  --color-shades-accent-200: #ff7075;
  --color-shades-accent-300: #ff4754;
  --color-shades-accent-400: #ee2b41;
  --color-shades-accent-500: #c6102e;
  --color-shades-accent-600: #9c1128;
  --color-shades-accent-700: #821729;
  --color-shades-accent-800: #621825;
  --color-shades-accent-900: #45171f;
  --color-shades-accent-000: #ffb2b4;
  --color-shades-grey-100: #efeff1;
  --color-shades-grey-150: #e4e5e7;
  --color-shades-grey-200: #c9cbcf;
  --color-shades-grey-300: #b6b9be;
  --color-shades-grey-400: #9ea2a9;
  --color-shades-grey-500: #858b93;
  --color-shades-grey-600: #60656c;
  --color-shades-grey-700: #484c51;
  --color-shades-grey-800: #303236;
  --color-shades-grey-850: #292b2e;
  --color-shades-grey-900: #222325;
  --color-shades-grey-950: #171a1c;
  --color-shades-grey-999: #141414;
  --color-shades-grey-999-040: rgba(20, 20, 20, 0.4);
  --color-shades-grey-999-080: rgba(20, 20, 20, 0.8);
  --color-shades-grey-000: #ffffff;
  --color-shades-grey-050: #f7f7f8;
  --color-shades-data-color-a-100: #ff858d;
  --color-shades-data-color-a-150: #ff5762;
  --color-shades-data-color-a-250: #f42a45;
  --color-shades-data-color-a-300: #ed1d3f;
  --color-shades-data-color-a-600: #a40d26;
  --color-shades-data-color-a-800: #6d1322;
  --color-shades-data-color-a-950: #361218;
  --color-shades-data-color-a-000: #ffadb3;
  --color-shades-data-color-a-300-005: rgba(231, 19, 54, 0.02);
  --color-shades-data-color-a-300-015: rgba(231, 19, 54, 0.15);
  --color-shades-data-color-b-200: #ffb657;
  --color-shades-data-color-b-400: #ff9914;
  --color-shades-data-color-b-500: #d67900;
  --color-shades-data-color-b-600: #bc6c2f;
  --color-shades-data-color-b-800: #905527;
  --color-shades-data-color-b-900: #683e1c;
  --color-shades-data-color-c-400: #b4c87e;
  --color-shades-data-color-c-500: #97b34d;
  --color-shades-data-color-c-600: #7f9640;
  --color-shades-data-color-c-800: #647632;
  --color-shades-data-color-c-900: #526029;
  --color-shades-data-color-d-400: #57c7b4;
  --color-shades-data-color-d-500: #3db8a3;
  --color-shades-data-color-d-600: #349d8b;
  --color-shades-data-color-d-800: #2b8274;
  --color-shades-data-color-d-900: #246b5f;
  --color-shades-data-color-e-100: #a0ace4;
  --color-shades-data-color-e-200: #8092db;
  --color-shades-data-color-e-300: #687ed4;
  --color-shades-data-color-e-400: #2e47a3;
  --color-shades-data-color-e-500: #223477;
  --color-shades-data-color-f-600: #9f65b8;
  --color-shades-data-color-f-800: #874aa1;
  --color-shades-data-color-g-600: #d289b6;
  --color-shades-data-color-g-800: #c76ba3;
  --color-shades-functional-blue-100: #ceeaff;
  --color-shades-functional-blue-150: #a8daff;
  --color-shades-functional-blue-200: #91d0ff;
  --color-shades-functional-blue-300: #65bdff;
  --color-shades-functional-blue-400: #38a9ff;
  --color-shades-functional-blue-500: #008ffb;
  --color-shades-functional-blue-600: #0f81fa;
  --color-shades-functional-blue-700: #1d6dd7;
  --color-shades-functional-blue-800: #2061b6;
  --color-shades-functional-blue-850: #184886;
  --color-shades-functional-blue-900: #163f74;
  --color-shades-functional-blue-950: #153661;
  --color-shades-functional-blue-999: #142843;
  --color-shades-functional-blue-000: #e5f4ff;
  --color-shades-functional-blue-050: #d5edff;
  --color-shades-functional-red-100: #ffc2c2;
  --color-shades-functional-red-150: #ffa8a8;
  --color-shades-functional-red-200: #ff9494;
  --color-shades-functional-red-300: #ff7575;
  --color-shades-functional-red-400: #ff5757;
  --color-shades-functional-red-500: #ff3131;
  --color-shades-functional-red-600: #e81c1c;
  --color-shades-functional-red-700: #c41c1c;
  --color-shades-functional-red-800: #b02121;
  --color-shades-functional-red-850: #972626;
  --color-shades-functional-red-900: #7a2929;
  --color-shades-functional-red-950: #581d1d;
  --color-shades-functional-red-999: #411616;
  --color-shades-functional-red-000: #ffebee;
  --color-shades-functional-red-050: #ffd8de;
  --color-shades-functional-orange-100: #ffe3c2;
  --color-shades-functional-orange-150: #ffd9ad;
  --color-shades-functional-orange-200: #ffc98a;
  --color-shades-functional-orange-300: #ffb35c;
  --color-shades-functional-orange-400: #ff9a24;
  --color-shades-functional-orange-500: #ff8d0a;
  --color-shades-functional-orange-600: #f47c06;
  --color-shades-functional-orange-700: #dc6c09;
  --color-shades-functional-orange-800: #bd570a;
  --color-shades-functional-orange-850: #af4e0d;
  --color-shades-functional-orange-900: #9d4615;
  --color-shades-functional-orange-950: #88431b;
  --color-shades-functional-orange-999: #54301c;
  --color-shades-functional-orange-000: #fff8f0;
  --color-shades-functional-orange-050: #ffecd6;
  --color-shades-functional-yellow-100: #fff4d1;
  --color-shades-functional-yellow-150: #ffedb8;
  --color-shades-functional-yellow-200: #ffe8a5;
  --color-shades-functional-yellow-300: #ffe087;
  --color-shades-functional-yellow-400: #ffd867;
  --color-shades-functional-yellow-500: #ffd046;
  --color-shades-functional-yellow-600: #ecbf38;
  --color-shades-functional-yellow-700: #dcae28;
  --color-shades-functional-yellow-800: #bf9722;
  --color-shades-functional-yellow-850: #b08c21;
  --color-shades-functional-yellow-900: #a88324;
  --color-shades-functional-yellow-950: #977726;
  --color-shades-functional-yellow-999: #7a5f29;
  --color-shades-functional-yellow-000: #fff9e9;
  --color-shades-functional-yellow-050: #fff5d9;
  --color-shades-functional-green-100: #ddfddd;
  --color-shades-functional-green-150: #cbf9cb;
  --color-shades-functional-green-200: #acf6b3;
  --color-shades-functional-green-300: #95f3a5;
  --color-shades-functional-green-400: #81ef9c;
  --color-shades-functional-green-500: #6cea96;
  --color-shades-functional-green-600: #3fcf87;
  --color-shades-functional-green-700: #2aa773;
  --color-shades-functional-green-800: #207e57;
  --color-shades-functional-green-850: #1c6e4c;
  --color-shades-functional-green-900: #165a3e;
  --color-shades-functional-green-950: #143d2c;
  --color-shades-functional-green-999: #122b21;
  --color-shades-functional-green-000: #ebffeb;
  --color-shades-functional-green-050: #e5ffe5;
  --color-shades-functional-neutralgrey-100: #edeef0;
  --color-shades-functional-neutralgrey-150: #e4e5e7;
  --color-shades-functional-neutralgrey-200: #c9cbcf;
  --color-shades-functional-neutralgrey-300: #b7babf;
  --color-shades-functional-neutralgrey-400: #9fa3a9;
  --color-shades-functional-neutralgrey-500: #878c94;
  --color-shades-functional-neutralgrey-600: #60656c;
  --color-shades-functional-neutralgrey-700: #515459;
  --color-shades-functional-neutralgrey-800: #3c3f44;
  --color-shades-functional-neutralgrey-850: #292a2c;
  --color-shades-functional-neutralgrey-900: #1b1c1e;
  --color-shades-functional-neutralgrey-950: #0d0d0e;
  --color-shades-functional-neutralgrey-999: #0d0d0e;
  --color-shades-functional-neutralgrey-000: #ffffff;
  --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5);
  --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5);
  --color-shades-functional-neutralgrey-050: #f7f7f8;
  --color-shades-additional-lime-100: #eaf4da;
  --color-shades-additional-lime-150: #dfeec8;
  --color-shades-additional-lime-200: #d4e9b6;
  --color-shades-additional-lime-300: #bfdd91;
  --color-shades-additional-lime-400: #a9d26d;
  --color-shades-additional-lime-500: #87bb3a;
  --color-shades-additional-lime-600: #709636;
  --color-shades-additional-lime-700: #59772b;
  --color-shades-additional-lime-800: #3b501d;
  --color-shades-additional-lime-850: #2c3c16;
  --color-shades-additional-lime-900: #1e280e;
  --color-shades-additional-lime-950: #0f1407;
  --color-shades-additional-lime-999: #000000;
  --color-shades-additional-lime-000: #ffffff;
  --color-shades-additional-lime-050: #f4f9ed;
  --color-shades-additional-purple-100: #ece9fc;
  --color-shades-additional-purple-150: #e2ddfa;
  --color-shades-additional-purple-200: #d9d2f9;
  --color-shades-additional-purple-300: #c5bcf5;
  --color-shades-additional-purple-400: #b2a5f2;
  --color-shades-additional-purple-500: #9f8fef;
  --color-shades-additional-purple-600: #8475ce;
  --color-shades-additional-purple-700: #685aad;
  --color-shades-additional-purple-800: #4d408d;
  --color-shades-additional-purple-850: #3f337c;
  --color-shades-additional-purple-900: #31256c;
  --color-shades-additional-purple-950: #24185b;
  --color-shades-additional-purple-999: #160b4b;
  --color-shades-additional-purple-000: #ffffff;
  --color-shades-additional-purple-050: #f5f4fd;
  --color-shades-additional-magenta-100: #fae3f1;
  --color-shades-additional-magenta-150: #f8d5eb;
  --color-shades-additional-magenta-200: #f5c7e4;
  --color-shades-additional-magenta-300: #f1acd6;
  --color-shades-additional-magenta-400: #ec90c9;
  --color-shades-additional-magenta-500: #e774bb;
  --color-shades-additional-magenta-600: #c76ba4;
  --color-shades-additional-magenta-700: #9c497c;
  --color-shades-additional-magenta-800: #77335d;
  --color-shades-additional-magenta-850: #64284d;
  --color-shades-additional-magenta-900: #511e3d;
  --color-shades-additional-magenta-950: #3f132e;
  --color-shades-additional-magenta-999: #2c081e;
  --color-shades-additional-magenta-000: #ffffff;
  --color-shades-additional-magenta-050: #fdf1f8;
  --color-shades-additional-teal-100: #e2f3f9;
  --color-shades-additional-teal-150: #d3edf6;
  --color-shades-additional-teal-200: #c4e7f3;
  --color-shades-additional-teal-300: #a7dbec;
  --color-shades-additional-teal-400: #89cfe6;
  --color-shades-additional-teal-500: #6cc3e0;
  --color-shades-additional-teal-600: #4893ad;
  --color-shades-additional-teal-700: #407a8c;
  --color-shades-additional-teal-800: #2f5c6c;
  --color-shades-additional-teal-850: #254b58;
  --color-shades-additional-teal-900: #1a3a45;
  --color-shades-additional-teal-950: #102931;
  --color-shades-additional-teal-999: #06181e;
  --color-shades-additional-teal-000: #ffffff;
  --color-shades-additional-teal-050: #f0f9fc;
  --opacity-disabled: 0.38;
  --font-family-primary-family: 'Source Sans 3';
  --line-height-0: 1.15;
  --line-height-1: 1.20;
  --line-height-2: 1.25;
  --line-height-3: 1.30;
  --line-height-4: 1.40;
  --line-height-5: 1.50;
  --line-height-6: 1.10;
  --text-case-capitalize: capitalize;
  --text-case-none: none;
  --text-case-uppercase: uppercase;
  --text-decoration-none: none;
  --text-decoration-underline: underline;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --box-shadow-none: 0 0 0 0 rgba(0,0,0,0);
  --box-shadow-soft: -59px 104px 33px 0 rgba(0,0,0,0.00), -38px 67px 31px 0 rgba(0,0,0,0.00), -21px 37px 26px 0 rgba(0,0,0,0.01), -9px 17px 19px 0 rgba(0,0,0,0.02), -2px 4px 11px 0 rgba(0,0,0,0.03);
  --box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04);
  --box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02);
  --box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03);
  --boolean-brand-nve: true;
  --boolean-brand-varsom: false;
  --boolean-brand-rme: false;
  --boolean-brand-nve-rme: true;
  --text-brand-name: Norges vassdrags- og energidirektorat;
  --color-brand-background-primary: var(--color-shades-brand-500);
  --color-brand-background-secondary: var(--color-shades-brand-400);
  --color-brand-background-tertiary: var(--color-shades-brand-150);
  --color-brand-background-quaternary: var(--color-shades-brand-700);
  --color-brand-foreground-primary: var(--color-shades-accent-500);
  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
  --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
  --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
  --color-brand-border-primary: var(--color-shades-brand-500);
  --color-brand-border-secondary: var(--color-shades-brand-600);
  --color-brand-border-tertiary: var(--color-shades-brand-700);
  --color-brand-border-emphasized: var(--color-shades-accent-400);
  --color-neutrals-background-canvas: var(--color-shades-grey-050);
  --color-neutrals-background-primary: var(--color-shades-grey-000);
  --color-neutrals-background-primary-contrast: var(--color-shades-grey-100);
  --color-neutrals-background-secondary: var(--color-shades-grey-150);
  --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
  --color-neutrals-background-tertiary-dim: var(--color-shades-grey-800);
  --color-neutrals-background-modal-overlay: var(--color-shades-grey-999-040); /** transparent */
  --color-neutrals-foreground-primary: var(--color-shades-grey-999);
  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800);
  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
  --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
  --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
  --color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
  --color-neutrals-border-default: var(--color-shades-grey-500);
  --color-neutrals-border-emphasized: var(--color-shades-grey-999);
  --color-neutrals-border-mute: var(--color-shades-grey-300);
  --color-neutrals-border-subtle: var(--color-shades-grey-150);
  --color-neutrals-border-disabled: var(--color-shades-grey-500);
  --color-interactive-background-primary-enabled: var(--color-shades-grey-950);
  --color-interactive-background-primary-hover: var(--color-shades-grey-600);
  --color-interactive-background-primary-pressed: var(--color-shades-grey-500);
  --color-interactive-background-primary-disabled: var(--color-shades-grey-950);
  --color-interactive-background-secondary-enabled: var(--color-shades-grey-150);
  --color-interactive-background-secondary-hover: var(--color-shades-grey-200);
  --color-interactive-background-secondary-pressed: var(--color-shades-grey-300);
  --color-interactive-background-secondary-disabled: var(--color-shades-grey-150);
  --color-interactive-background-tertiary-hover: var(--color-shades-grey-100);
  --color-interactive-background-tertiary-pressed: var(--color-shades-grey-150);
  --color-interactive-background-danger-enabled: var(--color-shades-functional-red-700);
  --color-interactive-background-danger-hover: var(--color-shades-functional-red-800);
  --color-interactive-background-danger-pressed: var(--color-shades-functional-red-850);
  --color-interactive-background-danger-disabled: var(--color-shades-functional-red-700);
  --color-interactive-foreground-primary-enabled: var(--color-shades-grey-000);
  --color-interactive-foreground-primary-hover: var(--color-shades-grey-000);
  --color-interactive-foreground-primary-disabled: var(--color-shades-grey-000);
  --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-950);
  --color-interactive-foreground-secondary-hover: var(--color-shades-grey-950);
  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-950);
  --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
  --color-interactive-foreground-danger-disabled: var(--color-shades-grey-000);
  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
  --color-interactive-foreground-link-visited: var(--color-shades-grey-600);
  --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
  --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
  --color-interactive-border-primary-disabled: var(--color-shades-grey-999);
  --color-interactive-border-secondary-enabled: var(--color-shades-grey-500);
  --color-interactive-border-secondary-hover: var(--color-shades-grey-950);
  --color-interactive-border-secondary-disabled: var(--color-shades-grey-500);
  --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500);
  --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */
  --color-feedback-background-default-info: var(--color-shades-functional-blue-100);
  --color-feedback-background-default-error: var(--color-shades-functional-red-050);
  --color-feedback-background-default-warning: var(--color-shades-functional-yellow-200);
  --color-feedback-background-default-success: var(--color-shades-functional-green-150);
  --color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-050);
  --color-feedback-background-subtle-info: var(--color-shades-functional-blue-000);
  --color-feedback-background-subtle-error: var(--color-shades-functional-red-000);
  --color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-100);
  --color-feedback-background-subtle-success: var(--color-shades-functional-green-100);
  --color-feedback-background-emphasized-neutral: var(--color-shades-functional-neutralgrey-800);
  --color-feedback-background-emphasized-info: var(--color-shades-functional-blue-700);
  --color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
  --color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-500);
  --color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
  --color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-info: var(--color-shades-functional-blue-800);
  --color-feedback-foreground-error: var(--color-shades-functional-red-700);
  --color-feedback-foreground-warning: var(--color-shades-functional-orange-999);
  --color-feedback-foreground-success: var(--color-shades-functional-green-900);
  --color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-800);
  --color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-850);
  --color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-850);
  --color-feedback-foreground-on-bg-subtle-warning: var(--color-shades-functional-orange-999);
  --color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-900);
  --color-feedback-foreground-on-bg-emphasized-neutral: var(--color-shades-functional-neutralgrey-000);
  --color-feedback-foreground-on-bg-emphasized-info: var(--color-shades-functional-neutralgrey-000);
  --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
  --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
  --color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
  --color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
  --color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
  --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
  --color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
  --color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
  --color-feedback-border-subtle-warning: var(--color-shades-functional-yellow-700);
  --color-feedback-border-subtle-success: var(--color-shades-functional-green-600);
  --color-feedback-border-emphasized-neutral: var(--color-shades-functional-neutralgrey-600);
  --color-feedback-border-emphasized-info: var(--color-shades-functional-blue-800);
  --color-feedback-border-emphasized-error: var(--color-shades-functional-red-800);
  --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-900);
  --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
  --color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
  --color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
  --color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
  --color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
  --color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
  --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
  --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
  --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
  --color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050);
  --color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200);
  --color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100);
  --color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100);
  --color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
  --color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
  --color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
  --color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-default-level4: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-default-level5: var(--color-shades-functional-neutralgrey-000);
  --color-dangerlevel-foreground-mute-level1: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-mute-level2: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-mute-level3: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-mute-level4: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-mute-level5: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-subtle-level1: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-subtle-level2: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-subtle-level3: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-subtle-level4: var(--color-shades-functional-neutralgrey-999);
  --color-dangerlevel-foreground-subtle-level5: var(--color-shades-functional-neutralgrey-999);
  --color-supplemental-subtle-teal-background: var(--color-shades-additional-teal-150);
  --color-supplemental-subtle-teal-foreground: var(--color-shades-additional-teal-900);
  --color-supplemental-subtle-purple-background: var(--color-shades-additional-purple-200);
  --color-supplemental-subtle-purple-foreground: var(--color-shades-additional-purple-950);
  --color-supplemental-subtle-lime-background: var(--color-shades-additional-lime-150);
  --color-supplemental-subtle-lime-foreground: var(--color-shades-additional-lime-850);
  --color-supplemental-subtle-magenta-background: var(--color-shades-additional-magenta-150);
  --color-supplemental-subtle-magenta-foreground: var(--color-shades-additional-magenta-850);
  --color-supplemental-subtle-yellow-background: var(--color-shades-functional-yellow-150);
  --color-supplemental-subtle-yellow-foreground: var(--color-shades-additional-lime-999);
  --color-supplemental-subtle-grey-background: var(--color-shades-functional-neutralgrey-150);
  --color-supplemental-subtle-grey-foreground: var(--color-shades-functional-neutralgrey-850);
  --color-supplemental-subtle-red-background: var(--color-shades-functional-red-100);
  --color-supplemental-subtle-red-foreground: var(--color-shades-functional-red-999);
  --color-supplemental-subtle-blue-background: var(--color-shades-functional-blue-150);
  --color-supplemental-subtle-blue-foreground: var(--color-shades-functional-blue-950);
  --color-supplemental-emphasized-teal-background: var(--color-shades-additional-teal-500);
  --color-supplemental-emphasized-teal-foreground: var(--color-shades-additional-teal-950);
  --color-supplemental-emphasized-purple-background: var(--color-shades-additional-purple-400);
  --color-supplemental-emphasized-purple-foreground: var(--color-shades-additional-purple-950);
  --color-supplemental-emphasized-lime-background: var(--color-shades-additional-lime-500);
  --color-supplemental-emphasized-lime-foreground: var(--color-shades-additional-lime-900);
  --color-supplemental-emphasized-magenta-background: var(--color-shades-additional-magenta-500);
  --color-supplemental-emphasized-magenta-foreground: var(--color-shades-additional-magenta-950);
  --color-supplemental-emphasized-yellow-background: var(--color-shades-functional-yellow-400);
  --color-supplemental-emphasized-yellow-foreground: var(--color-shades-grey-999);
  --color-supplemental-emphasized-grey-background: var(--color-shades-functional-neutralgrey-400);
  --color-supplemental-emphasized-grey-foreground: var(--color-shades-functional-neutralgrey-999);
  --color-supplemental-emphasized-red-background: var(--color-shades-functional-red-300);
  --color-supplemental-emphasized-red-foreground: var(--color-shades-grey-999);
  --color-supplemental-emphasized-blue-background: var(--color-shades-functional-blue-400);
  --color-supplemental-emphasized-blue-foreground: var(--color-shades-grey-999);
  --color-supplemental-charts-background-primary-transparent: var(--color-shades-data-color-a-300-005);
  --color-supplemental-charts-foreground-data-01: var(--color-shades-data-color-a-300);
  --color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-600);
  --color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-800);
  --color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-950);
  --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-900);
  --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-500);
  --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-300);
  --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-800);
  --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-800);
  --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-400);
  --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-800);
  --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
  --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-800);
  --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-500);
  --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-800);
  --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-900);
  --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-600);
  --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-900);
 --spacing-none: 0;
  --spacing-20x: 20px;
  --spacing-24x: 24px;
  --spacing-32x: 32px;
  --spacing-40x: 40px;
  --spacing-48x: 48px;
  --spacing-50x: 50px;
  --spacing-56x: 56px;
  --spacing-88x: 88px;
  --spacing-220x: 220px;
  --spacing-620x: 620px;
  --sizing-18x: 18px;
  --sizing-20x: 20px;
  --sizing-24x: 24px;
  --sizing-28x: 28px;
  --sizing-32x: 32px;
  --sizing-36x: 36px;
  --sizing-40x: 40px;
  --sizing-44x: 44px;
  --sizing-48x: 48px;
  --sizing-56x: 56px;
  --sizing-62x: 62px;
  --sizing-64x: 64px;
  --sizing-70x: 70px;
  --sizing-84x: 84px;
  --sizing-88x: 88px;
  --sizing-92x: 92px;
  --sizing-108x: 108px;
  --sizing-112x: 112px;
  --sizing-118x: 118px;
  --sizing-120x: 120px;
  --sizing-124x: 124px;
  --sizing-132x: 132px;
  --sizing-136x: 136px;
  --sizing-160x: 160px;
  --sizing-180x: 180px;
  --sizing-200x: 200px;
  --sizing-212x: 212px;
  --sizing-216x: 216px;
  --sizing-217x: 217px;
  --sizing-220x: 220px;
  --sizing-232x: 232px;
  --sizing-246x: 246px;
  --sizing-256x: 256px;
  --sizing-282x: 282px;
  --sizing-286x: 286px;
  --sizing-320x: 320px;
  --sizing-342x: 342px;
  --sizing-366x: 366px;
  --sizing-389x: 389px;
  --sizing-390x: 390px;
  --sizing-428x: 428px;
  --sizing-440x: 440px;
  --sizing-468x: 468px;
  --sizing-480x: 480px;
  --sizing-496x: 496px;
  --sizing-520x: 520px;
  --sizing-544x: 544px;
  --sizing-572x: 572px;
  --sizing-588x: 588px;
  --sizing-600x: 600px;
  --sizing-700x: 700px;
  --sizing-750x: 750px;
  --sizing-763x: 763px;
  --sizing-764x: 764px;
  --sizing-799x: 799px;
  --sizing-800x: 800px;
  --sizing-1000x: 1000px;
  --sizing-1023x: 1023px;
  --sizing-1024x: 1024px;
  --sizing-1140x: 1140px;
  --sizing-1200x: 1200px;
  --sizing-1439x: 1439px;
  --sizing-1440x: 1440px;
  --sizing-1599x: 1599px;
  --sizing-1600x: 1600px;
  --sizing-1800x: 1800px;
  --sizing-2439x: 2439px;
  --sizing-2440x: 2440px;
  --sizing-2560x: 2560px;
  --sizing-9999x: 9999px;
  --dimension-025x: 0.0625rem; /** 1px */
  --dimension-05x: 0.125rem; /** 2px */
  --dimension-1x: 0.25rem; /** 4px */
  --dimension-1-5x: 0.375rem; /** 6px */
  --dimension-2x: 0.5rem; /** 8px */
  --dimension-3x: 0.75rem; /** 12px */
  --dimension-3-5x: 0.875rem; /** 14px */
  --dimension-4x: 1rem; /** 16px */
  --dimension-4-5x: 1.125rem; /** 18px */
  --dimension-5x: 1.25rem; /** 20px */
  --dimension-6x: 1.5rem; /** 24px */
  --dimension-7x: 1.75rem; /** 28px */
  --dimension-8x: 2rem; /** 32px */
  --dimension-9x: 2.25rem; /** 36px */
  --dimension-10x: 2.5rem; /** 40px */
  --dimension-11x: 2.75rem; /** 44px */
  --dimension-12x: 3rem; /** 48px */
  --dimension-13x: 3.25rem; /** 52px */
  --dimension-14x: 3.5rem; /** 56px */
  --dimension-15x: 3.75rem; /** 60px */
  --dimension-16x: 4rem; /** 64px */
  --dimension-17x: 4.25rem; /** 68px */
  --dimension-18x: 4.5rem; /** 72px */
  --dimension-19x: 4.75rem; /** 76px */
  --dimension-20x: 5rem; /** 80px */
  --dimension-21x: 5.25rem; /** 84px */
  --dimension-22x: 5.5rem; /** 88px */
  --dimension-23x: 5.75rem; /** 92px */
  --dimension-24x: 6rem; /** 96px */
  --dimension-25x: 6.25rem; /** 100px */
  --dimension-26x: 6.5rem; /** 104px */
  --dimension-27x: 6.75rem; /** 108px */
  --dimension-28x: 7rem; /** 112px */
  --dimension-29x: 7.25rem; /** 116px */
  --dimension-30x: 7.5rem; /** 120px */
  --letter-spacing-0: 0em;
  --letter-spacing-1: 0.05em;
  --paragraph-spacing-0: 0;
  --paragraph-spacing-1: 12px;
  --paragraph-spacing-2: 16px;
  --paragraph-spacing-3: 24px;
  --paragraph-spacing-4: 32px;
  --paragraph-spacing-5: 40px;
  --paragraph-indent-0: 0px;
  --border-radius-none: 0px;
  --border-radius-small: 4px;
  --border-radius-large: 6px;
  --border-radius-circle: 50px;
  --border-radius-pill: 9999px;
  --border-width-none: 0px;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --border-width-stronger: 4px;
  --spacing-2x-small: var(--dimension-1x);
  --spacing-x-small: var(--dimension-2x);
  --spacing-small: var(--dimension-3x);
  --spacing-medium: var(--dimension-4x);
  --spacing-large: var(--dimension-6x);
  --spacing-x-large: var(--dimension-8x);
  --spacing-2x-large: var(--dimension-12x);
  --spacing-3x-large: var(--dimension-16x);
  --spacing-4x-large: var(--dimension-20x);
  --spacing-5x-large: var(--dimension-24x);
  --spacing-content-margin-top: var(--spacing-40x);
  --spacing-content-margin-bottom: var(--spacing-88x);
  --spacing-content-margin-left-right: var(--spacing-48x);
  --spacing-fixed-spacing-2x-small: var(--dimension-1-5x);
  --spacing-fixed-spacing-x-small: var(--dimension-2x);
  --spacing-fixed-spacing-small: var(--dimension-4x);
  --spacing-fixed-spacing-medium: var(--dimension-6x);
  --spacing-fixed-spacing-large: var(--dimension-10x);
  --sizing-4x-small: var(--dimension-2x);
  --sizing-3x-small: var(--dimension-4x);
  --sizing-2x-small: var(--dimension-6x);
  --sizing-x-small: var(--dimension-9x);
  --sizing-small: var(--dimension-12x);
  --sizing-medium: var(--dimension-15x);
  --sizing-large: var(--dimension-18x);
  --sizing-x-large: var(--dimension-21x);
  --sizing-2x-large: var(--dimension-24x);
  --sizing-device-page-min-width: var(--sizing-1024x);
  --sizing-device-page-max-width: var(--sizing-1599x);
  --sizing-device-content-max-width-x-large: var(--sizing-2560x);
  --sizing-device-content-max-width-large: var(--sizing-1800x);
  --sizing-device-content-max-width-medium: var(--sizing-1000x);
  --sizing-device-content-max-width-small: var(--sizing-572x);
  --sizing-device-content-max-width-x-small: var(--sizing-232x);
  --sizing-brand-logo-medium: var(--sizing-84x);
  --sizing-brand-illustration-medium: var(--sizing-40x);
  --sizing-image-x-small: var(--sizing-84x);
  --sizing-image-large: var(--sizing-750x);
  --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x);
  --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x);
  --sizing-icon-3x-large: var(--sizing-70x);
  --sizing-icon-2x-large: var(--sizing-56x);
  --sizing-icon-x-large: var(--sizing-48x);
  --sizing-icon-large: var(--sizing-40x);
  --sizing-icon-medium: var(--sizing-32x);
  --sizing-icon-small: var(--sizing-24x);
  --sizing-icon-x-small: var(--sizing-20x);
  --sizing-fixed-sizing-2x-small: var(--dimension-4x);
  --sizing-fixed-sizing-x-small: var(--dimension-5x);
  --sizing-fixed-sizing-small: var(--dimension-6x);
  --sizing-fixed-sizing-medium: var(--dimension-8x);
  --sizing-fixed-sizing-large: var(--dimension-10x);
  --sizing-fixed-sizing-x-large: var(--dimension-12x);
  --sizing-fixed-sizing-2x-large: var(--dimension-14x);
  --sizing-fixed-sizing-3x-large: var(--dimension-16x);
  --typography-heading-x-large: var(--font-weight-semibold) var(--font-size-3x-large)/var(--line-height-0) var(--font-family-primary-family);
  --typography-heading-large: var(--font-weight-semibold) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
  --typography-heading-medium: var(--font-weight-semibold) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
  --typography-heading-small: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
  --typography-heading-x-small: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-3) var(--font-family-primary-family);
  --typography-subheading-large: var(--font-weight-regular) var(--font-size-2x-large)/var(--line-height-1) var(--font-family-primary-family);
  --typography-subheading-medium: var(--font-weight-regular) var(--font-size-x-large)/var(--line-height-2) var(--font-family-primary-family);
  --typography-subheading-small: var(--font-weight-regular) var(--font-size-large)/var(--line-height-3) var(--font-family-primary-family);
  --typography-lead-large-regular: var(--font-weight-regular) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
  --typography-lead-large-semibold: var(--font-weight-semibold) var(--font-size-large)/var(--line-height-4) var(--font-family-primary-family);
  --typography-lead-medium-regular: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
  --typography-lead-medium-semibold: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
  --font-size-small: var(--dimension-4-5x); /** 16 px */
  --typography-lead-small-regular: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-lead-small-semibold: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-large: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-large-underline: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-medium: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-medium-underline: var(--font-weight-regular) var(--font-size-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-small: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-small-underline: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-x-small: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-x-small-underline: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-body-compact-large-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
  --typography-body-compact-large-underline-compact: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-1) var(--font-family-primary-family);
  --typography-body-compact-medium-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
  --typography-body-compact-medium-underline-compact: var(--font-weight-regular) var(--font-size-small)/var(--line-height-1) var(--font-family-primary-family);
  --typography-body-compact-small-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
  --typography-body-compact-small-underline-compact: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-1) var(--font-family-primary-family);
  --typography-body-compact-x-small-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
  --typography-body-compact-x-small-underline-compact: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-1) var(--font-family-primary-family);
  --typography-detailtext-caption: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-detailtext-caps-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-5) var(--font-family-primary-family);
  --typography-detailtext-caps-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-5) var(--font-family-primary-family);
  --typography-label-large: var(--font-weight-semibold) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
  --typography-label-large-light: var(--font-weight-regular) var(--font-size-medium)/var(--line-height-6) var(--font-family-primary-family);
  --typography-label-medium: var(--font-weight-semibold) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
  --typography-label-medium-light: var(--font-weight-regular) var(--font-size-small)/var(--line-height-6) var(--font-family-primary-family);
  --typography-label-small: var(--font-weight-semibold) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
  --typography-label-small-light: var(--font-weight-regular) var(--font-size-x-small)/var(--line-height-6) var(--font-family-primary-family);
  --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
  --typography-label-x-small: var(--font-weight-semibold) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
  --typography-label-x-small-light: var(--font-weight-regular) var(--font-size-2x-small)/var(--line-height-6) var(--font-family-primary-family);
  --font-size-x-small: var(--dimension-4x); /** 14 px */
  --font-size-medium: var(--dimension-5x); /** 18 px */
  --font-size-large: var(--dimension-6x); /** 20 px */
  --font-size-x-large: var(--dimension-8x); /** 24 px */
  --font-size-2x-large: var(--dimension-10x); /** 32 px */
  --font-size-3x-large: var(--dimension-12x); /** 40 px */ }
@media (min-width: 1600px) {
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --spacing-none: 0;
  --spacing-20x: 20px;
  --spacing-24x: 24px;
  --spacing-32x: 32px;
  --spacing-40x: 40px;
  --spacing-48x: 48px;
  --spacing-50x: 50px;
  --spacing-56x: 56px;
  --spacing-88x: 88px;
  --spacing-220x: 220px;
  --spacing-620x: 620px;
  --sizing-18x: 18px;
  --sizing-20x: 20px;
  --sizing-24x: 24px;
  --sizing-28x: 28px;
  --sizing-32x: 32px;
  --sizing-36x: 36px;
  --sizing-40x: 40px;
  --sizing-44x: 44px;
  --sizing-48x: 48px;
  --sizing-56x: 56px;
  --sizing-62x: 62px;
  --sizing-64x: 64px;
  --sizing-70x: 70px;
  --sizing-84x: 84px;
  --sizing-88x: 88px;
  --sizing-92x: 92px;
  --sizing-108x: 108px;
  --sizing-112x: 112px;
  --sizing-118x: 118px;
  --sizing-120x: 120px;
  --sizing-124x: 124px;
  --sizing-132x: 132px;
  --sizing-136x: 136px;
  --sizing-160x: 160px;
  --sizing-180x: 180px;
  --sizing-200x: 200px;
  --sizing-212x: 212px;
  --sizing-216x: 216px;
  --sizing-217x: 217px;
  --sizing-220x: 220px;
  --sizing-232x: 232px;
  --sizing-246x: 246px;
  --sizing-256x: 256px;
  --sizing-282x: 282px;
  --sizing-286x: 286px;
  --sizing-320x: 320px;
  --sizing-342x: 342px;
  --sizing-366x: 366px;
  --sizing-389x: 389px;
  --sizing-390x: 390px;
  --sizing-428x: 428px;
  --sizing-440x: 440px;
  --sizing-468x: 468px;
  --sizing-480x: 480px;
  --sizing-496x: 496px;
  --sizing-520x: 520px;
  --sizing-544x: 544px;
  --sizing-572x: 572px;
  --sizing-588x: 588px;
  --sizing-600x: 600px;
  --sizing-700x: 700px;
  --sizing-750x: 750px;
  --sizing-763x: 763px;
  --sizing-764x: 764px;
  --sizing-799x: 799px;
  --sizing-800x: 800px;
  --sizing-1000x: 1000px;
  --sizing-1023x: 1023px;
  --sizing-1024x: 1024px;
  --sizing-1140x: 1140px;
  --sizing-1200x: 1200px;
  --sizing-1439x: 1439px;
  --sizing-1440x: 1440px;
  --sizing-1599x: 1599px;
  --sizing-1600x: 1600px;
  --sizing-1800x: 1800px;
  --sizing-2439x: 2439px;
  --sizing-2440x: 2440px;
  --sizing-2560x: 2560px;
  --sizing-9999x: 9999px;
  --dimension-025x: 0.0625rem; /** 1px */
  --dimension-05x: 0.125rem; /** 2px */
  --dimension-1x: 0.25rem; /** 4px */
  --dimension-1-5x: 0.375rem; /** 6px */
  --dimension-2x: 0.5rem; /** 8px */
  --dimension-3x: 0.75rem; /** 12px */
  --dimension-3-5x: 0.875rem; /** 14px */
  --dimension-4x: 1rem; /** 16px */
  --dimension-4-5x: 1.125rem; /** 18px */
  --dimension-5x: 1.25rem; /** 20px */
  --dimension-6x: 1.5rem; /** 24px */
  --dimension-7x: 1.75rem; /** 28px */
  --dimension-8x: 2rem; /** 32px */
  --dimension-9x: 2.25rem; /** 36px */
  --dimension-10x: 2.5rem; /** 40px */
  --dimension-11x: 2.75rem; /** 44px */
  --dimension-12x: 3rem; /** 48px */
  --dimension-13x: 3.25rem; /** 52px */
  --dimension-14x: 3.5rem; /** 56px */
  --dimension-15x: 3.75rem; /** 60px */
  --dimension-16x: 4rem; /** 64px */
  --dimension-17x: 4.25rem; /** 68px */
  --dimension-18x: 4.5rem; /** 72px */
  --dimension-19x: 4.75rem; /** 76px */
  --dimension-20x: 5rem; /** 80px */
  --dimension-21x: 5.25rem; /** 84px */
  --dimension-22x: 5.5rem; /** 88px */
  --dimension-23x: 5.75rem; /** 92px */
  --dimension-24x: 6rem; /** 96px */
  --dimension-25x: 6.25rem; /** 100px */
  --dimension-26x: 6.5rem; /** 104px */
  --dimension-27x: 6.75rem; /** 108px */
  --dimension-28x: 7rem; /** 112px */
  --dimension-29x: 7.25rem; /** 116px */
  --dimension-30x: 7.5rem; /** 120px */
  --letter-spacing-0: 0em;
  --letter-spacing-1: 0.05em;
  --paragraph-spacing-0: 0;
  --paragraph-spacing-1: 12px;
  --paragraph-spacing-2: 16px;
  --paragraph-spacing-3: 24px;
  --paragraph-spacing-4: 32px;
  --paragraph-spacing-5: 40px;
  --paragraph-indent-0: 0px;
  --border-radius-none: 0px;
  --border-radius-small: 4px;
  --border-radius-large: 6px;
  --border-radius-circle: 50px;
  --border-radius-pill: 9999px;
  --border-width-none: 0px;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --border-width-stronger: 4px;
  --spacing-2x-small: var(--dimension-1x);
  --spacing-x-small: var(--dimension-2x);
  --spacing-small: var(--dimension-3x);
  --spacing-medium: var(--dimension-4x);
  --spacing-large: var(--dimension-6x);
  --spacing-x-large: var(--dimension-8x);
  --spacing-2x-large: var(--dimension-12x);
  --spacing-3x-large: var(--dimension-16x);
  --spacing-4x-large: var(--dimension-20x);
  --spacing-5x-large: var(--dimension-24x);
  --spacing-content-margin-top: var(--spacing-40x);
  --spacing-content-margin-bottom: var(--spacing-88x);
  --spacing-content-margin-left-right: var(--spacing-48x);
  --sizing-4x-small: var(--dimension-2x);
  --sizing-3x-small: var(--dimension-4x);
  --sizing-2x-small: var(--dimension-6x);
  --sizing-x-small: var(--dimension-9x);
  --sizing-small: var(--dimension-12x);
  --sizing-medium: var(--dimension-15x);
  --sizing-large: var(--dimension-18x);
  --sizing-x-large: var(--dimension-21x);
  --sizing-2x-large: var(--dimension-24x);
  --sizing-device-page-min-width: var(--sizing-1600x);
  --sizing-device-page-max-width: var(--sizing-9999x);
  --sizing-device-content-max-width-x-large: var(--sizing-2560x);
  --sizing-device-content-max-width-large: var(--sizing-1800x);
  --sizing-device-content-max-width-medium: var(--sizing-1200x);
  --sizing-device-content-max-width-small: var(--sizing-588x);
  --sizing-device-content-max-width-x-small: var(--sizing-282x);
  --sizing-brand-logo-medium: var(--sizing-88x);
  --sizing-brand-illustration-medium: var(--sizing-40x);
  --sizing-image-x-small: var(--sizing-84x);
  --sizing-image-large: var(--sizing-1024x);
  --sizing-card-link-card-height-x-large-min-height: var(--sizing-212x);
  --sizing-card-link-card-height-x-large-max-height: var(--sizing-246x);
  --sizing-icon-3x-large: var(--sizing-70x);
  --sizing-icon-2x-large: var(--sizing-56x);
  --sizing-icon-x-large: var(--sizing-48x);
  --sizing-icon-large: var(--sizing-40x);
  --sizing-icon-medium: var(--sizing-32x);
  --sizing-icon-small: var(--sizing-24x);
  --sizing-icon-x-small: var(--sizing-20x);
  --font-size-2x-small: var(--dimension-3-5x); /** 12 px */
  --font-size-x-small: var(--dimension-4x); /** 14 px */
  --font-size-small: var(--dimension-4-5x); /** 16 px */
  --font-size-medium: var(--dimension-5x); /** 18 px */
  --font-size-large: var(--dimension-6x); /** 20 px */
  --font-size-x-large: var(--dimension-8x); /** 24 px */
  --font-size-2x-large: var(--dimension-10x); /** 32 px */
  --font-size-3x-large: var(--dimension-12x); /** 40 px */
}

}
@media ((min-width: 764px) and (max-width: 1023px)) {
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --spacing-none: 0;
  --spacing-20x: 20px;
  --spacing-24x: 24px;
  --spacing-32x: 32px;
  --spacing-40x: 40px;
  --spacing-48x: 48px;
  --spacing-50x: 50px;
  --spacing-56x: 56px;
  --spacing-88x: 88px;
  --spacing-220x: 220px;
  --spacing-620x: 620px;
  --sizing-18x: 18px;
  --sizing-20x: 20px;
  --sizing-24x: 24px;
  --sizing-28x: 28px;
  --sizing-32x: 32px;
  --sizing-36x: 36px;
  --sizing-40x: 40px;
  --sizing-44x: 44px;
  --sizing-48x: 48px;
  --sizing-56x: 56px;
  --sizing-62x: 62px;
  --sizing-64x: 64px;
  --sizing-70x: 70px;
  --sizing-84x: 84px;
  --sizing-88x: 88px;
  --sizing-92x: 92px;
  --sizing-108x: 108px;
  --sizing-112x: 112px;
  --sizing-118x: 118px;
  --sizing-120x: 120px;
  --sizing-124x: 124px;
  --sizing-132x: 132px;
  --sizing-136x: 136px;
  --sizing-160x: 160px;
  --sizing-180x: 180px;
  --sizing-200x: 200px;
  --sizing-212x: 212px;
  --sizing-216x: 216px;
  --sizing-217x: 217px;
  --sizing-220x: 220px;
  --sizing-232x: 232px;
  --sizing-246x: 246px;
  --sizing-256x: 256px;
  --sizing-282x: 282px;
  --sizing-286x: 286px;
  --sizing-320x: 320px;
  --sizing-342x: 342px;
  --sizing-366x: 366px;
  --sizing-389x: 389px;
  --sizing-390x: 390px;
  --sizing-428x: 428px;
  --sizing-440x: 440px;
  --sizing-468x: 468px;
  --sizing-480x: 480px;
  --sizing-496x: 496px;
  --sizing-520x: 520px;
  --sizing-544x: 544px;
  --sizing-572x: 572px;
  --sizing-588x: 588px;
  --sizing-600x: 600px;
  --sizing-700x: 700px;
  --sizing-750x: 750px;
  --sizing-763x: 763px;
  --sizing-764x: 764px;
  --sizing-799x: 799px;
  --sizing-800x: 800px;
  --sizing-1000x: 1000px;
  --sizing-1023x: 1023px;
  --sizing-1024x: 1024px;
  --sizing-1140x: 1140px;
  --sizing-1200x: 1200px;
  --sizing-1439x: 1439px;
  --sizing-1440x: 1440px;
  --sizing-1599x: 1599px;
  --sizing-1600x: 1600px;
  --sizing-1800x: 1800px;
  --sizing-2439x: 2439px;
  --sizing-2440x: 2440px;
  --sizing-2560x: 2560px;
  --sizing-9999x: 9999px;
  --dimension-025x: 0.0625rem; /** 1px */
  --dimension-05x: 0.125rem; /** 2px */
  --dimension-1x: 0.25rem; /** 4px */
  --dimension-1-5x: 0.375rem; /** 6px */
  --dimension-2x: 0.5rem; /** 8px */
  --dimension-3x: 0.75rem; /** 12px */
  --dimension-3-5x: 0.875rem; /** 14px */
  --dimension-4x: 1rem; /** 16px */
  --dimension-4-5x: 1.125rem; /** 18px */
  --dimension-5x: 1.25rem; /** 20px */
  --dimension-6x: 1.5rem; /** 24px */
  --dimension-7x: 1.75rem; /** 28px */
  --dimension-8x: 2rem; /** 32px */
  --dimension-9x: 2.25rem; /** 36px */
  --dimension-10x: 2.5rem; /** 40px */
  --dimension-11x: 2.75rem; /** 44px */
  --dimension-12x: 3rem; /** 48px */
  --dimension-13x: 3.25rem; /** 52px */
  --dimension-14x: 3.5rem; /** 56px */
  --dimension-15x: 3.75rem; /** 60px */
  --dimension-16x: 4rem; /** 64px */
  --dimension-17x: 4.25rem; /** 68px */
  --dimension-18x: 4.5rem; /** 72px */
  --dimension-19x: 4.75rem; /** 76px */
  --dimension-20x: 5rem; /** 80px */
  --dimension-21x: 5.25rem; /** 84px */
  --dimension-22x: 5.5rem; /** 88px */
  --dimension-23x: 5.75rem; /** 92px */
  --dimension-24x: 6rem; /** 96px */
  --dimension-25x: 6.25rem; /** 100px */
  --dimension-26x: 6.5rem; /** 104px */
  --dimension-27x: 6.75rem; /** 108px */
  --dimension-28x: 7rem; /** 112px */
  --dimension-29x: 7.25rem; /** 116px */
  --dimension-30x: 7.5rem; /** 120px */
  --letter-spacing-0: 0em;
  --letter-spacing-1: 0.05em;
  --paragraph-spacing-0: 0;
  --paragraph-spacing-1: 12px;
  --paragraph-spacing-2: 16px;
  --paragraph-spacing-3: 24px;
  --paragraph-spacing-4: 32px;
  --paragraph-spacing-5: 40px;
  --paragraph-indent-0: 0px;
  --border-radius-none: 0px;
  --border-radius-small: 4px;
  --border-radius-large: 6px;
  --border-radius-circle: 50px;
  --border-radius-pill: 9999px;
  --border-width-none: 0px;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --border-width-stronger: 4px;
  --spacing-2x-small: var(--dimension-1x);
  --spacing-x-small: var(--dimension-2x);
  --spacing-small: var(--dimension-3x);
  --spacing-medium: var(--dimension-4x);
  --spacing-large: var(--dimension-5x);
  --spacing-x-large: var(--dimension-7x);
  --spacing-2x-large: var(--dimension-10x);
  --spacing-3x-large: var(--dimension-14x);
  --spacing-4x-large: var(--dimension-20x);
  --spacing-5x-large: var(--dimension-22x);
  --spacing-content-margin-top: var(--spacing-32x);
  --spacing-content-margin-bottom: var(--spacing-56x);
  --spacing-content-margin-left-right: var(--spacing-40x);
  --sizing-4x-small: var(--dimension-1x);
  --sizing-3x-small: var(--dimension-3-5x);
  --sizing-2x-small: var(--dimension-5x);
  --sizing-x-small: var(--dimension-8x);
  --sizing-small: var(--dimension-11x);
  --sizing-medium: var(--dimension-14x);
  --sizing-large: var(--dimension-17x);
  --sizing-x-large: var(--dimension-20x);
  --sizing-2x-large: var(--dimension-23x);
  --sizing-device-page-min-width: var(--sizing-764x);
  --sizing-device-page-max-width: var(--sizing-1023x);
  --sizing-device-content-max-width-x-large: var(--sizing-2560x);
  --sizing-device-content-max-width-large: var(--sizing-1800x);
  --sizing-device-content-max-width-medium: var(--sizing-800x);
  --sizing-device-content-max-width-small: var(--sizing-544x);
  --sizing-device-content-max-width-x-small: var(--sizing-216x);
  --sizing-brand-logo-medium: var(--sizing-64x);
  --sizing-brand-illustration-medium: var(--sizing-40x);
  --sizing-image-x-small: var(--sizing-48x);
  --sizing-image-large: var(--sizing-544x);
  --sizing-card-link-card-height-x-large-min-height: var(--sizing-132x);
  --sizing-card-link-card-height-x-large-max-height: var(--sizing-200x);
  --sizing-icon-3x-large: var(--sizing-56x);
  --sizing-icon-2x-large: var(--sizing-48x);
  --sizing-icon-x-large: var(--sizing-44x);
  --sizing-icon-large: var(--sizing-40x);
  --sizing-icon-medium: var(--sizing-32x);
  --sizing-icon-small: var(--sizing-24x);
  --sizing-icon-x-small: var(--sizing-20x);
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
  --font-size-small: var(--dimension-4x); /** 16 px */
  --font-size-medium: var(--dimension-4-5x); /** 18 px */
  --font-size-large: var(--dimension-5x); /** 20 px */
  --font-size-x-large: var(--dimension-7x); /** 24 px */
  --font-size-2x-large: var(--dimension-9x); /** 32 px */
  --font-size-3x-large: var(--dimension-11x); /** 40 px */
}

}
@media ((min-width: 390px) and (max-width: 763px)) {
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --spacing-none: 0;
  --spacing-20x: 20px;
  --spacing-24x: 24px;
  --spacing-32x: 32px;
  --spacing-40x: 40px;
  --spacing-48x: 48px;
  --spacing-50x: 50px;
  --spacing-56x: 56px;
  --spacing-88x: 88px;
  --spacing-220x: 220px;
  --spacing-620x: 620px;
  --sizing-18x: 18px;
  --sizing-20x: 20px;
  --sizing-24x: 24px;
  --sizing-28x: 28px;
  --sizing-32x: 32px;
  --sizing-36x: 36px;
  --sizing-40x: 40px;
  --sizing-44x: 44px;
  --sizing-48x: 48px;
  --sizing-56x: 56px;
  --sizing-62x: 62px;
  --sizing-64x: 64px;
  --sizing-70x: 70px;
  --sizing-84x: 84px;
  --sizing-88x: 88px;
  --sizing-92x: 92px;
  --sizing-108x: 108px;
  --sizing-112x: 112px;
  --sizing-118x: 118px;
  --sizing-120x: 120px;
  --sizing-124x: 124px;
  --sizing-132x: 132px;
  --sizing-136x: 136px;
  --sizing-160x: 160px;
  --sizing-180x: 180px;
  --sizing-200x: 200px;
  --sizing-212x: 212px;
  --sizing-216x: 216px;
  --sizing-217x: 217px;
  --sizing-220x: 220px;
  --sizing-232x: 232px;
  --sizing-246x: 246px;
  --sizing-256x: 256px;
  --sizing-282x: 282px;
  --sizing-286x: 286px;
  --sizing-320x: 320px;
  --sizing-342x: 342px;
  --sizing-366x: 366px;
  --sizing-389x: 389px;
  --sizing-390x: 390px;
  --sizing-428x: 428px;
  --sizing-440x: 440px;
  --sizing-468x: 468px;
  --sizing-480x: 480px;
  --sizing-496x: 496px;
  --sizing-520x: 520px;
  --sizing-544x: 544px;
  --sizing-572x: 572px;
  --sizing-588x: 588px;
  --sizing-600x: 600px;
  --sizing-700x: 700px;
  --sizing-750x: 750px;
  --sizing-763x: 763px;
  --sizing-764x: 764px;
  --sizing-799x: 799px;
  --sizing-800x: 800px;
  --sizing-1000x: 1000px;
  --sizing-1023x: 1023px;
  --sizing-1024x: 1024px;
  --sizing-1140x: 1140px;
  --sizing-1200x: 1200px;
  --sizing-1439x: 1439px;
  --sizing-1440x: 1440px;
  --sizing-1599x: 1599px;
  --sizing-1600x: 1600px;
  --sizing-1800x: 1800px;
  --sizing-2439x: 2439px;
  --sizing-2440x: 2440px;
  --sizing-2560x: 2560px;
  --sizing-9999x: 9999px;
  --dimension-025x: 0.0625rem; /** 1px */
  --dimension-05x: 0.125rem; /** 2px */
  --dimension-1x: 0.25rem; /** 4px */
  --dimension-1-5x: 0.375rem; /** 6px */
  --dimension-2x: 0.5rem; /** 8px */
  --dimension-3x: 0.75rem; /** 12px */
  --dimension-3-5x: 0.875rem; /** 14px */
  --dimension-4x: 1rem; /** 16px */
  --dimension-4-5x: 1.125rem; /** 18px */
  --dimension-5x: 1.25rem; /** 20px */
  --dimension-6x: 1.5rem; /** 24px */
  --dimension-7x: 1.75rem; /** 28px */
  --dimension-8x: 2rem; /** 32px */
  --dimension-9x: 2.25rem; /** 36px */
  --dimension-10x: 2.5rem; /** 40px */
  --dimension-11x: 2.75rem; /** 44px */
  --dimension-12x: 3rem; /** 48px */
  --dimension-13x: 3.25rem; /** 52px */
  --dimension-14x: 3.5rem; /** 56px */
  --dimension-15x: 3.75rem; /** 60px */
  --dimension-16x: 4rem; /** 64px */
  --dimension-17x: 4.25rem; /** 68px */
  --dimension-18x: 4.5rem; /** 72px */
  --dimension-19x: 4.75rem; /** 76px */
  --dimension-20x: 5rem; /** 80px */
  --dimension-21x: 5.25rem; /** 84px */
  --dimension-22x: 5.5rem; /** 88px */
  --dimension-23x: 5.75rem; /** 92px */
  --dimension-24x: 6rem; /** 96px */
  --dimension-25x: 6.25rem; /** 100px */
  --dimension-26x: 6.5rem; /** 104px */
  --dimension-27x: 6.75rem; /** 108px */
  --dimension-28x: 7rem; /** 112px */
  --dimension-29x: 7.25rem; /** 116px */
  --dimension-30x: 7.5rem; /** 120px */
  --letter-spacing-0: 0em;
  --letter-spacing-1: 0.05em;
  --paragraph-spacing-0: 0;
  --paragraph-spacing-1: 12px;
  --paragraph-spacing-2: 16px;
  --paragraph-spacing-3: 24px;
  --paragraph-spacing-4: 32px;
  --paragraph-spacing-5: 40px;
  --paragraph-indent-0: 0px;
  --border-radius-none: 0px;
  --border-radius-small: 4px;
  --border-radius-large: 6px;
  --border-radius-circle: 50px;
  --border-radius-pill: 9999px;
  --border-width-none: 0px;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --border-width-stronger: 4px;
  --spacing-2x-small: var(--dimension-05x);
  --spacing-x-small: var(--dimension-1x);
  --spacing-small: var(--dimension-2x);
  --spacing-medium: var(--dimension-3x);
  --spacing-large: var(--dimension-4x);
  --spacing-x-large: var(--dimension-6x);
  --spacing-2x-large: var(--dimension-8x);
  --spacing-3x-large: var(--dimension-11x);
  --spacing-4x-large: var(--dimension-16x);
  --spacing-5x-large: var(--dimension-19x);
  --spacing-content-margin-top: var(--spacing-24x);
  --spacing-content-margin-bottom: var(--spacing-48x);
  --spacing-content-margin-left-right: var(--spacing-24x);
  --sizing-4x-small: var(--dimension-05x);
  --sizing-3x-small: var(--dimension-3x);
  --sizing-2x-small: var(--dimension-4-5x);
  --sizing-x-small: var(--dimension-7x);
  --sizing-small: var(--dimension-10x);
  --sizing-medium: var(--dimension-13x);
  --sizing-large: var(--dimension-16x);
  --sizing-x-large: var(--dimension-19x);
  --sizing-2x-large: var(--dimension-22x);
  --sizing-device-page-min-width: var(--sizing-390x);
  --sizing-device-page-max-width: var(--sizing-763x);
  --sizing-device-content-max-width-x-large: var(--sizing-2560x);
  --sizing-device-content-max-width-large: var(--sizing-1800x);
  --sizing-device-content-max-width-medium: var(--sizing-600x);
  --sizing-device-content-max-width-small: var(--sizing-496x);
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
  --sizing-brand-logo-medium: var(--sizing-64x);
  --sizing-brand-illustration-medium: var(--sizing-40x);
  --sizing-image-x-small: var(--sizing-48x);
  --sizing-image-large: var(--sizing-390x);
  --sizing-card-link-card-height-x-large-min-height: var(--sizing-124x);
  --sizing-card-link-card-height-x-large-max-height: var(--sizing-180x);
  --sizing-icon-3x-large: var(--sizing-48x);
  --sizing-icon-2x-large: var(--sizing-40x);
  --sizing-icon-x-large: var(--sizing-36x);
  --sizing-icon-large: var(--sizing-32x);
  --sizing-icon-medium: var(--sizing-28x);
  --sizing-icon-small: var(--sizing-24x);
  --sizing-icon-x-small: var(--sizing-20x);
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
  --font-size-small: var(--dimension-4x); /** 16 px */
  --font-size-medium: var(--dimension-4-5x); /** 18 px */
  --font-size-large: var(--dimension-5x); /** 20 px */
  --font-size-x-large: var(--dimension-7x); /** 24 px */
  --font-size-2x-large: var(--dimension-8x); /** 32 px */
  --font-size-3x-large: var(--dimension-9x); /** 40 px */
}

}
@media (max-width: 389px) {
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --spacing-none: 0;
  --spacing-20x: 20px;
  --spacing-24x: 24px;
  --spacing-32x: 32px;
  --spacing-40x: 40px;
  --spacing-48x: 48px;
  --spacing-50x: 50px;
  --spacing-56x: 56px;
  --spacing-88x: 88px;
  --spacing-220x: 220px;
  --spacing-620x: 620px;
  --sizing-18x: 18px;
  --sizing-20x: 20px;
  --sizing-24x: 24px;
  --sizing-28x: 28px;
  --sizing-32x: 32px;
  --sizing-36x: 36px;
  --sizing-40x: 40px;
  --sizing-44x: 44px;
  --sizing-48x: 48px;
  --sizing-56x: 56px;
  --sizing-62x: 62px;
  --sizing-64x: 64px;
  --sizing-70x: 70px;
  --sizing-84x: 84px;
  --sizing-88x: 88px;
  --sizing-92x: 92px;
  --sizing-108x: 108px;
  --sizing-112x: 112px;
  --sizing-118x: 118px;
  --sizing-120x: 120px;
  --sizing-124x: 124px;
  --sizing-132x: 132px;
  --sizing-136x: 136px;
  --sizing-160x: 160px;
  --sizing-180x: 180px;
  --sizing-200x: 200px;
  --sizing-212x: 212px;
  --sizing-216x: 216px;
  --sizing-217x: 217px;
  --sizing-220x: 220px;
  --sizing-232x: 232px;
  --sizing-246x: 246px;
  --sizing-256x: 256px;
  --sizing-282x: 282px;
  --sizing-286x: 286px;
  --sizing-320x: 320px;
  --sizing-342x: 342px;
  --sizing-366x: 366px;
  --sizing-389x: 389px;
  --sizing-390x: 390px;
  --sizing-428x: 428px;
  --sizing-440x: 440px;
  --sizing-468x: 468px;
  --sizing-480x: 480px;
  --sizing-496x: 496px;
  --sizing-520x: 520px;
  --sizing-544x: 544px;
  --sizing-572x: 572px;
  --sizing-588x: 588px;
  --sizing-600x: 600px;
  --sizing-700x: 700px;
  --sizing-750x: 750px;
  --sizing-763x: 763px;
  --sizing-764x: 764px;
  --sizing-799x: 799px;
  --sizing-800x: 800px;
  --sizing-1000x: 1000px;
  --sizing-1023x: 1023px;
  --sizing-1024x: 1024px;
  --sizing-1140x: 1140px;
  --sizing-1200x: 1200px;
  --sizing-1439x: 1439px;
  --sizing-1440x: 1440px;
  --sizing-1599x: 1599px;
  --sizing-1600x: 1600px;
  --sizing-1800x: 1800px;
  --sizing-2439x: 2439px;
  --sizing-2440x: 2440px;
  --sizing-2560x: 2560px;
  --sizing-9999x: 9999px;
  --dimension-025x: 0.0625rem; /** 1px */
  --dimension-05x: 0.125rem; /** 2px */
  --dimension-1x: 0.25rem; /** 4px */
  --dimension-1-5x: 0.375rem; /** 6px */
  --dimension-2x: 0.5rem; /** 8px */
  --dimension-3x: 0.75rem; /** 12px */
  --dimension-3-5x: 0.875rem; /** 14px */
  --dimension-4x: 1rem; /** 16px */
  --dimension-4-5x: 1.125rem; /** 18px */
  --dimension-5x: 1.25rem; /** 20px */
  --dimension-6x: 1.5rem; /** 24px */
  --dimension-7x: 1.75rem; /** 28px */
  --dimension-8x: 2rem; /** 32px */
  --dimension-9x: 2.25rem; /** 36px */
  --dimension-10x: 2.5rem; /** 40px */
  --dimension-11x: 2.75rem; /** 44px */
  --dimension-12x: 3rem; /** 48px */
  --dimension-13x: 3.25rem; /** 52px */
  --dimension-14x: 3.5rem; /** 56px */
  --dimension-15x: 3.75rem; /** 60px */
  --dimension-16x: 4rem; /** 64px */
  --dimension-17x: 4.25rem; /** 68px */
  --dimension-18x: 4.5rem; /** 72px */
  --dimension-19x: 4.75rem; /** 76px */
  --dimension-20x: 5rem; /** 80px */
  --dimension-21x: 5.25rem; /** 84px */
  --dimension-22x: 5.5rem; /** 88px */
  --dimension-23x: 5.75rem; /** 92px */
  --dimension-24x: 6rem; /** 96px */
  --dimension-25x: 6.25rem; /** 100px */
  --dimension-26x: 6.5rem; /** 104px */
  --dimension-27x: 6.75rem; /** 108px */
  --dimension-28x: 7rem; /** 112px */
  --dimension-29x: 7.25rem; /** 116px */
  --dimension-30x: 7.5rem; /** 120px */
  --letter-spacing-0: 0em;
  --letter-spacing-1: 0.05em;
  --paragraph-spacing-0: 0;
  --paragraph-spacing-1: 12px;
  --paragraph-spacing-2: 16px;
  --paragraph-spacing-3: 24px;
  --paragraph-spacing-4: 32px;
  --paragraph-spacing-5: 40px;
  --paragraph-indent-0: 0px;
  --border-radius-none: 0px;
  --border-radius-small: 4px;
  --border-radius-large: 6px;
  --border-radius-circle: 50px;
  --border-radius-pill: 9999px;
  --border-width-none: 0px;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --border-width-stronger: 4px;
  --spacing-2x-small: var(--dimension-05x);
  --spacing-x-small: var(--dimension-1x);
  --spacing-small: var(--dimension-2x);
  --spacing-medium: var(--dimension-3x);
  --spacing-large: var(--dimension-4x);
  --spacing-x-large: var(--dimension-4-5x);
  --spacing-2x-large: var(--dimension-5x);
  --spacing-3x-large: var(--dimension-6x);
  --spacing-4x-large: var(--dimension-7x);
  --spacing-5x-large: var(--dimension-10x);
  --spacing-content-margin-top: var(--spacing-24x);
  --spacing-content-margin-bottom: var(--spacing-40x);
  --spacing-content-margin-left-right: var(--spacing-20x);
  --sizing-4x-small: var(--dimension-05x);
  --sizing-3x-small: var(--dimension-3x);
  --sizing-2x-small: var(--dimension-4-5x);
  --sizing-x-small: var(--dimension-7x);
  --sizing-small: var(--dimension-10x);
  --sizing-medium: var(--dimension-13x);
  --sizing-large: var(--dimension-16x);
  --sizing-x-large: var(--dimension-19x);
  --sizing-2x-large: var(--dimension-22x);
  --sizing-device-page-min-width: var(--sizing-320x);
  --sizing-device-page-max-width: var(--sizing-389x);
  --sizing-device-content-max-width-x-large: var(--sizing-2560x);
  --sizing-device-content-max-width-large: var(--sizing-1800x);
  --sizing-device-content-max-width-medium: var(--sizing-366x);
  --sizing-device-content-max-width-small: var(--sizing-496x);
  --sizing-device-content-max-width-x-small: var(--sizing-496x);
  --sizing-brand-logo-medium: var(--sizing-64x);
  --sizing-brand-illustration-medium: var(--sizing-24x);
  --sizing-image-x-small: var(--sizing-84x);
  --sizing-image-large: var(--sizing-320x);
  --sizing-card-link-card-height-x-large-min-height: var(--sizing-120x);
  --sizing-card-link-card-height-x-large-max-height: var(--sizing-160x);
  --sizing-icon-3x-large: var(--sizing-48x);
  --sizing-icon-2x-large: var(--sizing-40x);
  --sizing-icon-x-large: var(--sizing-36x);
  --sizing-icon-large: var(--sizing-32x);
  --sizing-icon-medium: var(--sizing-28x);
  --sizing-icon-small: var(--sizing-24x);
  --sizing-icon-x-small: var(--sizing-20x);
  --font-size-2x-small: var(--dimension-3x); /** 12 px */
  --font-size-x-small: var(--dimension-3-5x); /** 14 px */
  --font-size-small: var(--dimension-4x); /** 16 px */
  --font-size-medium: var(--dimension-4-5x); /** 18 px */
  --font-size-large: var(--dimension-5x); /** 20 px */
  --font-size-x-large: var(--dimension-6x); /** 24 px */
  --font-size-2x-large: var(--dimension-7x); /** 32 px */
  --font-size-3x-large: var(--dimension-8x); /** 32 px */
}

}