:root {
  --cx-color-black: #000000;
  --cx-color-white: #ffffff;
  --cx-color-grey10: #fafafa;
  --cx-color-grey20: #f4f4f4;
  --cx-color-grey30: #e8e8e8;
  --cx-color-grey40: #dadada;
  --cx-color-grey50: #c9c9c9;
  --cx-color-grey60: #adadad;
  --cx-color-grey70: #8d8d8d;
  --cx-color-grey80: #6c6c6c;
  --cx-color-grey90: #4e4e4e;
  --cx-color-grey100: #333333;
  --cx-color-grey110: #242424;
  --cx-color-grey120: #171717;
  --cx-color-blue120: #002933;
  --cx-color-blue110: #004253;
  --cx-color-blue100: #015b72;
  --cx-color-blue90: #01738f;
  --cx-color-blue80: #0499be;
  --cx-color-blue70: #4acae9;
  --cx-color-blue60: #6fd8f1;
  --cx-color-blue50: #9ae5f7;
  --cx-color-blue40: #c6f1fc;
  --cx-color-blue30: #dcf7fd;
  --cx-color-blue20: #ecfbfe;
  --cx-color-blue10: #f2fcff;
  --cx-color-red20: #ffeef1;
  --cx-color-red30: #ffe0e5;
  --cx-color-red40: #ffc9d0;
  --cx-color-red50: #ffaab3;
  --cx-color-red60: #f95969;
  --cx-color-red70: #ec3144;
  --cx-color-red80: #a20817;
  --cx-color-red90: #76010d;
  --cx-color-red100: #480007;
  --cx-color-red110: #290004;
  --cx-color-yellow20: #fffbf2;
  --cx-color-yellow30: #fff5d9;
  --cx-color-yellow40: #ffefc0;
  --cx-color-yellow50: #ffdf8e;
  --cx-color-yellow60: #fecf60;
  --cx-color-yellow70: #f4bd3c;
  --cx-color-yellow80: #d89b09;
  --cx-color-yellow90: #946700;
  --cx-color-yellow100: #755200;
  --cx-color-yellow110: #543b00;
  --cx-color-purple10: #f2f2ff;
  --cx-color-purple20: #eae9ff;
  --cx-color-purple30: #dcdbff;
  --cx-color-purple40: #c9c7ff;
  --cx-color-purple50: #928fed;
  --cx-color-purple60: #716dde;
  --cx-color-purple70: #4f4bcb;
  --cx-color-purple80: #302ca3;
  --cx-color-purple90: #181477;
  --cx-color-purple100: #080648;
  --cx-color-purple110: #01001a;
  --cx-color-green20: #f6fefd;
  --cx-color-green30: #e4fdf9;
  --cx-color-green40: #ccf9f2;
  --cx-color-green50: #84e9d8;
  --cx-color-green60: #59ddc7;
  --cx-color-green70: #08b99b;
  --cx-color-green80: #009e83;
  --cx-color-green90: #007e69;
  --cx-color-green100: #005a4b;
  --cx-color-green110: #00342b;
  --cx-color-orange20: #fff5f2;
  --cx-color-orange30: #fbe0d7;
  --cx-color-orange40: #f7cbbd;
  --cx-color-orange50: #f1a48b;
  --cx-color-orange60: #ea8060;
  --cx-color-orange70: #e6693c;
  --cx-color-orange80: #df5a20;
  --cx-color-orange90: #cb4e01;
  --cx-color-orange100: #803a00;
  --cx-color-orange110: #4d2300;
  --cx-color-magenta20: #ffeef9;
  --cx-color-magenta30: #fadef0;
  --cx-color-magenta40: #f6cde8;
  --cx-color-magenta50: #eea4d4;
  --cx-color-magenta60: #e380c0;
  --cx-color-magenta70: #d662ae;
  --cx-color-magenta80: #b13c88;
  --cx-color-magenta90: #a02b77;
  --cx-color-magenta100: #6f0f4d;
  --cx-color-magenta110: #510637;
  --cx-color-teal30: #ddf7f9;
  --cx-color-teal40: #c5f4f7;
  --cx-color-teal50: #aaeff3;
  --cx-color-teal60: #7ce2e9;
  --cx-color-teal70: #3fd4de;
  --cx-color-teal80: #18bec9;
  --cx-color-teal90: #14a4ad;
  --cx-color-teal100: #037a82;
  --cx-color-violet30: #f2cffc;
  --cx-color-violet40: #e8b6f7;
  --cx-color-violet50: #d591e8;
  --cx-color-violet60: #c666e1;
  --cx-color-violet70: #b243d0;
  --cx-color-violet80: #a120c5;
  --cx-color-violet90: #7d199a;
  --cx-color-violet100: #64057f;
  --cx-color-text: #171717;
  --cx-color-textSubtle: #6c6c6c;
  --cx-color-textDisabled: #adadad;
  --cx-color-link: #4f4bcb;
  --cx-color-linkHover: #4f4bcb;
  --cx-color-linkActive: #4f4bcb;
  --cx-color-secondaryLink: #171717;
  --cx-color-secondaryLinkHover: #4e4e4e;
  --cx-color-secondaryLinkActive: #4e4e4e;
  --cx-color-tertiaryLink: #6c6c6c;
  --cx-color-tertiaryLinkHover: #4e4e4e;
  --cx-color-tertiaryLinkActive: #4e4e4e;
  --cx-color-interactive: #4f4bcb;
  --cx-color-interactiveHover: #302ca3;
  --cx-color-interactiveActive: #181477;
  --cx-color-interactiveDisabled: #dcdbff;
  --cx-color-secondaryInteractiveHover: #f4f4f4;
  --cx-color-secondaryInteractiveActive: #dadada;
  --cx-color-selectable: #f4f4f4;
  --cx-color-selectableHover: #dadada;
  --cx-color-selectableActive: #c9c9c9;
  --cx-color-selectableDisabled: #fafafa;
  --cx-color-selectedBackground: #f0f6ff;
  --cx-color-selectedBackgroundHover: #dcdbff;
  --cx-color-selectedBackgroundActive: #a8ceff;
  --cx-color-selectedText: #171717;
  --cx-color-border: #dadada;
  --cx-color-borderDisabled: #e8e8e8;
  --cx-color-background: #ffffff;
  --cx-color-backgroundAccent: #f4f4f4;
  --cx-color-backgroundDark: #000000;
  --cx-color-dropShadow: rgba(0, 0, 0, 0.1);
  --cx-color-innerShadow: rgba(0, 0, 0, 0.2);
  --cx-color-lightBackdrop: rgba(255, 255, 255, 0.75);
  --cx-color-darkBackdrop: rgba(0, 0, 0, 0.25);
  --cx-color-critical: #ae0917;
  --cx-color-criticalHover: #800707;
  --cx-color-criticalActive: #590505;
  --cx-color-criticalDisabled: #f2cccf;
  --cx-color-faintCritical: #f8e3e4;
  --cx-color-faintCriticalHover: #f2cccf;
  --cx-color-faintCriticalActive: #e7a2a8;
  --cx-color-dangerLowEmphHover: #f8e3e4;
  --cx-color-dangerLowEmphActive: #f2cccf;
  --cx-color-highlight: #ffbf00;
  --cx-color-faintHighlight: #fff7df;
  --cx-color-success: #3aac6f;
  --cx-color-faintSuccess: #ddf3e7;
  --cx-color-successBackground: #5eca90;
  --cx-color-onDarkText: #ffffff;
  --cx-color-onDarkTextSubtle: #c9c9c9;
  --cx-color-onDarkTextDisabled: #adadad;
  --cx-color-onDarkLink: #4f4bcb;
  --cx-color-onDarkLinkHover: #4f4bcb;
  --cx-color-onDarkLinkActive: #4f4bcb;
  --cx-color-onDarkInteractive: #4f4bcb;
  --cx-color-onDarkInteractiveHover: #302ca3;
  --cx-color-onDarkInteractiveActive: #181477;
  --cx-color-onDarkInteractiveDisabled: #dcdbff;
  --cx-color-darkInteractive: #181477;
  --cx-color-lightInteractive: #302ca3;
  --cx-color-faintInteractive: #f0f6ff;
  --cx-color-coolBlack: #000000;
  --cx-color-coolDeepNeutral: #242424;
  --cx-color-coolDarkNeutral: #6c6c6c;
  --cx-color-deepNeutral: #333333;
  --cx-color-darkNeutral: #6c6c6c;
  --cx-color-mediumNeutral: #8d8d8d;
  --cx-color-mediumLightNeutral: #adadad;
  --cx-color-lightNeutral: #dadada;
  --cx-color-faintNeutral: #f4f4f4;
  --cx-color-actionable: #4f4bcb;
  --cx-color-actionableHover: #302ca3;
  --cx-color-actionableActive: #181477;
  --cx-color-actionableDisabled: #dcdbff;
  --cx-color-textStrong: #171717;
  --cx-color-textTitle: #171717;
  --cx-color-textTitleSubtle: #6c6c6c;
  --cx-color-actionableLowEmph: #000000;
  --cx-color-actionableLowEmphHover: #4f4bcb;
  --cx-color-inputChecked: #000000;
  --cx-color-onDarkTextStrong: #ffffff;
  --cx-color-onDarkTextTitle: #ffffff;
  --cx-color-onDarkTextTitleSubtle: #c9c9c9;
  --cx-color-onDarkActionable: #4f4bcb;
  --cx-color-onDarkActionableHover: #302ca3;
  --cx-color-onDarkActionableLowEmph: #ffffff;
  --cx-color-onDarkActionableLowEmphHover: #4f4bcb;
  --cx-color-onDarkActionableActive: #181477;
  --cx-color-onDarkActionableDisabled: #dcdbff;
  --cx-color-darkCitrus: #9a4b0f;
  --cx-color-citrus: #d16614;
  --cx-color-faintCitrus: #fbe6d6;
  --cx-color-darkMint: #1e5839;
  --cx-color-mint: #2a7e51;
  --cx-color-faintMint: #ddf3e7;
  --cx-color-darkAqua: #037a82;
  --cx-color-aqua: #14a4ad;
  --cx-color-faintAqua: #ddf7f9;
  --cx-color-darkLilac: #7d199a;
  --cx-color-lilac: #b243d0;
  --cx-color-faintLilac: #f2cffc;
  --cx-color-dataViz1: #1b39ef;
  --cx-color-dataViz2: #59a1fa;
  --cx-color-dataViz3: #b0c5e8;
  --cx-color-dataViz4: #3ae0d4;
  --cx-font-sizeTitle1: 50px;
  --cx-font-sizeTitle2: 42px;
  --cx-font-lineHeightTitle: 1.3;
  --cx-font-sizeHeader1: 36px;
  --cx-font-sizeHeader2: 32px;
  --cx-font-sizeHeader3: 28px;
  --cx-font-sizeHeader4: 24px;
  --cx-font-lineHeightHeader: 1.3;
  --cx-font-weightRegular: 400;
  --cx-font-weightSemiBold: 600;
  --cx-font-sizeSubheader1: 20px;
  --cx-font-sizeSubheader2: 18px;
  --cx-font-sizeBody1: 16px;
  --cx-font-sizeBody2: 14px;
  --cx-font-lineHeightBody: 1.5;
  --cx-font-sizeCallout: 14px;
  --cx-font-sizeCaption1: 12px;
  --cx-font-sizeCaption2: 10px;
  --cx-font-sizeMobileTitle1: 42px;
  --cx-font-izeMobileTitle2: 36px;
  --cx-font-sizeMobileHeader1: 32px;
  --cx-font-sizeMobileHeader2: 28px;
  --cx-font-sizeMobileHeader3: 24px;
  --cx-font-sizeMobileHeader4: 20px;
  --cx-font-sizeMobileSubheader1: 18px;
  --cx-font-sizeMobileSubheader2: 16px;
  --cx-font-sizeMobileBody1: 14px;
  --cx-font-sizeMobileBody2: 14px;
  --cx-font-sizeMobileCallout: 14px;
  --cx-font-sizeMobileCaption1: 12px;
  --cx-font-sizeMobileCaption2: 10px;
  --cx-font-sizeXl: 20px;
  --cx-font-size2xl: 32px;
  --cx-font-sizeLg: 16px;
  --cx-font-sizeMd: 12px;
  --cx-font-sizeSm: 10px;
  --cx-width-avatar2xl: 96px;
  --cx-height-avatar2xl: 96px;
  --cx-width-avatarXl: 56px;
  --cx-height-avatarXl: 56px;
  --cx-width-avatarLg: 40px;
  --cx-height-avatarLg: 40px;
  --cx-width-avatarMd: 32px;
  --cx-height-avatarMd: 32px;
  --cx-width-avatarSm: 24px;
  --cx-height-avatarSm: 24px;
  --cx-font-familySans: "Inter", sans-serif;
  --cx-font-familySerif: "Inter", serif;
  --cx-font-familyLegible: "Inter", sans-serif;
  --cx-font-familyMono: Consolas, "Inter", monospace;
  --cx-font-weightMedium: 600;
  --cx-font-weightBold: 700;
  --cx-font-lineHeightCompact: 1.3;
  --cx-font-size2xs: 10px;
  --cx-font-sizeXs: 12px;
  --cx-font-size3xl: 28px;
  --cx-font-size4xl: 36px;
  --cx-font-size5xl: 42px;
  --cx-font-size6xl: 50px;
  --cx-font-size7xl: 60px;
  --cx-font-size8xl: 72px;
  --cx-font-shorthandBody: 400 16px/1.5 "Inter", sans-serif;
  --cx-font-shorthandBodyStrong: 500 16px/1.5 "Inter", sans-serif;
  --cx-font-shorthandSm: 400 14px/1.5 "Inter", sans-serif;
  --cx-font-shorthandSmStrong: 500 14px/1.5 "Inter", sans-serif;
  --cx-font-shorthandXs: 400 12px/1.3 "Inter", sans-serif;
  --cx-font-shorthandXsStrong: 600 12px/1.3 "Inter", sans-serif;
  --cx-font-shorthand2xs: 400 10px/1.5 "Inter", sans-serif;
  --cx-font-shorthand2xsStrong: 600 10px/1.5 "Inter", sans-serif;
  --cx-mq-smallMobile: 320;
  --cx-mq-mobile: 360;
  --cx-mq-mobileLandscape: 512;
  --cx-mq-tablet: 768;
  --cx-mq-tabletLandscape: 1024;
  --cx-mq-laptop: 1280;
  --cx-mq-desktop: 1536;
  --cx-mq-HDDesktop: 1792;
  --cx-spacing-1x: 8px;
  --cx-spacing-2x: 16px;
  --cx-spacing-3x: 24px;
  --cx-spacing-4x: 32px;
  --cx-spacing-8x: 64px;
  --cx-spacing-half: 4px;
  --cx-spacing-borderWidth: 1px;
  --cx-spacing-borderRadius: 4px;
  --cx-spacing-elevatedBorderRadius: 0;
  --cx-spacing-gutterMobile: 16px;
  --cx-spacing-gutter: 24px;
  --cx-spacing-column: 64px;
}